@umriss-ui/calculation 0.7.2 → 0.34.0

package/CHANGELOG.md

@@ -1,14 +1,39 @@
 # Changes to `@umriss-ui/calculation`
 
 This document describes what changes for **callers** of the package: exports,
-props, behaviour. What was worked on in the repository stands in the
-repository's journal (`docs/journal.md`) and in the specs under `.scratch/`.
+props, behaviour.
 
 **The numbers.** The middle digit rises when something is added; the last one
 when something is repaired. As long as the first digit is `0`, no number
 promises compatibility — which is why whatever changes existing behaviour stands
 under a heading "Changed" of its own, no matter which digit rose.
 
+From 0.34.0 all five packages share one number: they are released together, and a package without a change of its own still gets a heading for it.
+
+---
+
+## 0.34.0 – One number for all five packages (Oct. 2026)
+
+From this version all five packages carry one number and are released
+together. Needs `@umriss-ui/core` 0.34; the peer range is `^0.34.0`. No change
+of its own.
+
+---
+
+## 0.7.3 – Core 0.33.0 (Oct. 2026)
+
+Needs `@umriss-ui/core` 0.33; the peer range moves to `^0.33.0`.
+
+### Added
+
+- **The unit tests run against React 18.3.1 and 19 in CI**, and a calculation is rendered to a string with no `window` in a test (`tests-unit/ssr.test.tsx`).
+
+### Changed
+
+- **Every entry begins with `"use client";`.** The built file `dist/calculation.js` starts with the directive, then the stylesheet import, so a bundler that splits server from client code takes each as client code. The directive is written to the built entries only; the sources are unchanged.
+
+- **Every export is a client component.** A hook called in a Server Component now fails with React's message about a client reference, not one about `useState`.
+
 ---
 
 ## 0.7.2 – Core 0.32.0 (Oct. 2026)

package/README.md

@@ -16,7 +16,12 @@ pnpm add @umriss-ui/calculation @umriss-ui/core
 
 `@umriss-ui/core` is a **peer dependency**: the calculation takes its styling
 regime, formats, wording, assessment and freshness from there. React 18 or 19
-as a peer as well.
+as a peer as well; the unit tests run against 18.3 and 19 in CI.
+
+Every entry begins with `"use client"`, the directive a framework
+with Server Components reads to treat a module as client code. No test runs
+inside such a framework: the
+calculation is rendered to a string in a test.
 
 ## Two forms, written as they are shown
 

package/dist/calculation.css

@@ -1 +1 @@
-@layer umriss.tokens,umriss.base,umriss.components;@layer umriss.base{._text_1krlf_23{font-family:var(--u-font-sans);font-size:var(--u-text-md);line-height:var(--u-leading-normal);color:var(--u-color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media(pointer:fine){._dense_1krlf_39{--u-control-height-sm: var(--u-control-height-xs)}}._ink_1krlf_50{--u-color-text: var(--u-color-bg);--u-color-text-secondary: color-mix(in srgb, var(--u-color-bg) 75%, transparent);--u-color-text-muted: color-mix(in srgb, var(--u-color-bg) 60%, transparent)}._extent_1krlf_76{--_chars: 20;--_extra: 0;--_tracking: 0px;--_chrome: 0px;min-inline-size:0;max-inline-size:100%;contain:inline-size;contain-intrinsic-inline-size:calc((var(--_chars) + var(--_extra)) * (1ch + var(--_tracking)) + var(--_chrome))}._field_1krlf_91{caret-color:var(--u-color-accent)}._scroll_1krlf_97{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--u-color-text) 25%,transparent) transparent}._scroll_1krlf_97::-webkit-scrollbar{width:10px;height:10px}._scroll_1krlf_97::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--u-color-text) 22%,transparent);border-radius:var(--u-radius-full);border:3px solid transparent;background-clip:content-box}._scroll_1krlf_97::-webkit-scrollbar-track{background:transparent}}@layer umriss.components{._ring_1krlf_126:focus-visible{outline:2px solid transparent;box-shadow:var(--u-focus-ring)}@media(pointer:coarse){._field_1krlf_91._field_1krlf_91,._fieldRoot_1krlf_146._fieldRoot_1krlf_146{font-size:16px}}._field_1krlf_91:-webkit-autofill,._field_1krlf_91:-webkit-autofill:hover,._field_1krlf_91:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 1000px var(--u-color-surface),0 0 0 1px var(--u-edge-color-strong);-webkit-text-fill-color:var(--u-color-text);caret-color:var(--u-color-accent)}}@layer umriss.components{._frame_is340_24,._frame_is340_24:before,._frame_is340_24:after{box-sizing:border-box}._calculation_is340_51,._calculation_is340_51:before,._calculation_is340_51:after{box-sizing:border-box}._line_is340_86,._line_is340_86:before,._line_is340_86:after{box-sizing:border-box}._assessment_is340_98,._assessment_is340_98:before,._assessment_is340_98:after{box-sizing:border-box}._disclosure_is340_107,._disclosure_is340_107:before,._disclosure_is340_107:after{box-sizing:border-box}._amount_is340_90,._amount_is340_90:before,._amount_is340_90:after{box-sizing:border-box}._list_is340_128,._list_is340_128:before,._list_is340_128:after{box-sizing:border-box}._item_is340_129,._item_is340_129:before,._item_is340_129:after{box-sizing:border-box}._derivation_is340_130,._derivation_is340_130:before,._derivation_is340_130:after{box-sizing:border-box}._labelCell_is340_90,._labelCell_is340_90:before,._labelCell_is340_90:after{box-sizing:border-box}._names_is340_90,._names_is340_90:before,._names_is340_90:after{box-sizing:border-box}._operator_is340_90,._operator_is340_90:before,._operator_is340_90:after{box-sizing:border-box}._unit_is340_90,._unit_is340_90:before,._unit_is340_90:after{box-sizing:border-box}._label_is340_90,._label_is340_90:before,._label_is340_90:after{box-sizing:border-box}._approximate_is340_345,._approximate_is340_345:before,._approximate_is340_345:after{box-sizing:border-box}._target_is340_102,._target_is340_102:before,._target_is340_102:after{box-sizing:border-box}._worst_is340_102,._worst_is340_102:before,._worst_is340_102:after{box-sizing:border-box}._head_is340_497,._head_is340_497:before,._head_is340_497:after{box-sizing:border-box}._headCell_is340_504,._headCell_is340_504:before,._headCell_is340_504:after{box-sizing:border-box}._headUnit_is340_517,._headUnit_is340_517:before,._headUnit_is340_517:after{box-sizing:border-box}._notes_is340_524,._notes_is340_524:before,._notes_is340_524:after{box-sizing:border-box}._freshness_is340_538,._freshness_is340_538:before,._freshness_is340_538:after{box-sizing:border-box}._headLabel_is340_568,._headLabel_is340_568:before,._headLabel_is340_568:after{box-sizing:border-box}._frame_is340_24{font-size:var(--u-text-sm);border-radius:var(--u-radius-md);corner-shape:squircle;background:var(--u-color-surface);outline:1px solid transparent;box-shadow:var(--u-edge);overflow-x:auto;overflow-y:hidden;--disclosure-size: 20px;--disclosure-gap: var(--u-space-2);--line-pad: var(--u-space-2);--line-gap: var(--u-space-1);container-type:inline-size;width:100%}._calculation_is340_51{display:grid;grid-template-columns:fit-content(22rem) minmax(0,1fr) auto var(--figure-tracks, auto auto) auto;margin:0;padding:0;list-style:none}._frame_is340_24[data-compact]{--line-text: 18px;--line-pad: var(--u-space-1);--line-gap: calc(var(--u-space-1) / 2);font-size:var(--u-text-xs);line-height:var(--line-text)}@media(pointer:coarse){._frame_is340_24[data-compact]{--line-pad: var(--u-space-2);--line-gap: var(--u-space-1)}}._frame_is340_24[data-compact]:not([data-two-lines]) ._line_is340_86{grid-template-rows:minmax(calc(var(--line-text) + 2 * var(--line-pad)),auto)}._frame_is340_24[data-compact]:not([data-two-lines]) :is(._labelCell_is340_90,._names_is340_90,._operator_is340_90,._amount_is340_90,._unit_is340_90){padding-bottom:calc(var(--line-pad) - 1px)}._frame_is340_24[data-compact]:not([data-two-lines]) ._assessment_is340_98{padding-bottom:0}._frame_is340_24[data-compact]:not([data-two-lines]) ._assessment_is340_98>:not(._target_is340_102,._worst_is340_102){margin-block:-1px}._frame_is340_24[data-compact] ._disclosure_is340_107{margin-block:-1px}._frame_is340_24[data-compact] ._line_is340_86[data-kind=result]>._amount_is340_90{font-size:var(--u-text-sm);text-underline-offset:3px}._frame_is340_24[data-still]{--disclosure-size: 0px;--disclosure-gap: 0px}._frame_is340_24[data-still] ._disclosure_is340_107{display:none}._list_is340_128,._item_is340_129,._derivation_is340_130{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;margin:0;padding:0;list-style:none}._derivation_is340_130[hidden]{display:none}._derivation_is340_130:not([hidden]){animation:_derivationIn_is340_1 var(--u-duration-fast) var(--u-ease-out)}@keyframes _derivationIn_is340_1{0%{opacity:0}}._item_is340_129{--fall: calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5) + var(--disclosure-size) / 2 - 1px)}._derivation_is340_130{position:relative}._derivation_is340_130:before{content:"";position:absolute;top:0;bottom:0;left:var(--fall);z-index:1;width:2px;background:var(--u-color-accent);pointer-events:none}:not(._derivation_is340_130)>._item_is340_129[data-open]>._line_is340_86:not([data-mark]),:not(._derivation_is340_130)>._item_is340_129>._derivation_is340_130{background-color:var(--u-color-surface-sunken)}._derivation_is340_130 ._line_is340_86{border-top-color:transparent}._line_is340_86{position:relative;display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline;border-top:1px solid var(--u-hairline)}._calculation_is340_51>._item_is340_129:first-child>._line_is340_86:first-child,._calculation_is340_51>._item_is340_129:first-child>._list_is340_128>._item_is340_129:first-child>._line_is340_86{border-top-color:transparent}._line_is340_86[data-foldable]{cursor:pointer}._line_is340_86[data-mark]{background:color-mix(in srgb,var(--u-color-accent-subtle) 50%,transparent)}._line_is340_86[data-mark=use]{background:var(--u-color-accent-subtle)}._labelCell_is340_90,._names_is340_90,._operator_is340_90,._amount_is340_90,._unit_is340_90,._assessment_is340_98{grid-row:1;padding-top:var(--line-pad);padding-bottom:var(--line-pad)}._labelCell_is340_90{grid-column:1;display:flex;align-items:baseline;gap:var(--disclosure-gap);min-width:0;padding-left:calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5));padding-right:var(--u-space-5)}._label_is340_90{min-width:0;color:var(--u-color-text)}._line_is340_86[data-reference] ._label_is340_90{font-style:italic;color:var(--u-color-text-secondary)}._disclosure_is340_107{flex:none;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:var(--disclosure-size);height:var(--disclosure-size);padding:0;border:none;border-radius:var(--u-radius-xs);corner-shape:squircle;background:none;color:var(--u-color-text-muted)}button._disclosure_is340_107{box-sizing:border-box}button._disclosure_is340_107{cursor:pointer}button._disclosure_is340_107:hover,._line_is340_86[data-foldable]:hover button._disclosure_is340_107{box-sizing:border-box}button._disclosure_is340_107:hover,._line_is340_86[data-foldable]:hover button._disclosure_is340_107{background:var(--u-color-surface-sunken);color:var(--u-color-text)}button._disclosure_is340_107:active,._line_is340_86[data-foldable]:active button._disclosure_is340_107{box-sizing:border-box}button._disclosure_is340_107:active,._line_is340_86[data-foldable]:active button._disclosure_is340_107{background:var(--u-color-surface-pressed)}._item_is340_129[data-open]>._line_is340_86 button._disclosure_is340_107{box-sizing:border-box}._item_is340_129[data-open]>._line_is340_86 button._disclosure_is340_107{color:var(--u-color-accent)}button._disclosure_is340_107:focus-visible{box-sizing:border-box}button._disclosure_is340_107:focus-visible{outline:2px solid transparent;box-shadow:var(--u-focus-ring)}._disclosure_is340_107 svg{box-sizing:border-box}._disclosure_is340_107 svg{transition:transform var(--u-transition-path)}._disclosure_is340_107 svg[data-open]{box-sizing:border-box}._disclosure_is340_107 svg[data-open]{transform:rotate(90deg)}._names_is340_90{grid-column:2;min-width:0;overflow:hidden;padding-right:var(--u-space-4);white-space:nowrap;text-overflow:ellipsis;color:var(--u-color-text-secondary)}._operator_is340_90,._amount_is340_90,._unit_is340_90{font-family:var(--u-font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}._operator_is340_90{grid-column:3;padding-right:var(--u-space-3);text-align:right;color:var(--u-color-text-secondary)}._amount_is340_90{grid-column:var(--column, 4);text-align:right;color:var(--u-color-text)}._amount_is340_90[data-verdict=unknown]{color:var(--u-color-text-secondary)}._approximate_is340_345{display:inline-block;margin-right:var(--u-space-1);color:var(--u-color-text-secondary);cursor:help}._unit_is340_90{grid-column:var(--column, 5);padding-left:var(--u-space-1);padding-right:var(--u-space-3);color:var(--u-color-text-secondary)}._assessment_is340_98{grid-column:var(--assessment-column, 6);display:flex;align-items:baseline;justify-content:flex-end;gap:var(--u-space-2);padding-right:var(--u-space-3);white-space:nowrap}._assessment_is340_98:empty{padding-right:0}._target_is340_102,._worst_is340_102{font-size:var(--u-text-xs);color:var(--u-color-text-secondary)}._worst_is340_102:before{content:"● "}._worst_is340_102[data-verdict=unknown]:before{color:var(--u-color-text-muted)}._worst_is340_102[data-verdict=warning]:before{color:var(--u-color-warning)}._worst_is340_102[data-verdict=alarm]:before{color:var(--u-color-danger-text)}._line_is340_86[data-inner]>._amount_is340_90{color:var(--u-color-text-secondary)}._line_is340_86[data-kind=interim] ._label_is340_90,._line_is340_86[data-kind=interim]>._amount_is340_90{font-weight:var(--u-weight-medium)}._line_is340_86[data-emphasis=strong] ._label_is340_90,._line_is340_86[data-emphasis=strong]>._amount_is340_90{font-weight:var(--u-weight-semibold);color:var(--u-color-text)}._line_is340_86[data-emphasis=muted] ._label_is340_90,._line_is340_86[data-emphasis=muted]>._amount_is340_90{color:var(--u-color-text-secondary)}._line_is340_86[data-inner][data-emphasis=muted] ._label_is340_90,._line_is340_86[data-inner][data-emphasis=muted]>._amount_is340_90{color:var(--u-color-text-muted)}._line_is340_86[data-rule],._derivation_is340_130 ._line_is340_86[data-rule]{border-top:1px solid var(--u-color-text-secondary)}._line_is340_86[data-kind=interim]:before{content:"";grid-row:1;grid-column:3 / var(--figures-end, 6);align-self:start;border-top:1px solid var(--u-color-text-secondary);pointer-events:none}._line_is340_86[data-closing] ._label_is340_90{font-weight:var(--u-weight-medium);color:var(--u-color-text-secondary)}._line_is340_86[data-closing]:before{content:"";grid-row:1;grid-column:3 / var(--figures-end, 6);align-self:start;border-top:1px solid var(--u-color-text-muted);pointer-events:none}._line_is340_86[data-kind=result]{border-top:1px solid var(--u-edge-color-strong)}._line_is340_86[data-kind=result]:not([data-mark]){background:var(--u-color-surface-sunken)}._line_is340_86[data-kind=result] ._label_is340_90{font-weight:var(--u-weight-semibold)}._line_is340_86[data-kind=result]>._amount_is340_90{font-size:var(--u-text-md);font-weight:var(--u-weight-semibold)}._line_is340_86[data-kind=result]>._amount_is340_90:not([data-verdict=unknown]){text-decoration-line:underline;text-decoration-style:double;text-underline-offset:5px}._amount_is340_90[data-later]{padding-left:var(--u-space-6)}._head_is340_497{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:end}._headCell_is340_504{grid-row:1;grid-column:var(--column);display:flex;flex-direction:column;align-items:flex-end;padding:var(--line-pad) 0 var(--u-space-1);font-size:var(--u-text-xs);font-weight:var(--u-weight-medium);color:var(--u-color-text-secondary);white-space:nowrap}._headUnit_is340_517{font-family:var(--u-font-mono);font-weight:var(--u-weight-regular)}._notes_is340_524{grid-row:2;grid-column:1 / 3;display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--u-space-3);margin-top:calc(-1 * var(--line-gap));padding:0 var(--u-space-4) var(--line-pad) calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5) + var(--disclosure-size) + var(--disclosure-gap));font-size:var(--u-text-xs);color:var(--u-color-text-secondary)}._freshness_is340_538[data-freshness=stale]{color:var(--u-color-warning)}._freshness_is340_538[data-freshness=lost]{color:var(--u-color-danger-text);font-weight:var(--u-weight-medium)}@container (max-width: 34rem){._calculation_is340_51{grid-template-columns:minmax(0,1fr) 0 auto var(--figure-tracks, auto auto) 0}._amount_is340_90[data-later]{padding-left:var(--u-space-2)}._frame_is340_24[data-metrics] ._unit_is340_90:not([data-last]){padding-right:var(--u-space-2)}._headCell_is340_504[data-unit] ._headLabel_is340_568,._names_is340_90{display:none}._labelCell_is340_90{padding-right:var(--u-space-3)}._assessment_is340_98:not(:empty){grid-area:2 / 1 / 3 / -1;justify-content:flex-start;flex-wrap:wrap;min-width:0;overflow:hidden;padding:0 var(--u-space-3) var(--line-pad) calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5) + var(--disclosure-size) + var(--disclosure-gap));white-space:normal}._frame_is340_24[data-compact]:not([data-two-lines]) ._assessment_is340_98:not(:empty){padding-bottom:var(--line-pad)}._frame_is340_24[data-compact]:not([data-two-lines]) ._assessment_is340_98:not(:empty)>:not(._target_is340_102,._worst_is340_102){margin-block:0}._notes_is340_524{grid-row:3;grid-column:1 / -1}}._frame_is340_24[data-two-lines] ._labelCell_is340_90{grid-column:1 / -1;padding-bottom:0}._frame_is340_24[data-two-lines] ._names_is340_90{display:none}._frame_is340_24[data-two-lines] ._line_is340_86>._operator_is340_90,._frame_is340_24[data-two-lines] ._line_is340_86>._amount_is340_90,._frame_is340_24[data-two-lines] ._line_is340_86>._unit_is340_90{grid-row:2;padding-top:var(--line-gap)}._frame_is340_24[data-two-lines] ._line_is340_86[data-kind=interim]:before,._frame_is340_24[data-two-lines] ._line_is340_86[data-closing]:before{grid-row:2}._frame_is340_24[data-two-lines] ._assessment_is340_98:not(:empty){grid-area:3 / 1 / 4 / -1;justify-content:flex-start;flex-wrap:wrap;min-width:0;overflow:hidden;padding:0 var(--u-space-3) var(--line-pad) calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5) + var(--disclosure-size) + var(--disclosure-gap));white-space:normal}._frame_is340_24[data-two-lines] ._notes_is340_524{grid-row:4;grid-column:1 / -1}@media(prefers-reduced-motion:reduce){._disclosure_is340_107 svg{transition:none}._derivation_is340_130:not([hidden]){animation:none}}@media(forced-colors:active){._line_is340_86[data-mark]{outline:1px solid Highlight;outline-offset:-1px}._line_is340_86[data-mark=use]{outline-width:2px;outline-offset:-2px}._derivation_is340_130:before{background:CanvasText}._line_is340_86[data-emphasis=muted] ._label_is340_90,._line_is340_86[data-emphasis=muted]>._amount_is340_90{color:GrayText}}}
+@layer umriss.tokens,umriss.base,umriss.components;@layer umriss.base{._text_18806_22{font-family:var(--u-font-sans);font-size:var(--u-text-md);line-height:var(--u-leading-normal);color:var(--u-color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media(pointer:fine){._dense_18806_38{--u-control-height-sm: var(--u-control-height-xs)}}._ink_18806_49{--u-color-text: var(--u-color-bg);--u-color-text-secondary: color-mix(in srgb, var(--u-color-bg) 75%, transparent);--u-color-text-muted: color-mix(in srgb, var(--u-color-bg) 60%, transparent)}._extent_18806_75{--_chars: 20;--_extra: 0;--_tracking: 0px;--_chrome: 0px;min-inline-size:0;max-inline-size:100%;contain:inline-size;contain-intrinsic-inline-size:calc((var(--_chars) + var(--_extra)) * (1ch + var(--_tracking)) + var(--_chrome))}._field_18806_90{caret-color:var(--u-color-accent)}._scroll_18806_96{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--u-color-text) 25%,transparent) transparent}._scroll_18806_96::-webkit-scrollbar{width:10px;height:10px}._scroll_18806_96::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--u-color-text) 22%,transparent);border-radius:var(--u-radius-full);border:3px solid transparent;background-clip:content-box}._scroll_18806_96::-webkit-scrollbar-track{background:transparent}}@layer umriss.components{._ring_18806_125:focus-visible{outline:2px solid transparent;box-shadow:var(--u-focus-ring)}@media(pointer:coarse){._field_18806_90._field_18806_90,._fieldRoot_18806_145._fieldRoot_18806_145{font-size:16px}}._field_18806_90:-webkit-autofill,._field_18806_90:-webkit-autofill:hover,._field_18806_90:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 1000px var(--u-color-surface),0 0 0 1px var(--u-edge-color-strong);-webkit-text-fill-color:var(--u-color-text);caret-color:var(--u-color-accent)}}@layer umriss.components{._frame_abb5t_24,._frame_abb5t_24:before,._frame_abb5t_24:after{box-sizing:border-box}._calculation_abb5t_51,._calculation_abb5t_51:before,._calculation_abb5t_51:after{box-sizing:border-box}._line_abb5t_86,._line_abb5t_86:before,._line_abb5t_86:after{box-sizing:border-box}._assessment_abb5t_98,._assessment_abb5t_98:before,._assessment_abb5t_98:after{box-sizing:border-box}._disclosure_abb5t_107,._disclosure_abb5t_107:before,._disclosure_abb5t_107:after{box-sizing:border-box}._amount_abb5t_90,._amount_abb5t_90:before,._amount_abb5t_90:after{box-sizing:border-box}._list_abb5t_128,._list_abb5t_128:before,._list_abb5t_128:after{box-sizing:border-box}._item_abb5t_129,._item_abb5t_129:before,._item_abb5t_129:after{box-sizing:border-box}._derivation_abb5t_130,._derivation_abb5t_130:before,._derivation_abb5t_130:after{box-sizing:border-box}._labelCell_abb5t_90,._labelCell_abb5t_90:before,._labelCell_abb5t_90:after{box-sizing:border-box}._names_abb5t_90,._names_abb5t_90:before,._names_abb5t_90:after{box-sizing:border-box}._operator_abb5t_90,._operator_abb5t_90:before,._operator_abb5t_90:after{box-sizing:border-box}._unit_abb5t_90,._unit_abb5t_90:before,._unit_abb5t_90:after{box-sizing:border-box}._label_abb5t_90,._label_abb5t_90:before,._label_abb5t_90:after{box-sizing:border-box}._approximate_abb5t_345,._approximate_abb5t_345:before,._approximate_abb5t_345:after{box-sizing:border-box}._target_abb5t_102,._target_abb5t_102:before,._target_abb5t_102:after{box-sizing:border-box}._worst_abb5t_102,._worst_abb5t_102:before,._worst_abb5t_102:after{box-sizing:border-box}._head_abb5t_497,._head_abb5t_497:before,._head_abb5t_497:after{box-sizing:border-box}._headCell_abb5t_504,._headCell_abb5t_504:before,._headCell_abb5t_504:after{box-sizing:border-box}._headUnit_abb5t_517,._headUnit_abb5t_517:before,._headUnit_abb5t_517:after{box-sizing:border-box}._notes_abb5t_524,._notes_abb5t_524:before,._notes_abb5t_524:after{box-sizing:border-box}._freshness_abb5t_538,._freshness_abb5t_538:before,._freshness_abb5t_538:after{box-sizing:border-box}._headLabel_abb5t_568,._headLabel_abb5t_568:before,._headLabel_abb5t_568:after{box-sizing:border-box}._frame_abb5t_24{font-size:var(--u-text-sm);border-radius:var(--u-radius-md);corner-shape:squircle;background:var(--u-color-surface);outline:1px solid transparent;box-shadow:var(--u-edge);overflow-x:auto;overflow-y:hidden;--disclosure-size: 20px;--disclosure-gap: var(--u-space-2);--line-pad: var(--u-space-2);--line-gap: var(--u-space-1);container-type:inline-size;width:100%}._calculation_abb5t_51{display:grid;grid-template-columns:fit-content(22rem) minmax(0,1fr) auto var(--figure-tracks, auto auto) auto;margin:0;padding:0;list-style:none}._frame_abb5t_24[data-compact]{--line-text: 18px;--line-pad: var(--u-space-1);--line-gap: calc(var(--u-space-1) / 2);font-size:var(--u-text-xs);line-height:var(--line-text)}@media(pointer:coarse){._frame_abb5t_24[data-compact]{--line-pad: var(--u-space-2);--line-gap: var(--u-space-1)}}._frame_abb5t_24[data-compact]:not([data-two-lines]) ._line_abb5t_86{grid-template-rows:minmax(calc(var(--line-text) + 2 * var(--line-pad)),auto)}._frame_abb5t_24[data-compact]:not([data-two-lines]) :is(._labelCell_abb5t_90,._names_abb5t_90,._operator_abb5t_90,._amount_abb5t_90,._unit_abb5t_90){padding-bottom:calc(var(--line-pad) - 1px)}._frame_abb5t_24[data-compact]:not([data-two-lines]) ._assessment_abb5t_98{padding-bottom:0}._frame_abb5t_24[data-compact]:not([data-two-lines]) ._assessment_abb5t_98>:not(._target_abb5t_102,._worst_abb5t_102){margin-block:-1px}._frame_abb5t_24[data-compact] ._disclosure_abb5t_107{margin-block:-1px}._frame_abb5t_24[data-compact] ._line_abb5t_86[data-kind=result]>._amount_abb5t_90{font-size:var(--u-text-sm);text-underline-offset:3px}._frame_abb5t_24[data-still]{--disclosure-size: 0px;--disclosure-gap: 0px}._frame_abb5t_24[data-still] ._disclosure_abb5t_107{display:none}._list_abb5t_128,._item_abb5t_129,._derivation_abb5t_130{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;margin:0;padding:0;list-style:none}._derivation_abb5t_130[hidden]{display:none}._derivation_abb5t_130:not([hidden]){animation:_derivationIn_abb5t_1 var(--u-duration-fast) var(--u-ease-out)}@keyframes _derivationIn_abb5t_1{0%{opacity:0}}._item_abb5t_129{--fall: calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5) + var(--disclosure-size) / 2 - 1px)}._derivation_abb5t_130{position:relative}._derivation_abb5t_130:before{content:"";position:absolute;top:0;bottom:0;left:var(--fall);z-index:1;width:2px;background:var(--u-color-accent);pointer-events:none}:not(._derivation_abb5t_130)>._item_abb5t_129[data-open]>._line_abb5t_86:not([data-mark]),:not(._derivation_abb5t_130)>._item_abb5t_129>._derivation_abb5t_130{background-color:var(--u-color-surface-sunken)}._derivation_abb5t_130 ._line_abb5t_86{border-top-color:transparent}._line_abb5t_86{position:relative;display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline;border-top:1px solid var(--u-hairline)}._calculation_abb5t_51>._item_abb5t_129:first-child>._line_abb5t_86:first-child,._calculation_abb5t_51>._item_abb5t_129:first-child>._list_abb5t_128>._item_abb5t_129:first-child>._line_abb5t_86{border-top-color:transparent}._line_abb5t_86[data-foldable]{cursor:pointer}._line_abb5t_86[data-mark]{background:color-mix(in srgb,var(--u-color-accent-subtle) 50%,transparent)}._line_abb5t_86[data-mark=use]{background:var(--u-color-accent-subtle)}._labelCell_abb5t_90,._names_abb5t_90,._operator_abb5t_90,._amount_abb5t_90,._unit_abb5t_90,._assessment_abb5t_98{grid-row:1;padding-top:var(--line-pad);padding-bottom:var(--line-pad)}._labelCell_abb5t_90{grid-column:1;display:flex;align-items:baseline;gap:var(--disclosure-gap);min-width:0;padding-left:calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5));padding-right:var(--u-space-5)}._label_abb5t_90{min-width:0;color:var(--u-color-text)}._line_abb5t_86[data-reference] ._label_abb5t_90{font-style:italic;color:var(--u-color-text-secondary)}._disclosure_abb5t_107{flex:none;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:var(--disclosure-size);height:var(--disclosure-size);padding:0;border:none;border-radius:var(--u-radius-xs);corner-shape:squircle;background:none;color:var(--u-color-text-muted)}button._disclosure_abb5t_107{box-sizing:border-box}button._disclosure_abb5t_107{cursor:pointer}button._disclosure_abb5t_107:hover,._line_abb5t_86[data-foldable]:hover button._disclosure_abb5t_107{box-sizing:border-box}button._disclosure_abb5t_107:hover,._line_abb5t_86[data-foldable]:hover button._disclosure_abb5t_107{background:var(--u-color-surface-sunken);color:var(--u-color-text)}button._disclosure_abb5t_107:active,._line_abb5t_86[data-foldable]:active button._disclosure_abb5t_107{box-sizing:border-box}button._disclosure_abb5t_107:active,._line_abb5t_86[data-foldable]:active button._disclosure_abb5t_107{background:var(--u-color-surface-pressed)}._item_abb5t_129[data-open]>._line_abb5t_86 button._disclosure_abb5t_107{box-sizing:border-box}._item_abb5t_129[data-open]>._line_abb5t_86 button._disclosure_abb5t_107{color:var(--u-color-accent)}button._disclosure_abb5t_107:focus-visible{box-sizing:border-box}button._disclosure_abb5t_107:focus-visible{outline:2px solid transparent;box-shadow:var(--u-focus-ring)}._disclosure_abb5t_107 svg{box-sizing:border-box}._disclosure_abb5t_107 svg{transition:transform var(--u-transition-path)}._disclosure_abb5t_107 svg[data-open]{box-sizing:border-box}._disclosure_abb5t_107 svg[data-open]{transform:rotate(90deg)}._names_abb5t_90{grid-column:2;min-width:0;overflow:hidden;padding-right:var(--u-space-4);white-space:nowrap;text-overflow:ellipsis;color:var(--u-color-text-secondary)}._operator_abb5t_90,._amount_abb5t_90,._unit_abb5t_90{font-family:var(--u-font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}._operator_abb5t_90{grid-column:3;padding-right:var(--u-space-3);text-align:right;color:var(--u-color-text-secondary)}._amount_abb5t_90{grid-column:var(--column, 4);text-align:right;color:var(--u-color-text)}._amount_abb5t_90[data-verdict=unknown]{color:var(--u-color-text-secondary)}._approximate_abb5t_345{display:inline-block;margin-right:var(--u-space-1);color:var(--u-color-text-secondary);cursor:help}._unit_abb5t_90{grid-column:var(--column, 5);padding-left:var(--u-space-1);padding-right:var(--u-space-3);color:var(--u-color-text-secondary)}._assessment_abb5t_98{grid-column:var(--assessment-column, 6);display:flex;align-items:baseline;justify-content:flex-end;gap:var(--u-space-2);padding-right:var(--u-space-3);white-space:nowrap}._assessment_abb5t_98:empty{padding-right:0}._target_abb5t_102,._worst_abb5t_102{font-size:var(--u-text-xs);color:var(--u-color-text-secondary)}._worst_abb5t_102:before{content:"● "}._worst_abb5t_102[data-verdict=unknown]:before{color:var(--u-color-text-muted)}._worst_abb5t_102[data-verdict=warning]:before{color:var(--u-color-warning)}._worst_abb5t_102[data-verdict=alarm]:before{color:var(--u-color-danger-text)}._line_abb5t_86[data-inner]>._amount_abb5t_90{color:var(--u-color-text-secondary)}._line_abb5t_86[data-kind=interim] ._label_abb5t_90,._line_abb5t_86[data-kind=interim]>._amount_abb5t_90{font-weight:var(--u-weight-medium)}._line_abb5t_86[data-emphasis=strong] ._label_abb5t_90,._line_abb5t_86[data-emphasis=strong]>._amount_abb5t_90{font-weight:var(--u-weight-semibold);color:var(--u-color-text)}._line_abb5t_86[data-emphasis=muted] ._label_abb5t_90,._line_abb5t_86[data-emphasis=muted]>._amount_abb5t_90{color:var(--u-color-text-secondary)}._line_abb5t_86[data-inner][data-emphasis=muted] ._label_abb5t_90,._line_abb5t_86[data-inner][data-emphasis=muted]>._amount_abb5t_90{color:var(--u-color-text-muted)}._line_abb5t_86[data-rule],._derivation_abb5t_130 ._line_abb5t_86[data-rule]{border-top:1px solid var(--u-color-text-secondary)}._line_abb5t_86[data-kind=interim]:before{content:"";grid-row:1;grid-column:3 / var(--figures-end, 6);align-self:start;border-top:1px solid var(--u-color-text-secondary);pointer-events:none}._line_abb5t_86[data-closing] ._label_abb5t_90{font-weight:var(--u-weight-medium);color:var(--u-color-text-secondary)}._line_abb5t_86[data-closing]:before{content:"";grid-row:1;grid-column:3 / var(--figures-end, 6);align-self:start;border-top:1px solid var(--u-color-text-muted);pointer-events:none}._line_abb5t_86[data-kind=result]{border-top:1px solid var(--u-edge-color-strong)}._line_abb5t_86[data-kind=result]:not([data-mark]){background:var(--u-color-surface-sunken)}._line_abb5t_86[data-kind=result] ._label_abb5t_90{font-weight:var(--u-weight-semibold)}._line_abb5t_86[data-kind=result]>._amount_abb5t_90{font-size:var(--u-text-md);font-weight:var(--u-weight-semibold)}._line_abb5t_86[data-kind=result]>._amount_abb5t_90:not([data-verdict=unknown]){text-decoration-line:underline;text-decoration-style:double;text-underline-offset:5px}._amount_abb5t_90[data-later]{padding-left:var(--u-space-6)}._head_abb5t_497{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:end}._headCell_abb5t_504{grid-row:1;grid-column:var(--column);display:flex;flex-direction:column;align-items:flex-end;padding:var(--line-pad) 0 var(--u-space-1);font-size:var(--u-text-xs);font-weight:var(--u-weight-medium);color:var(--u-color-text-secondary);white-space:nowrap}._headUnit_abb5t_517{font-family:var(--u-font-mono);font-weight:var(--u-weight-regular)}._notes_abb5t_524{grid-row:2;grid-column:1 / 3;display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--u-space-3);margin-top:calc(-1 * var(--line-gap));padding:0 var(--u-space-4) var(--line-pad) calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5) + var(--disclosure-size) + var(--disclosure-gap));font-size:var(--u-text-xs);color:var(--u-color-text-secondary)}._freshness_abb5t_538[data-freshness=stale]{color:var(--u-color-warning)}._freshness_abb5t_538[data-freshness=lost]{color:var(--u-color-danger-text);font-weight:var(--u-weight-medium)}@container (max-width: 34rem){._calculation_abb5t_51{grid-template-columns:minmax(0,1fr) 0 auto var(--figure-tracks, auto auto) 0}._amount_abb5t_90[data-later]{padding-left:var(--u-space-2)}._frame_abb5t_24[data-metrics] ._unit_abb5t_90:not([data-last]){padding-right:var(--u-space-2)}._headCell_abb5t_504[data-unit] ._headLabel_abb5t_568,._names_abb5t_90{display:none}._labelCell_abb5t_90{padding-right:var(--u-space-3)}._assessment_abb5t_98:not(:empty){grid-area:2 / 1 / 3 / -1;justify-content:flex-start;flex-wrap:wrap;min-width:0;overflow:hidden;padding:0 var(--u-space-3) var(--line-pad) calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5) + var(--disclosure-size) + var(--disclosure-gap));white-space:normal}._frame_abb5t_24[data-compact]:not([data-two-lines]) ._assessment_abb5t_98:not(:empty){padding-bottom:var(--line-pad)}._frame_abb5t_24[data-compact]:not([data-two-lines]) ._assessment_abb5t_98:not(:empty)>:not(._target_abb5t_102,._worst_abb5t_102){margin-block:0}._notes_abb5t_524{grid-row:3;grid-column:1 / -1}}._frame_abb5t_24[data-two-lines] ._labelCell_abb5t_90{grid-column:1 / -1;padding-bottom:0}._frame_abb5t_24[data-two-lines] ._names_abb5t_90{display:none}._frame_abb5t_24[data-two-lines] ._line_abb5t_86>._operator_abb5t_90,._frame_abb5t_24[data-two-lines] ._line_abb5t_86>._amount_abb5t_90,._frame_abb5t_24[data-two-lines] ._line_abb5t_86>._unit_abb5t_90{grid-row:2;padding-top:var(--line-gap)}._frame_abb5t_24[data-two-lines] ._line_abb5t_86[data-kind=interim]:before,._frame_abb5t_24[data-two-lines] ._line_abb5t_86[data-closing]:before{grid-row:2}._frame_abb5t_24[data-two-lines] ._assessment_abb5t_98:not(:empty){grid-area:3 / 1 / 4 / -1;justify-content:flex-start;flex-wrap:wrap;min-width:0;overflow:hidden;padding:0 var(--u-space-3) var(--line-pad) calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5) + var(--disclosure-size) + var(--disclosure-gap));white-space:normal}._frame_abb5t_24[data-two-lines] ._notes_abb5t_524{grid-row:4;grid-column:1 / -1}@media(prefers-reduced-motion:reduce){._disclosure_abb5t_107 svg{transition:none}._derivation_abb5t_130:not([hidden]){animation:none}}@media(forced-colors:active){._line_abb5t_86[data-mark]{outline:1px solid Highlight;outline-offset:-1px}._line_abb5t_86[data-mark=use]{outline-width:2px;outline-offset:-2px}._derivation_abb5t_130:before{background:CanvasText}._line_abb5t_86[data-emphasis=muted] ._label_abb5t_90,._line_abb5t_86[data-emphasis=muted]>._amount_abb5t_90{color:GrayText}}}

package/dist/calculation.js

@@ -1,72 +1,73 @@
+"use client";
 import "./calculation.css";
-import { jsx as b, jsxs as R } from "react/jsx-runtime";
+import { jsx as g, jsxs as R } from "react/jsx-runtime";
 import { Children as ke, isValidElement as K, Fragment as Me, useId as Te, useState as re, useRef as Ee, useCallback as Ae, useLayoutEffect as Re, useEffect as De } from "react";
-import { assess as Ie, verdictWeight as oe, useDensityFor as Pe, useFormats as Oe, useWording as Se, VisuallyHidden as je, AngleGlyph as Be, Badge as le, useFreshness as Le, Tooltip as Fe } from "@umriss-ui/core";
+import { assess as Ie, verdictWeight as se, useDensityFor as Pe, useFormats as Oe, useWording as Se, VisuallyHidden as je, AngleGlyph as Be, Badge as le, useFreshness as Le, Tooltip as Fe } from "@umriss-ui/core";
 function We(t) {
   return t.decimals !== void 0 ? t.decimals : t.format === "percent" ? 1 : t.given ? void 0 : 2;
 }
 function Ue(t, e) {
   return e === void 0 ? t : Math.sign(t) * Number(Math.abs(t).toFixed(e)) || 0;
 }
-function se(t, e) {
+function ae(t, e) {
   return Ue(t.format === "percent" ? e * 100 : e, We(t));
 }
 const Qe = (t, e) => t.format === "percent" ? e / 100 : e;
-function ge(t, e, p) {
-  const [o, ...i] = e;
+function be(t, e, p) {
+  const [s, ...i] = e;
   switch (t) {
     case "sum":
       return e.reduce((n, c, S) => p[S] ? n - c : n + c, 0);
     case "difference":
-      return i.reduce((n, c) => n - c, o);
+      return i.reduce((n, c) => n - c, s);
     case "product":
-      return i.reduce((n, c) => n * c, o);
+      return i.reduce((n, c) => n * c, s);
     case "quotient":
-      return o / i[0];
+      return s / i[0];
   }
 }
-const be = (t, e) => e === void 0 || t !== void 0 && oe(t) >= oe(e) ? t : e;
+const ge = (t, e) => e === void 0 || t !== void 0 && se(t) >= se(e) ? t : e;
 function Ve(t) {
-  const e = /* @__PURE__ */ new Map(), p = (o) => {
+  const e = /* @__PURE__ */ new Map(), p = (s) => {
     var r, u, $;
-    const i = e.get(o);
+    const i = e.get(s);
     if (i) return i;
-    const n = t.quantities.get(o);
+    const n = t.quantities.get(s);
     let c = null, S, l = !1, y;
     if (n.given) {
-      const s = n.given.value;
-      typeof s == "number" && Number.isFinite(s) ? c = s : S = { kind: "missing", label: n.label };
+      const a = n.given.value;
+      typeof a == "number" && Number.isFinite(a) ? c = a : S = { kind: "missing", label: n.label };
     } else {
-      const s = n.operands.map((v) => ({ operand: v, ...p(v.key) }));
-      for (const { operand: v, verdict: k, worst: M } of s) {
-        const x = v.reference ? k : be(k, M);
-        y = be(y, x);
+      const a = n.operands.map((v) => ({ operand: v, ...p(v.key) }));
+      for (const { operand: v, verdict: k, worst: M } of a) {
+        const x = v.reference ? k : ge(k, M);
+        y = ge(y, x);
       }
-      S = (r = s.find((v) => v.absence)) == null ? void 0 : r.absence;
-      const w = s[1];
+      S = (r = a.find((v) => v.absence)) == null ? void 0 : r.absence;
+      const w = a[1];
       if (!S && n.operator === "quotient" && w.value === 0 && (S = { kind: "zero", label: t.quantities.get(w.operand.key).label }), !S) {
         const v = n.operands.map((M) => M.negated === !0);
-        c = ge(n.operator, s.map((M) => M.value), v);
-        const k = ge(
+        c = be(n.operator, a.map((M) => M.value), v);
+        const k = be(
           n.operator,
-          s.map((M) => Qe(t.quantities.get(M.operand.key), M.shown)),
+          a.map((M) => Qe(t.quantities.get(M.operand.key), M.shown)),
           v
         );
-        l = se(n, k) !== se(n, c);
+        l = ae(n, k) !== ae(n, c);
       }
     }
     const A = { target: n.target, limits: n.limits }, L = n.target !== void 0 || (((u = n.limits) == null ? void 0 : u.length) ?? 0) > 0 ? Ie(c, A) : void 0, V = ((($ = n.limits) == null ? void 0 : $.length) ?? 0) > 0 ? L.verdict : c === null ? "unknown" : void 0, F = {
       value: c,
       absence: S,
-      shown: c === null ? null : se(n, c),
+      shown: c === null ? null : ae(n, c),
       approximate: l,
       assessment: L,
       verdict: V,
       worst: y
     };
-    return e.set(o, F), F;
+    return e.set(s, F), F;
   };
-  for (const o of t.quantities.keys()) p(o);
+  for (const s of t.quantities.keys()) p(s);
   return e;
 }
 const ze = () => null, Ge = () => null, He = () => null, Ke = () => null, Ye = () => null, $e = () => null, Je = () => null, Ze = () => null, Xe = () => null, et = () => null, tt = () => null, ce = () => null, nt = /* @__PURE__ */ new Map([
@@ -84,7 +85,7 @@ const ze = () => null, Ge = () => null, He = () => null, Ke = () => null, Ye = (
   [Xe, { name: "Minus", operator: "sum", negated: !0 }],
   [et, { name: "Times", operator: "product" }],
   [tt, { name: "DividedBy", operator: "quotient" }]
-]), de = "<Given>, <Sum>, <Difference>, <Product>, <Quotient> or <Chain>", ye = "a calculation with metrics only adds and subtracts - <Sum>, <Difference>, <Plus>, <Minus>.", st = ["unit", "format", "decimals"];
+]), de = "<Given>, <Sum>, <Difference>, <Product>, <Quotient> or <Chain>", ye = "a calculation with metrics only adds and subtracts - <Sum>, <Difference>, <Plus>, <Minus>.", at = ["unit", "format", "decimals"];
 function O(t) {
   throw new Error(`@umriss-ui/calculation: ${t}`);
 }
@@ -99,7 +100,7 @@ function ne(t) {
   return typeof e == "string" ? `<${e}>` : `<${e.displayName ?? e.name ?? "anonymous"}>`;
 }
 const fe = (t, e, p) => `${t}/${K(e) && e.key || p}`;
-function at(t, e) {
+function ot(t, e) {
   const p = ee(t);
   if (p.length !== 1 && O(`<Calculation> takes exactly one child, the result; it was given ${p.length}.`), e !== void 0) {
     e.length === 0 && O("<Calculation>: metrics is empty; leave it out for a calculation with one number per quantity.");
@@ -107,103 +108,103 @@ function at(t, e) {
     for (const { id: u } of e)
       r.has(u) && O(`<Calculation>: the metric id "${u}" is used twice.`), r.add(u);
   }
-  const o = e == null ? void 0 : e.map((r) => `"${r.id}"`).join(", "), i = (r, u) => {
+  const s = e == null ? void 0 : e.map((r) => `"${r.id}"`).join(", "), i = (r, u) => {
     const $ = typeof r == "object" && r !== null;
     if (e === void 0) {
       $ && O(`${u}: value is an object by metric, but the calculation has no metrics.`);
       return;
     }
-    $ || O(`${u}: with metrics, value is an object with a number for each metric - ${o}.`);
-    for (const { id: s } of e)
-      s in r || O(`${u}: value has no number for the metric "${s}"; write null where it is absent. The metrics: ${o}.`);
-    for (const s of Object.keys(r))
-      e.some((w) => w.id === s) || O(`${u}: value has a number for "${s}", which is no metric. The metrics: ${o}.`);
+    $ || O(`${u}: with metrics, value is an object with a number for each metric - ${s}.`);
+    for (const { id: a } of e)
+      a in r || O(`${u}: value has no number for the metric "${a}"; write null where it is absent. The metrics: ${s}.`);
+    for (const a of Object.keys(r))
+      e.some((w) => w.id === a) || O(`${u}: value has a number for "${a}", which is no metric. The metrics: ${s}.`);
   }, n = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), S = [], l = (r, u, $) => {
-    const { id: s, ...w } = u;
+    const { id: a, ...w } = u;
     if (e !== void 0) {
-      for (const k of st)
+      for (const k of at)
         u[k] !== void 0 && O(`${$}: ${k} belongs to the metric once the calculation has metrics, not to a quantity.`);
       (u.target !== void 0 || u.limits !== void 0) && O(`${$}: target and limits are not assessed in a calculation with metrics.`);
     }
-    s !== void 0 && (c.has(s) && O(`${$}: the id "${s}" is used twice.`), c.set(s, r));
-    const v = { ...w, key: r, id: s, operands: [] };
+    a !== void 0 && (c.has(a) && O(`${$}: the id "${a}" is used twice.`), c.set(a, r));
+    const v = { ...w, key: r, id: a, operands: [] };
     return n.set(r, v), v;
   }, y = (r, u, $) => {
     if (K(r) && r.type === $e) {
-      const s = { key: "", reference: !0 };
-      return S.push({ operand: s, to: r.props.to, where: $ }), s;
+      const a = { key: "", reference: !0 };
+      return S.push({ operand: a, to: r.props.to, where: $ }), a;
     }
     return { key: A(r, u, $), reference: !1 };
   }, A = (r, u, $) => {
     if ((!K(r) || r.type === $e || ue.has(r.type) || r.type === ce) && O(`${$}: ${ne(r)} cannot stand here; a quantity must be ${de}.`), r.type === Je) return L(r.props.children, u, $);
-    const s = nt.get(r.type);
-    r.type !== ze && s === void 0 && O(
+    const a = nt.get(r.type);
+    r.type !== ze && a === void 0 && O(
       `${$}: ${ne(r)} is not an element of the calculation. A calculation reads its children's props and cannot look inside a component of your own; write ${de} or <Ref> directly, or return them from .map.`
     );
-    const { children: w, value: v, source: k, asOf: M, ages: x, ...D } = r.props, g = `${$} › ${D.label}`;
-    e !== void 0 && (s === "product" || s === "quotient") && O(`${g}: <${_e[s]}> - ${ye}`);
-    const C = l(u, D, g);
-    if (s === void 0)
-      return i(v, g), C.given = { value: v, source: k, asOf: M, ages: x }, u;
-    C.operator = s;
+    const { children: w, value: v, source: k, asOf: M, ages: x, ...D } = r.props, b = `${$} › ${D.label}`;
+    e !== void 0 && (a === "product" || a === "quotient") && O(`${b}: <${_e[a]}> - ${ye}`);
+    const C = l(u, D, b);
+    if (a === void 0)
+      return i(v, b), C.given = { value: v, source: k, asOf: M, ages: x }, u;
+    C.operator = a;
     const _ = ee(w), N = _.length;
-    return (s === "quotient" ? N !== 2 : s !== "sum" && N < 2) && O(
-      `${g}: <${_e[s]}> takes ${s === "quotient" ? "exactly two operands" : "two or more operands"}; it was given ${N}.`
-    ), C.operands = _.map((a, d) => y(a, fe(u, a, d), g)), u;
+    return (a === "quotient" ? N !== 2 : a !== "sum" && N < 2) && O(
+      `${b}: <${_e[a]}> takes ${a === "quotient" ? "exactly two operands" : "two or more operands"}; it was given ${N}.`
+    ), C.operands = _.map((o, d) => y(o, fe(u, o, d), b)), u;
   }, L = (r, u, $) => {
-    const s = `${$} › <Chain>`, [w, ...v] = ee(r);
-    (w === void 0 || K(w) && (ue.has(w.type) || w.type === ce)) && O(`${s}: a chain starts with a quantity that has no operator - ${de} or <Ref>.`);
-    let k = y(w, fe(u, w, 0), s), M = ne(w), x = [], D;
-    return v.forEach((g, C) => {
-      const _ = fe(u, g, C + 1);
-      if (K(g) && g.type === ce) {
-        const U = g.props, G = `${s} › ${U.label}`;
+    const a = `${$} › <Chain>`, [w, ...v] = ee(r);
+    (w === void 0 || K(w) && (ue.has(w.type) || w.type === ce)) && O(`${a}: a chain starts with a quantity that has no operator - ${de} or <Ref>.`);
+    let k = y(w, fe(u, w, 0), a), M = ne(w), x = [], D;
+    return v.forEach((b, C) => {
+      const _ = fe(u, b, C + 1);
+      if (K(b) && b.type === ce) {
+        const U = b.props, G = `${a} › ${U.label}`;
         x.length === 0 && O(`${G}: an <Interim> needs an operand since the named value before it, ${M}.`);
         const H = l(_, U, G);
         H.interim = !0, H.operator = x[0].line.operator, H.operands = [k, ...x.map((te) => te.operand)], k = { key: _, reference: !1, previous: !0 }, M = `<Interim label="${U.label}">`, x = [], D = _;
         return;
       }
-      const N = K(g) ? ue.get(g.type) : void 0;
-      N === void 0 && O(`${s}: ${ne(g)} needs an operator in a chain - <Plus>, <Minus>, <Times> or <DividedBy> - or is an <Interim>.`), e !== void 0 && N.operator !== "sum" && O(`${s}: <${N.name}> - ${ye}`);
-      const a = N.operator !== "sum", d = x.find((U) => U.line.operator !== "sum");
-      (a && x.length > 0 || d) && O(
-        `${s}: <${(d ?? { line: N }).line.name}> stands alone between two named values - directly after the first quantity or an <Interim>, and directly before an <Interim>.`
+      const N = K(b) ? ue.get(b.type) : void 0;
+      N === void 0 && O(`${a}: ${ne(b)} needs an operator in a chain - <Plus>, <Minus>, <Times> or <DividedBy> - or is an <Interim>.`), e !== void 0 && N.operator !== "sum" && O(`${a}: <${N.name}> - ${ye}`);
+      const o = N.operator !== "sum", d = x.find((U) => U.line.operator !== "sum");
+      (o && x.length > 0 || d) && O(
+        `${a}: <${(d ?? { line: N }).line.name}> stands alone between two named values - directly after the first quantity or an <Interim>, and directly before an <Interim>.`
       );
-      const { children: h, ...T } = g.props, f = ee(h), I = () => O(`${s}: <${N.name}> takes either a label and a value, or exactly one quantity as its child.`);
+      const { children: h, ...T } = b.props, f = ee(h), I = () => O(`${a}: <${N.name}> takes either a label and a value, or exactly one quantity as its child.`);
       if (f.length > 0) {
         (f.length > 1 || Object.values(T).some((G) => G !== void 0)) && I();
-        const U = y(f[0], _, s);
+        const U = y(f[0], _, a);
         U.negated = N.negated, x.push({ operand: U, line: N });
         return;
       }
       T.label === void 0 && I();
-      const { value: P, source: E, asOf: j, ages: Y, ...z } = T, B = `${s} › ${T.label}`, W = l(_, { ...z, label: T.label }, B);
+      const { value: P, source: E, asOf: j, ages: Y, ...z } = T, B = `${a} › ${T.label}`, W = l(_, { ...z, label: T.label }, B);
       i(P, B), W.given = { value: P, source: E, asOf: j, ages: Y }, x.push({ operand: { key: _, reference: !1, negated: N.negated }, line: N });
-    }), (x.length > 0 || D === void 0) && O(`${s}: a chain ends with an <Interim>, which names its value.`), D;
+    }), (x.length > 0 || D === void 0) && O(`${a}: a chain ends with an <Interim>, which names its value.`), D;
   }, V = A(p[0], "0", "<Calculation>"), F = n.get(V);
   (F.emphasis !== void 0 || F.rule !== void 0) && O(`<Calculation> › ${F.label}: emphasis and rule do not stand on the Result, which is already the heaviest line.`);
   for (const { operand: r, to: u, where: $ } of S) {
-    const s = c.get(u);
-    if (s === void 0) {
+    const a = c.get(u);
+    if (a === void 0) {
       const w = [...c.keys()].map((v) => `"${v}"`).join(", ");
       O(`${$}: <Ref to="${u}"> names no quantity. ${w ? `The ids that exist: ${w}.` : "No quantity has an id."}`);
     }
-    r.key = s;
+    r.key = a;
   }
   return it(n), { result: V, quantities: n, metrics: e };
 }
-function ot(t) {
+function st(t) {
   return t.metrics ? t.metrics.map((e) => {
     const p = /* @__PURE__ */ new Map();
-    for (const [o, i] of t.quantities) {
+    for (const [s, i] of t.quantities) {
       const n = i.given && { ...i.given, value: i.given.value[e.id] };
-      p.set(o, { ...i, unit: e.unit, decimals: e.decimals, given: n });
+      p.set(s, { ...i, unit: e.unit, decimals: e.decimals, given: n });
     }
     return { result: t.result, quantities: p };
   }) : [t];
 }
 function it(t) {
-  const e = /* @__PURE__ */ new Set(), p = [], o = (i) => {
+  const e = /* @__PURE__ */ new Set(), p = [], s = (i) => {
     if (e.has(i)) return;
     const n = p.indexOf(i);
     if (n !== -1) {
@@ -211,18 +212,18 @@ function it(t) {
       O(`the calculation goes round in a circle through references: ${c.join(" → ")}.`);
     }
     p.push(i);
-    for (const c of t.get(i).operands) o(c.key);
+    for (const c of t.get(i).operands) s(c.key);
     p.pop(), e.add(i);
   };
-  for (const i of t.keys()) o(i);
+  for (const i of t.keys()) s(i);
 }
 const we = 4;
 function rt(t, e, p) {
-  const o = t.operands[e];
-  if (o.previous) return;
+  const s = t.operands[e];
+  if (s.previous) return;
   const i = t.operator, n = e === 0;
   if (i !== "sum" && i !== "difference") return n ? void 0 : { operator: i, negated: !1 };
-  const c = i === "difference" ? !n : o.negated === !0, S = new Set(p.filter((y) => y !== null && y !== 0).map(Math.sign)), l = S.size === 1 ? { operator: "sum", negated: c !== S.has(-1), unsigned: !0 } : { operator: "sum", negated: c };
+  const c = i === "difference" ? !n : s.negated === !0, S = new Set(p.filter((y) => y !== null && y !== 0).map(Math.sign)), l = S.size === 1 ? { operator: "sum", negated: c !== S.has(-1), unsigned: !0 } : { operator: "sum", negated: c };
   return n && !l.negated ? void 0 : l;
 }
 const lt = {
@@ -236,7 +237,7 @@ const lt = {
   product: "calculationProductWord",
   quotient: "calculationQuotientWord"
 };
-function ae(t, e) {
+function oe(t, e) {
   switch (t) {
     case "alarm":
       return e.verdictAlarm;
@@ -249,61 +250,61 @@ function ae(t, e) {
   }
 }
 function ie(t, e, p) {
-  const o = t.negated ? "difference" : t.operator;
-  return p[(e ? ct : lt)[o]];
+  const s = t.negated ? "difference" : t.operator;
+  return p[(e ? ct : lt)[s]];
 }
 function ut(t, e) {
   return t.kind === "missing" ? e.calculationMissing(t.label) : e.calculationDivisionByZero(t.label);
 }
-function Ne(t, e, p, o) {
-  const i = t.format === "percent" ? o : t.unit, n = p.number(e, t.decimals);
+function Ne(t, e, p, s) {
+  const i = t.format === "percent" ? s : t.unit, n = p.number(e, t.decimals);
   return i ? `${n} ${i}` : n;
 }
-function dt(t, e, p, o, i, n, c, S = () => {
+function dt(t, e, p, s, i, n, c, S = () => {
 }) {
-  const l = t.quantities.get(p), y = e.get(p), A = (g, C) => g.shown !== null && (C != null && C.unsigned) ? Math.abs(g.shown) : g.shown, L = (g, C, _, N) => {
-    const a = A(C, N);
-    return a === null ? _ ? n.verdictUnknown : n.statAbsentValue : Ne(g, a, i, _ ? n.calculationPercent : "%");
-  }, V = (g) => {
-    if (o || !l.operator) return {};
+  const l = t.quantities.get(p), y = e.get(p), A = (b, C) => b.shown !== null && (C != null && C.unsigned) ? Math.abs(b.shown) : b.shown, L = (b, C, _, N) => {
+    const o = A(C, N);
+    return o === null ? _ ? n.verdictUnknown : n.statAbsentValue : Ne(b, o, i, _ ? n.calculationPercent : "%");
+  }, V = (b) => {
+    if (s || !l.operator) return {};
     if (l.operands.length === 0) return { names: n.calculationNoOperands };
-    if (!g && l.operands.length > we)
+    if (!b && l.operands.length > we)
       return { names: n.calculationOperandCount(l.operands.length) };
-    const C = (_) => l.operands.map((N, a) => {
-      const d = t.quantities.get(N.key), h = S(a);
-      return h ? `${ie(h, g, n)} ${_(d, h)}` : _(d);
+    const C = (_) => l.operands.map((N, o) => {
+      const d = t.quantities.get(N.key), h = S(o);
+      return h ? `${ie(h, b, n)} ${_(d, h)}` : _(d);
     }).join(" ");
     return {
       names: C((_) => _.label),
-      numbers: C((_, N) => L(_, e.get(_.key), g, N))
+      numbers: C((_, N) => L(_, e.get(_.key), b, N))
     };
-  }, F = (g) => {
+  }, F = (b) => {
     var N;
     const C = (N = y.assessment) == null ? void 0 : N.deviation;
     if (C === void 0 || l.target === void 0) return;
-    const _ = Ne(l, se(l, l.target), i, g ? n.calculationPercent : "%");
+    const _ = Ne(l, ae(l, l.target), i, b ? n.calculationPercent : "%");
     return C > 0 ? n.calculationAboveTarget(_) : C < 0 ? n.calculationBelowTarget(_) : n.calculationOnTarget(_);
-  }, r = V(!1).names, u = r === void 0 || l.operands.length === 0 || l.operands.length > we ? r : `= ${r}`, $ = V(!0), s = y.absence ? ut(y.absence, n) : void 0, w = ` ${n.calculationEquals} `, v = y.approximate ? `${n.calculationApproximately} ${L(l, y, !0, c)}` : L(l, y, !0, c), M = [
+  }, r = V(!1).names, u = r === void 0 || l.operands.length === 0 || l.operands.length > we ? r : `= ${r}`, $ = V(!0), a = y.absence ? ut(y.absence, n) : void 0, w = ` ${n.calculationEquals} `, v = y.approximate ? `${n.calculationApproximately} ${L(l, y, !0, c)}` : L(l, y, !0, c), M = [
     (c ? `${ie(c, !0, n)} ` : "") + l.label + w + [$.names, $.numbers, v].filter(Boolean).join(`,${w}`),
-    y.verdict !== void 0 && y.verdict !== "unknown" ? ae(y.verdict, n) : void 0,
+    y.verdict !== void 0 && y.verdict !== "unknown" ? oe(y.verdict, n) : void 0,
     F(!0),
-    s
-  ].filter(Boolean).join(", "), x = y.shown === null ? void 0 : l.format === "percent" ? "%" : l.unit, D = (g) => g === null ? n.statAbsentValue : i.number(g, l.decimals);
-  return { amount: D(A(y, c)), ownAmount: D(y.shown), unit: x, names: u, target: F(!1), reason: s, sentence: M, spokenNames: $.names, spokenNumber: v };
+    a
+  ].filter(Boolean).join(", "), x = y.shown === null ? void 0 : l.format === "percent" ? "%" : l.unit, D = (b) => b === null ? n.statAbsentValue : i.number(b, l.decimals);
+  return { amount: D(A(y, c)), ownAmount: D(y.shown), unit: x, names: u, target: F(!1), reason: a, sentence: M, spokenNames: $.names, spokenNumber: v };
 }
-function ft(t, e, p, o, i) {
-  const n = i ? `${ie(i, !0, o)} ` : "", c = e[0].spokenNames, S = n + t + (c === void 0 ? "" : ` ${o.calculationEquals} ${c}`), l = p.map(
+function ft(t, e, p, s, i) {
+  const n = i ? `${ie(i, !0, s)} ` : "", c = e[0].spokenNames, S = n + t + (c === void 0 ? "" : ` ${s.calculationEquals} ${c}`), l = p.map(
     (y, A) => [`${y.label} ${e[A].spokenNumber}`, e[A].reason].filter(Boolean).join(", ")
   );
   return `${S}: ${l.join("; ")}`;
 }
-const pt = "_frame_is340_24 _text_1krlf_23", mt = "_calculation_is340_51", ht = "_line_is340_86", vt = "_assessment_is340_98", gt = "_disclosure_is340_107", bt = "_amount_is340_90", $t = "_list_is340_128", _t = "_item_is340_129", yt = "_derivation_is340_130", wt = "_labelCell_is340_90", Nt = "_names_is340_90", Ot = "_operator_is340_90", St = "_unit_is340_90", Ct = "_label_is340_90", qt = "_approximate_is340_345", xt = "_target_is340_102", kt = "_worst_is340_102", Mt = "_head_is340_497", Tt = "_headCell_is340_504", Et = "_headUnit_is340_517", At = "_notes_is340_524", Rt = "_freshness_is340_538", Dt = "_headLabel_is340_568", m = {
+const pt = "_frame_abb5t_24 _text_18806_22", mt = "_calculation_abb5t_51", ht = "_line_abb5t_86", vt = "_assessment_abb5t_98", bt = "_disclosure_abb5t_107", gt = "_amount_abb5t_90", $t = "_list_abb5t_128", _t = "_item_abb5t_129", yt = "_derivation_abb5t_130", wt = "_labelCell_abb5t_90", Nt = "_names_abb5t_90", Ot = "_operator_abb5t_90", St = "_unit_abb5t_90", Ct = "_label_abb5t_90", qt = "_approximate_abb5t_345", xt = "_target_abb5t_102", kt = "_worst_abb5t_102", Mt = "_head_abb5t_497", Tt = "_headCell_abb5t_504", Et = "_headUnit_abb5t_517", At = "_notes_abb5t_524", Rt = "_freshness_abb5t_538", Dt = "_headLabel_abb5t_568", m = {
   frame: pt,
   calculation: mt,
   line: ht,
   assessment: vt,
-  disclosure: gt,
-  amount: bt,
+  disclosure: bt,
+  amount: gt,
   list: $t,
   item: _t,
   derivation: yt,
@@ -323,23 +324,23 @@ const pt = "_frame_is340_24 _text_1krlf_23", mt = "_calculation_is340_51", ht =
   headLabel: Dt
 }, It = 10, X = (t) => 4 + 2 * t, Pt = (t) => 5 + 2 * t, jt = { ok: "success", unknown: "neutral", warning: "warning", alarm: "danger" }, Bt = (...t) => t.filter(Boolean).join(" ");
 function Lt({ asOf: t, ages: e }) {
-  const p = Oe(), o = Se(), i = Le(t, e), n = i.freshness === "lost" ? o.freshnessDisconnected : i.freshness === "stale" ? o.freshnessStale : o.freshnessFresh;
+  const p = Oe(), s = Se(), i = Le(t, e), n = i.freshness === "lost" ? s.freshnessDisconnected : i.freshness === "stale" ? s.freshnessStale : s.freshnessFresh;
   return /* @__PURE__ */ R("span", { className: m.freshness, "data-freshness": i.freshness, children: [
     n,
     i.age !== null && ` · ${p.relative(i.age)}`
   ] });
 }
-function Qt({ children: t, className: e, style: p, metrics: o, density: i, ...n }) {
-  const c = Pe(i, "regular") === "compact", S = Oe(), l = Se(), y = Te(), A = at(t, o), L = ot(A).map((a) => ({ view: a, results: Ve(a) })), [V, F] = re(() => /* @__PURE__ */ new Set()), [r, u] = re(null), $ = Ee(null), [s, w] = re(!1), v = (o == null ? void 0 : o.length) ?? 0, k = Ae(() => {
-    const a = $.current, d = a && v > 0 ? getComputedStyle(a.firstElementChild).gridTemplateColumns.split(" ").map(parseFloat) : [], h = X(v) - 1;
-    if (!a || d.length <= h || d.some((E) => !Number.isFinite(E))) {
+function Qt({ children: t, className: e, style: p, metrics: s, density: i, ...n }) {
+  const c = Pe(i, "regular") === "compact", S = Oe(), l = Se(), y = Te(), A = ot(t, s), L = st(A).map((o) => ({ view: o, results: Ve(o) })), [V, F] = re(() => /* @__PURE__ */ new Set()), [r, u] = re(null), $ = Ee(null), [a, w] = re(!1), v = (s == null ? void 0 : s.length) ?? 0, k = Ae(() => {
+    const o = $.current, d = o && v > 0 ? getComputedStyle(o.firstElementChild).gridTemplateColumns.split(" ").map(parseFloat) : [], h = X(v) - 1;
+    if (!o || d.length <= h || d.some((E) => !Number.isFinite(E))) {
       w(!1);
       return;
     }
     const T = d.slice(2, h).reduce((E, j) => E + j, 0);
     let f = 0;
     const I = document.createRange();
-    for (const E of a.querySelectorAll(`.${m.label}`)) {
+    for (const E of o.querySelectorAll(`.${m.label}`)) {
       I.selectNodeContents(E);
       const j = [...I.getClientRects()].reduce((B, W) => B + W.width, 0);
       if (j === 0) continue;
@@ -347,24 +348,24 @@ function Qt({ children: t, className: e, style: p, metrics: o, density: i, ...n
       f = Math.max(f, z + j + parseFloat(getComputedStyle(Y).paddingRight));
     }
     const P = parseFloat(getComputedStyle(document.documentElement).fontSize);
-    w(a.clientWidth - T < Math.min(f, It * P));
+    w(o.clientWidth - T < Math.min(f, It * P));
   }, [v]);
   Re(() => k()), De(() => {
-    const a = $.current;
-    if (!a || v === 0) return;
+    const o = $.current;
+    if (!o || v === 0) return;
     const d = new ResizeObserver(() => k());
-    return d.observe(a), () => d.disconnect();
+    return d.observe(o), () => d.disconnect();
   }, [k, v]);
-  const M = (a) => F((d) => {
+  const M = (o) => F((d) => {
     const h = new Set(d);
-    return h.delete(a) || h.add(a), h;
-  }), x = (a, d) => rt(
-    a,
+    return h.delete(o) || h.add(o), h;
+  }), x = (o, d) => rt(
+    o,
     d,
-    L.map(({ results: h }) => h.get(a.operands[d].key).shown)
+    L.map(({ results: h }) => h.get(o.operands[d].key).shown)
   );
   let D = !1;
-  const g = (a, d) => a.map(({ own: h, text: T }, f) => [
+  const b = (o, d) => o.map(({ own: h, text: T }, f) => [
     /* @__PURE__ */ R(
       "span",
       {
@@ -372,38 +373,38 @@ function Qt({ children: t, className: e, style: p, metrics: o, density: i, ...n
         "aria-hidden": "true",
         "data-verdict": h.verdict,
         "data-later": f > 0 ? "" : void 0,
-        style: o ? { "--column": X(f) } : void 0,
+        style: s ? { "--column": X(f) } : void 0,
         children: [
-          h.approximate && /* @__PURE__ */ b(Fe, { content: l.calculationApproximateNote, children: /* @__PURE__ */ b("span", { className: m.approximate, children: "≈" }) }),
+          h.approximate && /* @__PURE__ */ g(Fe, { content: l.calculationApproximateNote, children: /* @__PURE__ */ g("span", { className: m.approximate, children: "≈" }) }),
           d ? T.ownAmount : T.amount
         ]
       },
       `amount-${f}`
     ),
-    /* @__PURE__ */ b(
+    /* @__PURE__ */ g(
       "span",
       {
         className: m.unit,
         "aria-hidden": "true",
-        style: o ? { "--column": Pt(f) } : void 0,
-        "data-last": o && f === a.length - 1 ? "" : void 0,
-        children: o && !d ? void 0 : T.unit
+        style: s ? { "--column": Pt(f) } : void 0,
+        "data-last": s && f === o.length - 1 ? "" : void 0,
+        children: s && !d ? void 0 : T.unit
       },
       `unit-${f}`
     )
-  ]), C = (a, d) => r === null ? void 0 : a === r ? "use" : d === r ? "operand" : void 0, _ = (a, d, h, T) => {
-    const f = A.quantities.get(a), I = L.map(({ view: q, results: J }) => ({
-      own: J.get(a),
-      text: dt(q, J, a, d, S, l, h.position, (xe) => x(f, xe))
-    })), { own: P, text: E } = I[0], j = f.operator !== void 0 && !d, Y = a === A.result && !d, z = j && f.operands.length > 0 && (f.interim ? h.flat : Y), B = j && !z && f.operands.length > 0, W = B && V.has(a);
+  ]), C = (o, d) => r === null ? void 0 : o === r ? "use" : d === r ? "operand" : void 0, _ = (o, d, h, T) => {
+    const f = A.quantities.get(o), I = L.map(({ view: q, results: J }) => ({
+      own: J.get(o),
+      text: dt(q, J, o, d, S, l, h.position, (xe) => x(f, xe))
+    })), { own: P, text: E } = I[0], j = f.operator !== void 0 && !d, Y = o === A.result && !d, z = j && f.operands.length > 0 && (f.interim ? h.flat : Y), B = j && !z && f.operands.length > 0, W = B && V.has(o);
     D || (D = B);
-    const U = `${y}-${a}`, G = { depth: z ? h.depth : h.depth + 1, flat: !1, parent: a }, H = j ? f.operands.find((q) => q.previous) : void 0, te = H && h.flat ? _(H.key, !1, { ...h, parent: a, position: void 0 }, `${T}-c`) : [], Ce = H && !h.flat ? _(H.key, !1, { ...G, flat: !0 }, `${T}-c`) : [], pe = j ? f.operands.map(
+    const U = `${y}-${o}`, G = { depth: z ? h.depth : h.depth + 1, flat: !1, parent: o }, H = j ? f.operands.find((q) => q.previous) : void 0, te = H && h.flat ? _(H.key, !1, { ...h, parent: o, position: void 0 }, `${T}-c`) : [], Ce = H && !h.flat ? _(H.key, !1, { ...G, flat: !0 }, `${T}-c`) : [], pe = j ? f.operands.map(
       (q, J) => q.previous ? null : _(q.key, q.reference, { ...G, position: x(f, J) }, `${T}-${J}`)
-    ) : [], Z = B && !W && P.worst !== void 0 && oe(P.worst) > oe(P.verdict ?? "ok") ? P.worst : void 0, Q = d ? void 0 : f.given, qe = h.position ? ie(h.position, !1, l) : void 0, me = [
-      !d && f.explanation !== void 0 && /* @__PURE__ */ b("span", { children: f.explanation }, "explanation"),
-      (Q == null ? void 0 : Q.source) !== void 0 && /* @__PURE__ */ b("span", { children: l.calculationSource(Q.source) }, "source"),
-      (Q == null ? void 0 : Q.asOf) !== void 0 && (Q.ages !== void 0 ? /* @__PURE__ */ b(Lt, { asOf: Q.asOf, ages: Q.ages }, "asOf") : /* @__PURE__ */ b("span", { children: l.asOfAgo(S.dateTime(new Date(Q.asOf), !1)) }, "asOf")),
-      !d && f.aside !== void 0 && /* @__PURE__ */ b("span", { children: f.aside }, "aside")
+    ) : [], Z = B && !W && P.worst !== void 0 && se(P.worst) > se(P.verdict ?? "ok") ? P.worst : void 0, Q = d ? void 0 : f.given, qe = h.position ? ie(h.position, !1, l) : void 0, me = [
+      !d && f.explanation !== void 0 && /* @__PURE__ */ g("span", { children: f.explanation }, "explanation"),
+      (Q == null ? void 0 : Q.source) !== void 0 && /* @__PURE__ */ g("span", { children: l.calculationSource(Q.source) }, "source"),
+      (Q == null ? void 0 : Q.asOf) !== void 0 && (Q.ages !== void 0 ? /* @__PURE__ */ g(Lt, { asOf: Q.asOf, ages: Q.ages }, "asOf") : /* @__PURE__ */ g("span", { children: l.asOfAgo(S.dateTime(new Date(Q.asOf), !1)) }, "asOf")),
+      !d && f.aside !== void 0 && /* @__PURE__ */ g("span", { children: f.aside }, "aside")
     ].filter(Boolean), he = Y ? "result" : f.interim && !d && h.flat ? "interim" : void 0, ve = /* @__PURE__ */ R(
       "div",
       {
@@ -415,23 +416,23 @@ function Qt({ children: t, className: e, style: p, metrics: o, density: i, ...n
         "data-reference": d ? "" : void 0,
         "data-emphasis": d ? void 0 : f.emphasis,
         "data-rule": !d && f.rule ? "" : void 0,
-        "data-mark": C(a, h.parent),
-        onPointerEnter: () => u(a),
+        "data-mark": C(o, h.parent),
+        onPointerEnter: () => u(o),
         onPointerLeave: () => u(null),
-        onFocus: () => u(a),
+        onFocus: () => u(o),
         onBlur: () => u(null),
         onClick: B ? () => {
           var q;
-          (q = window.getSelection()) != null && q.toString() || M(a);
+          (q = window.getSelection()) != null && q.toString() || M(o);
         } : void 0,
         children: [
-          /* @__PURE__ */ b(je, { children: [
-            o ? ft(f.label, I.map((q) => q.text), o, l, h.position) : E.sentence,
+          /* @__PURE__ */ g(je, { children: [
+            s ? ft(f.label, I.map((q) => q.text), s, l, h.position) : E.sentence,
             I.some((q) => q.own.approximate) && l.calculationApproximateNote,
-            Z !== void 0 && l.calculationWorstInside(ae(Z, l))
+            Z !== void 0 && l.calculationWorstInside(oe(Z, l))
           ].filter(Boolean).join(". ") }),
           /* @__PURE__ */ R("span", { className: m.labelCell, children: [
-            B ? /* @__PURE__ */ b(
+            B ? /* @__PURE__ */ g(
               "button",
               {
                 type: "button",
@@ -439,34 +440,34 @@ function Qt({ children: t, className: e, style: p, metrics: o, density: i, ...n
                 "aria-expanded": W,
                 "aria-controls": U,
                 "aria-label": (W ? l.calculationHideDerivation : l.calculationShowDerivation)(f.label),
-                children: /* @__PURE__ */ b(Be, { "data-open": W ? "" : void 0 })
+                children: /* @__PURE__ */ g(Be, { "data-open": W ? "" : void 0 })
               }
-            ) : /* @__PURE__ */ b("span", { className: m.disclosure, "aria-hidden": "true" }),
-            /* @__PURE__ */ b("span", { className: m.label, "aria-hidden": "true", children: f.label })
+            ) : /* @__PURE__ */ g("span", { className: m.disclosure, "aria-hidden": "true" }),
+            /* @__PURE__ */ g("span", { className: m.label, "aria-hidden": "true", children: f.label })
           ] }),
-          /* @__PURE__ */ b("span", { className: m.names, "aria-hidden": "true", children: j && !z && !W ? E.names : void 0 }),
-          /* @__PURE__ */ b("span", { className: m.operator, "aria-hidden": "true", children: qe }),
-          g(I, he !== void 0),
+          /* @__PURE__ */ g("span", { className: m.names, "aria-hidden": "true", children: j && !z && !W ? E.names : void 0 }),
+          /* @__PURE__ */ g("span", { className: m.operator, "aria-hidden": "true", children: qe }),
+          b(I, he !== void 0),
           /* @__PURE__ */ R("span", { className: m.assessment, "aria-hidden": "true", children: [
-            o ? (
+            s ? (
               /* Short: which metric. The sentence carries the full reason. */
-              o.map(
-                (q, J) => I[J].own.absence && /* @__PURE__ */ b(le, { children: l.calculationMissing(q.unit ?? q.label) }, q.id)
+              s.map(
+                (q, J) => I[J].own.absence && /* @__PURE__ */ g(le, { children: l.calculationMissing(q.unit ?? q.label) }, q.id)
               )
-            ) : E.reason !== void 0 ? /* @__PURE__ */ b(le, { children: E.reason }) : P.verdict !== void 0 && /* @__PURE__ */ b(le, { tone: jt[P.verdict], children: ae(P.verdict, l) }),
-            E.target !== void 0 && /* @__PURE__ */ b("span", { className: m.target, children: E.target }),
-            Z !== void 0 && /* @__PURE__ */ b("span", { className: m.worst, "data-verdict": Z, children: l.calculationWorstInside(ae(Z, l)) })
+            ) : E.reason !== void 0 ? /* @__PURE__ */ g(le, { children: E.reason }) : P.verdict !== void 0 && /* @__PURE__ */ g(le, { tone: jt[P.verdict], children: oe(P.verdict, l) }),
+            E.target !== void 0 && /* @__PURE__ */ g("span", { className: m.target, children: E.target }),
+            Z !== void 0 && /* @__PURE__ */ g("span", { className: m.worst, "data-verdict": Z, children: l.calculationWorstInside(oe(Z, l)) })
           ] }),
           me.length > 0 && /* A click here - on a link in the aside, on a sparkline - is the
           caller's, not a fold. */
-          /* @__PURE__ */ b("span", { className: m.notes, onClick: (q) => q.stopPropagation(), children: me })
+          /* @__PURE__ */ g("span", { className: m.notes, onClick: (q) => q.stopPropagation(), children: me })
         ]
       }
     );
     return z ? [
       ...te,
       /* @__PURE__ */ R("li", { className: m.item, children: [
-        /* @__PURE__ */ b("ul", { className: m.list, children: pe }),
+        /* @__PURE__ */ g("ul", { className: m.list, children: pe }),
         ve
       ] }, T)
     ] : [
@@ -476,25 +477,25 @@ function Qt({ children: t, className: e, style: p, metrics: o, density: i, ...n
         B && /* @__PURE__ */ R("ul", { id: U, className: m.derivation, hidden: !W, children: [
           Ce,
           pe,
-          /* @__PURE__ */ b("li", { className: m.item, "aria-hidden": "true", children: /* @__PURE__ */ R(
+          /* @__PURE__ */ g("li", { className: m.item, "aria-hidden": "true", children: /* @__PURE__ */ R(
             "div",
             {
               className: m.line,
               style: { "--depth": G.depth },
               "data-inner": "",
               "data-closing": "",
-              "data-mark": r === a ? "use" : void 0,
+              "data-mark": r === o ? "use" : void 0,
               children: [
                 /* @__PURE__ */ R("span", { className: m.labelCell, children: [
-                  /* @__PURE__ */ b("span", { className: m.disclosure }),
+                  /* @__PURE__ */ g("span", { className: m.disclosure }),
                   /* @__PURE__ */ R("span", { className: m.label, children: [
                     "= ",
                     f.label
                   ] })
                 ] }),
-                /* @__PURE__ */ b("span", { className: m.names }),
-                /* @__PURE__ */ b("span", { className: m.operator }),
-                g(I, !0)
+                /* @__PURE__ */ g("span", { className: m.names }),
+                /* @__PURE__ */ g("span", { className: m.operator }),
+                b(I, !0)
               ]
             }
           ) })
@@ -505,36 +506,36 @@ function Qt({ children: t, className: e, style: p, metrics: o, density: i, ...n
   return (
     /* The frame is the surface and the container the layout measures itself
        against; the list inside it is the statement. */
-    /* @__PURE__ */ b(
+    /* @__PURE__ */ g(
       "div",
       {
         ref: $,
         className: Bt(m.frame, e),
-        style: o ? {
+        style: s ? {
           "--figure-tracks": Array(v * 2).fill("auto").join(" "),
           "--figures-end": X(v),
           "--assessment-column": X(v),
           ...p
         } : p,
         "data-still": D ? void 0 : "",
-        "data-metrics": o ? v : void 0,
-        "data-two-lines": s ? "" : void 0,
+        "data-metrics": s ? v : void 0,
+        "data-two-lines": a ? "" : void 0,
         "data-compact": c ? "" : void 0,
         children: /* @__PURE__ */ R("ul", { className: m.calculation, ...n, children: [
-          o && /* The head names each metric and its unit above its column. Every
+          s && /* The head names each metric and its unit above its column. Every
           row's sentence names them too, so the head is for the eye. */
-          /* @__PURE__ */ b("li", { className: m.item, "aria-hidden": "true", children: /* @__PURE__ */ b("div", { className: m.head, children: o.map((a, d) => /* @__PURE__ */ R(
+          /* @__PURE__ */ g("li", { className: m.item, "aria-hidden": "true", children: /* @__PURE__ */ g("div", { className: m.head, children: s.map((o, d) => /* @__PURE__ */ R(
             "span",
             {
               className: m.headCell,
-              "data-unit": a.unit === void 0 ? void 0 : "",
+              "data-unit": o.unit === void 0 ? void 0 : "",
               style: { "--column": X(d) },
               children: [
-                /* @__PURE__ */ b("span", { className: m.headLabel, children: a.label }),
-                a.unit !== void 0 && /* @__PURE__ */ b("span", { className: m.headUnit, children: a.unit })
+                /* @__PURE__ */ g("span", { className: m.headLabel, children: o.label }),
+                o.unit !== void 0 && /* @__PURE__ */ g("span", { className: m.headUnit, children: o.unit })
               ]
             },
-            a.id
+            o.id
           )) }) }),
           N
         ] })

package/docs/llms-full.md

@@ -1,4 +1,4 @@
-# @umriss-ui/calculation 0.7.2
+# @umriss-ui/calculation 0.34.0
 
 > React calculation view for data-dense applications - a derivation written as it is shown, evaluated by the library, folded and read line by line.
 
@@ -1819,8 +1819,7 @@ A bound: a value, a side, a severity.
 
 No tolerance band as input. A band is derived - two limits of equal
 severity on opposite sides enclose one - and as an input type it would
-force a `null` on one edge in the one-sided case. One-sided is the common
-case, not the exception.
+force a `null` on one edge in the one-sided case.
 
 | Prop | Type | Default | Description |
 |---|---|---|---|
@@ -1843,8 +1842,7 @@ type Side = "upper" | "lower";
 From `@umriss-ui/core`.
 
 How seriously a violation weighs: one severity that advises and one that
-calls for action. Exactly two - whoever offers five gets five colours on
-the screen, and five colours are noise. For a third distinction one sets a
+calls for action. Exactly two; for a third distinction one sets a
 second limit.
 
 ```ts
@@ -2172,8 +2170,7 @@ A bound: a value, a side, a severity.
 
 No tolerance band as input. A band is derived - two limits of equal
 severity on opposite sides enclose one - and as an input type it would
-force a `null` on one edge in the one-sided case. One-sided is the common
-case, not the exception.
+force a `null` on one edge in the one-sided case.
 
 | Prop | Type | Default | Description |
 |---|---|---|---|
@@ -2196,8 +2193,7 @@ type Side = "upper" | "lower";
 From `@umriss-ui/core`.
 
 How seriously a violation weighs: one severity that advises and one that
-calls for action. Exactly two - whoever offers five gets five colours on
-the screen, and five colours are noise. For a third distinction one sets a
+calls for action. Exactly two; for a third distinction one sets a
 second limit.
 
 ```ts
@@ -2808,8 +2804,7 @@ A bound: a value, a side, a severity.
 
 No tolerance band as input. A band is derived - two limits of equal
 severity on opposite sides enclose one - and as an input type it would
-force a `null` on one edge in the one-sided case. One-sided is the common
-case, not the exception.
+force a `null` on one edge in the one-sided case.
 
 | Prop | Type | Default | Description |
 |---|---|---|---|
@@ -2832,8 +2827,7 @@ type Side = "upper" | "lower";
 From `@umriss-ui/core`.
 
 How seriously a violation weighs: one severity that advises and one that
-calls for action. Exactly two - whoever offers five gets five colours on
-the screen, and five colours are noise. For a third distinction one sets a
+calls for action. Exactly two; for a third distinction one sets a
 second limit.
 
 ```ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umriss-ui/calculation",
-  "version": "0.7.2",
+  "version": "0.34.0",
   "description": "React calculation view for data-dense applications - a derivation written as it is shown, evaluated by the library, folded and read line by line.",
   "license": "MIT",
   "author": "Roman Händler",
@@ -47,7 +47,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@umriss-ui/core": "^0.32.0"
+    "@umriss-ui/core": "^0.34.0"
   },
   "devDependencies": {
     "@fontsource/geist-mono": "^5.3.0",
@@ -61,7 +61,7 @@
     "typescript": "^5.6.3",
     "vite": "^6.0.0",
     "vite-plugin-dts": "^4.3.0",
-    "@umriss-ui/core": "0.32.0",
+    "@umriss-ui/core": "0.34.0",
     "@umriss-ui/demo": "0.0.0"
   },
   "scripts": {
@@ -71,8 +71,9 @@
     "build": "vite build",
     "prebuild:demo": "pnpm run props",
     "build:demo": "vite build --config vite.demo.config.ts",
-    "pretypecheck": "pnpm run props",
     "typecheck": "tsc --noEmit",
+    "typecheck:demo": "pnpm run props && tsc --noEmit -p tsconfig.demo.json",
+    "check:site": "pnpm run props -- --check",
     "preview:demo": "vite preview --config vite.demo.config.ts --port 4177 --strictPort",
     "test:unit": "vitest run",
     "check:dist": "node --disable-warning=ExperimentalWarning --experimental-strip-types ../../scripts/check-dist.ts calculation.js calculation.css"