@umriss-ui/calculation 0.2.2 → 0.2.3

package/CHANGELOG.md

@@ -11,6 +11,17 @@ under a heading "Changed" of its own, no matter which digit rose.
 
 ---
 
+## 0.2.3 – Core 0.8.0: the canon of states (Sep. 2026)
+
+Needs `@umriss-ui/core` 0.8: it reads core's pressed surfaces and motion tokens; the peer range moves to `^0.8.0`.
+
+### Changed
+
+- **The disclosure sinks while pressed** - on the key and on a foldable row -
+  with core's `--u-color-surface-pressed`, like every quiet key of the library.
+
+---
+
 ## 0.2.2 – Core 0.7.0 (Sep. 2026)
 
 ### Changed

package/dist/calculation.css

@@ -1 +1 @@
-@layer umriss.tokens,umriss.base,umriss.components;@layer umriss.base{._text_1hv7a_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}._field_1hv7a_34{caret-color:var(--u-color-accent)}._scroll_1hv7a_40{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--u-color-text) 25%,transparent) transparent}._scroll_1hv7a_40::-webkit-scrollbar{width:10px;height:10px}._scroll_1hv7a_40::-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_1hv7a_40::-webkit-scrollbar-track{background:transparent}}@layer umriss.components{._ring_1hv7a_65:focus-visible{outline:none;box-shadow:var(--u-focus-ring)}@media(pointer:coarse){._field_1hv7a_34._field_1hv7a_34{font-size:16px}}._field_1hv7a_34:-webkit-autofill,._field_1hv7a_34:-webkit-autofill:hover,._field_1hv7a_34:-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.tokens,umriss.base,umriss.components;@layer umriss.components{._frame_1vssq_21,._frame_1vssq_21:before,._frame_1vssq_21:after{box-sizing:border-box}._calculation_1vssq_39,._calculation_1vssq_39:before,._calculation_1vssq_39:after{box-sizing:border-box}._disclosure_1vssq_53,._disclosure_1vssq_53:before,._disclosure_1vssq_53:after{box-sizing:border-box}._list_1vssq_57,._list_1vssq_57:before,._list_1vssq_57:after{box-sizing:border-box}._item_1vssq_58,._item_1vssq_58:before,._item_1vssq_58:after{box-sizing:border-box}._derivation_1vssq_59,._derivation_1vssq_59:before,._derivation_1vssq_59:after{box-sizing:border-box}._line_1vssq_109,._line_1vssq_109:before,._line_1vssq_109:after{box-sizing:border-box}._labelCell_1vssq_151,._labelCell_1vssq_151:before,._labelCell_1vssq_151:after{box-sizing:border-box}._names_1vssq_152,._names_1vssq_152:before,._names_1vssq_152:after{box-sizing:border-box}._operator_1vssq_153,._operator_1vssq_153:before,._operator_1vssq_153:after{box-sizing:border-box}._amount_1vssq_154,._amount_1vssq_154:before,._amount_1vssq_154:after{box-sizing:border-box}._unit_1vssq_155,._unit_1vssq_155:before,._unit_1vssq_155:after{box-sizing:border-box}._assessment_1vssq_156,._assessment_1vssq_156:before,._assessment_1vssq_156:after{box-sizing:border-box}._label_1vssq_151,._label_1vssq_151:before,._label_1vssq_151:after{box-sizing:border-box}._approximate_1vssq_269,._approximate_1vssq_269:before,._approximate_1vssq_269:after{box-sizing:border-box}._target_1vssq_297,._target_1vssq_297:before,._target_1vssq_297:after{box-sizing:border-box}._worst_1vssq_298,._worst_1vssq_298:before,._worst_1vssq_298:after{box-sizing:border-box}._notes_1vssq_390,._notes_1vssq_390:before,._notes_1vssq_390:after{box-sizing:border-box}._freshness_1vssq_404,._freshness_1vssq_404:before,._freshness_1vssq_404:after{box-sizing:border-box}._frame_1vssq_21{font-size:var(--u-text-sm);border-radius:var(--u-radius-md);corner-shape:squircle;background:var(--u-color-surface);box-shadow:var(--u-edge);overflow:hidden;--disclosure-size: 20px;--disclosure-gap: var(--u-space-2);container-type:inline-size;width:100%}._calculation_1vssq_39{display:grid;grid-template-columns:fit-content(22rem) minmax(0,1fr) auto auto auto auto;margin:0;padding:0;list-style:none}._frame_1vssq_21[data-still]{--disclosure-size: 0px;--disclosure-gap: 0px}._frame_1vssq_21[data-still] ._disclosure_1vssq_53{display:none}._list_1vssq_57,._item_1vssq_58,._derivation_1vssq_59{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;margin:0;padding:0;list-style:none}._derivation_1vssq_59[hidden]{display:none}._derivation_1vssq_59:not([hidden]){animation:_derivationIn_1vssq_1 var(--u-duration-fast) var(--u-ease-out)}@keyframes _derivationIn_1vssq_1{0%{opacity:0}}._item_1vssq_58{--fall: calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5) + var(--disclosure-size) / 2 - 1px)}._derivation_1vssq_59{position:relative}._derivation_1vssq_59: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_1vssq_59)>._item_1vssq_58[data-open]>._line_1vssq_109:not([data-mark]),:not(._derivation_1vssq_59)>._item_1vssq_58>._derivation_1vssq_59{background-color:var(--u-color-surface-sunken)}._derivation_1vssq_59 ._line_1vssq_109{border-top-color:transparent}._line_1vssq_109{position:relative;display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline;border-top:1px solid var(--u-hairline)}._calculation_1vssq_39>._item_1vssq_58:first-child>._line_1vssq_109:first-child,._calculation_1vssq_39>._item_1vssq_58:first-child>._list_1vssq_57>._item_1vssq_58:first-child>._line_1vssq_109{border-top-color:transparent}._line_1vssq_109[data-foldable]{cursor:pointer}._line_1vssq_109[data-mark]{background:color-mix(in srgb,var(--u-color-accent-subtle) 50%,transparent)}._line_1vssq_109[data-mark=use]{background:var(--u-color-accent-subtle)}._labelCell_1vssq_151,._names_1vssq_152,._operator_1vssq_153,._amount_1vssq_154,._unit_1vssq_155,._assessment_1vssq_156{grid-row:1;padding-top:var(--u-space-2);padding-bottom:var(--u-space-2)}._labelCell_1vssq_151{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_1vssq_151{min-width:0;color:var(--u-color-text)}._line_1vssq_109[data-reference] ._label_1vssq_151{font-style:italic;color:var(--u-color-text-secondary)}._disclosure_1vssq_53{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_1vssq_53{box-sizing:border-box}button._disclosure_1vssq_53{cursor:pointer}button._disclosure_1vssq_53:hover,._line_1vssq_109[data-foldable]:hover button._disclosure_1vssq_53{box-sizing:border-box}button._disclosure_1vssq_53:hover,._line_1vssq_109[data-foldable]:hover button._disclosure_1vssq_53{background:var(--u-color-surface-sunken);color:var(--u-color-text)}._item_1vssq_58[data-open]>._line_1vssq_109 button._disclosure_1vssq_53{box-sizing:border-box}._item_1vssq_58[data-open]>._line_1vssq_109 button._disclosure_1vssq_53{color:var(--u-color-accent)}button._disclosure_1vssq_53:focus-visible{box-sizing:border-box}button._disclosure_1vssq_53:focus-visible{outline:none;box-shadow:var(--u-focus-ring)}._disclosure_1vssq_53 svg{box-sizing:border-box}._disclosure_1vssq_53 svg{transition:transform var(--u-duration-fast) var(--u-ease-out)}._disclosure_1vssq_53 svg[data-open]{box-sizing:border-box}._disclosure_1vssq_53 svg[data-open]{transform:rotate(90deg)}._names_1vssq_152{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_1vssq_153,._amount_1vssq_154,._unit_1vssq_155{font-family:var(--u-font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}._operator_1vssq_153{grid-column:3;padding-right:var(--u-space-3);text-align:right;color:var(--u-color-text-secondary)}._amount_1vssq_154{grid-column:4;text-align:right;color:var(--u-color-text)}._amount_1vssq_154[data-verdict=unknown]{color:var(--u-color-text-secondary)}._approximate_1vssq_269{display:inline-block;margin-right:var(--u-space-1);color:var(--u-color-text-secondary);cursor:help}._unit_1vssq_155{grid-column:5;padding-left:var(--u-space-1);padding-right:var(--u-space-3);color:var(--u-color-text-secondary)}._assessment_1vssq_156{grid-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_1vssq_156:empty{padding-right:0}._target_1vssq_297,._worst_1vssq_298{font-size:var(--u-text-xs);color:var(--u-color-text-secondary)}._worst_1vssq_298:before{content:"● "}._worst_1vssq_298[data-verdict=unknown]:before{color:var(--u-color-text-muted)}._worst_1vssq_298[data-verdict=warning]:before{color:var(--u-color-warning)}._worst_1vssq_298[data-verdict=alarm]:before{color:var(--u-color-danger-text)}._line_1vssq_109[data-inner]>._amount_1vssq_154{color:var(--u-color-text-secondary)}._line_1vssq_109[data-kind=interim] ._label_1vssq_151,._line_1vssq_109[data-kind=interim]>._amount_1vssq_154{font-weight:var(--u-weight-medium)}._line_1vssq_109[data-kind=interim]:before{content:"";grid-row:1;grid-column:3 / 6;align-self:start;border-top:1px solid var(--u-color-text-secondary);pointer-events:none}._line_1vssq_109[data-closing] ._label_1vssq_151{font-weight:var(--u-weight-medium);color:var(--u-color-text-secondary)}._line_1vssq_109[data-closing]:before{content:"";grid-row:1;grid-column:3 / 6;align-self:start;border-top:1px solid var(--u-color-text-muted);pointer-events:none}._line_1vssq_109[data-kind=result]{border-top:1px solid var(--u-edge-color-strong)}._line_1vssq_109[data-kind=result]:not([data-mark]){background:var(--u-color-surface-sunken)}._line_1vssq_109[data-kind=result] ._label_1vssq_151{font-weight:var(--u-weight-semibold)}._line_1vssq_109[data-kind=result]>._amount_1vssq_154{font-size:var(--u-text-md);font-weight:var(--u-weight-semibold)}._line_1vssq_109[data-kind=result]>._amount_1vssq_154:not([data-verdict=unknown]){text-decoration-line:underline;text-decoration-style:double;text-underline-offset:5px}._notes_1vssq_390{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(--u-space-1));padding:0 var(--u-space-4) var(--u-space-2) 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_1vssq_404[data-freshness=stale]{color:var(--u-color-warning)}._freshness_1vssq_404[data-freshness=lost]{color:var(--u-color-danger-text);font-weight:var(--u-weight-medium)}@container (max-width: 34rem){._calculation_1vssq_39{grid-template-columns:minmax(0,1fr) 0 auto auto auto 0}._names_1vssq_152{display:none}._labelCell_1vssq_151{padding-right:var(--u-space-3)}._assessment_1vssq_156:not(:empty){grid-area:2 / 1 / 3 / -1;justify-content:flex-start;flex-wrap:wrap;padding:0 var(--u-space-3) var(--u-space-2) calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5) + var(--disclosure-size) + var(--disclosure-gap));white-space:normal}._notes_1vssq_390{grid-row:3;grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){._disclosure_1vssq_53 svg{transition:none}._derivation_1vssq_59:not([hidden]){animation:none}}}
+@layer umriss.tokens,umriss.base,umriss.components;@layer umriss.base{._text_1hv7a_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}._field_1hv7a_34{caret-color:var(--u-color-accent)}._scroll_1hv7a_40{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--u-color-text) 25%,transparent) transparent}._scroll_1hv7a_40::-webkit-scrollbar{width:10px;height:10px}._scroll_1hv7a_40::-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_1hv7a_40::-webkit-scrollbar-track{background:transparent}}@layer umriss.components{._ring_1hv7a_65:focus-visible{outline:none;box-shadow:var(--u-focus-ring)}@media(pointer:coarse){._field_1hv7a_34._field_1hv7a_34{font-size:16px}}._field_1hv7a_34:-webkit-autofill,._field_1hv7a_34:-webkit-autofill:hover,._field_1hv7a_34:-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.tokens,umriss.base,umriss.components;@layer umriss.components{._frame_1vwog_21,._frame_1vwog_21:before,._frame_1vwog_21:after{box-sizing:border-box}._calculation_1vwog_39,._calculation_1vwog_39:before,._calculation_1vwog_39:after{box-sizing:border-box}._disclosure_1vwog_53,._disclosure_1vwog_53:before,._disclosure_1vwog_53:after{box-sizing:border-box}._list_1vwog_57,._list_1vwog_57:before,._list_1vwog_57:after{box-sizing:border-box}._item_1vwog_58,._item_1vwog_58:before,._item_1vwog_58:after{box-sizing:border-box}._derivation_1vwog_59,._derivation_1vwog_59:before,._derivation_1vwog_59:after{box-sizing:border-box}._line_1vwog_109,._line_1vwog_109:before,._line_1vwog_109:after{box-sizing:border-box}._labelCell_1vwog_151,._labelCell_1vwog_151:before,._labelCell_1vwog_151:after{box-sizing:border-box}._names_1vwog_152,._names_1vwog_152:before,._names_1vwog_152:after{box-sizing:border-box}._operator_1vwog_153,._operator_1vwog_153:before,._operator_1vwog_153:after{box-sizing:border-box}._amount_1vwog_154,._amount_1vwog_154:before,._amount_1vwog_154:after{box-sizing:border-box}._unit_1vwog_155,._unit_1vwog_155:before,._unit_1vwog_155:after{box-sizing:border-box}._assessment_1vwog_156,._assessment_1vwog_156:before,._assessment_1vwog_156:after{box-sizing:border-box}._label_1vwog_151,._label_1vwog_151:before,._label_1vwog_151:after{box-sizing:border-box}._approximate_1vwog_274,._approximate_1vwog_274:before,._approximate_1vwog_274:after{box-sizing:border-box}._target_1vwog_302,._target_1vwog_302:before,._target_1vwog_302:after{box-sizing:border-box}._worst_1vwog_303,._worst_1vwog_303:before,._worst_1vwog_303:after{box-sizing:border-box}._notes_1vwog_395,._notes_1vwog_395:before,._notes_1vwog_395:after{box-sizing:border-box}._freshness_1vwog_409,._freshness_1vwog_409:before,._freshness_1vwog_409:after{box-sizing:border-box}._frame_1vwog_21{font-size:var(--u-text-sm);border-radius:var(--u-radius-md);corner-shape:squircle;background:var(--u-color-surface);box-shadow:var(--u-edge);overflow:hidden;--disclosure-size: 20px;--disclosure-gap: var(--u-space-2);container-type:inline-size;width:100%}._calculation_1vwog_39{display:grid;grid-template-columns:fit-content(22rem) minmax(0,1fr) auto auto auto auto;margin:0;padding:0;list-style:none}._frame_1vwog_21[data-still]{--disclosure-size: 0px;--disclosure-gap: 0px}._frame_1vwog_21[data-still] ._disclosure_1vwog_53{display:none}._list_1vwog_57,._item_1vwog_58,._derivation_1vwog_59{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;margin:0;padding:0;list-style:none}._derivation_1vwog_59[hidden]{display:none}._derivation_1vwog_59:not([hidden]){animation:_derivationIn_1vwog_1 var(--u-duration-fast) var(--u-ease-out)}@keyframes _derivationIn_1vwog_1{0%{opacity:0}}._item_1vwog_58{--fall: calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5) + var(--disclosure-size) / 2 - 1px)}._derivation_1vwog_59{position:relative}._derivation_1vwog_59: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_1vwog_59)>._item_1vwog_58[data-open]>._line_1vwog_109:not([data-mark]),:not(._derivation_1vwog_59)>._item_1vwog_58>._derivation_1vwog_59{background-color:var(--u-color-surface-sunken)}._derivation_1vwog_59 ._line_1vwog_109{border-top-color:transparent}._line_1vwog_109{position:relative;display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline;border-top:1px solid var(--u-hairline)}._calculation_1vwog_39>._item_1vwog_58:first-child>._line_1vwog_109:first-child,._calculation_1vwog_39>._item_1vwog_58:first-child>._list_1vwog_57>._item_1vwog_58:first-child>._line_1vwog_109{border-top-color:transparent}._line_1vwog_109[data-foldable]{cursor:pointer}._line_1vwog_109[data-mark]{background:color-mix(in srgb,var(--u-color-accent-subtle) 50%,transparent)}._line_1vwog_109[data-mark=use]{background:var(--u-color-accent-subtle)}._labelCell_1vwog_151,._names_1vwog_152,._operator_1vwog_153,._amount_1vwog_154,._unit_1vwog_155,._assessment_1vwog_156{grid-row:1;padding-top:var(--u-space-2);padding-bottom:var(--u-space-2)}._labelCell_1vwog_151{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_1vwog_151{min-width:0;color:var(--u-color-text)}._line_1vwog_109[data-reference] ._label_1vwog_151{font-style:italic;color:var(--u-color-text-secondary)}._disclosure_1vwog_53{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_1vwog_53{box-sizing:border-box}button._disclosure_1vwog_53{cursor:pointer}button._disclosure_1vwog_53:hover,._line_1vwog_109[data-foldable]:hover button._disclosure_1vwog_53{box-sizing:border-box}button._disclosure_1vwog_53:hover,._line_1vwog_109[data-foldable]:hover button._disclosure_1vwog_53{background:var(--u-color-surface-sunken);color:var(--u-color-text)}button._disclosure_1vwog_53:active,._line_1vwog_109[data-foldable]:active button._disclosure_1vwog_53{box-sizing:border-box}button._disclosure_1vwog_53:active,._line_1vwog_109[data-foldable]:active button._disclosure_1vwog_53{background:var(--u-color-surface-pressed)}._item_1vwog_58[data-open]>._line_1vwog_109 button._disclosure_1vwog_53{box-sizing:border-box}._item_1vwog_58[data-open]>._line_1vwog_109 button._disclosure_1vwog_53{color:var(--u-color-accent)}button._disclosure_1vwog_53:focus-visible{box-sizing:border-box}button._disclosure_1vwog_53:focus-visible{outline:none;box-shadow:var(--u-focus-ring)}._disclosure_1vwog_53 svg{box-sizing:border-box}._disclosure_1vwog_53 svg{transition:transform var(--u-transition-path)}._disclosure_1vwog_53 svg[data-open]{box-sizing:border-box}._disclosure_1vwog_53 svg[data-open]{transform:rotate(90deg)}._names_1vwog_152{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_1vwog_153,._amount_1vwog_154,._unit_1vwog_155{font-family:var(--u-font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}._operator_1vwog_153{grid-column:3;padding-right:var(--u-space-3);text-align:right;color:var(--u-color-text-secondary)}._amount_1vwog_154{grid-column:4;text-align:right;color:var(--u-color-text)}._amount_1vwog_154[data-verdict=unknown]{color:var(--u-color-text-secondary)}._approximate_1vwog_274{display:inline-block;margin-right:var(--u-space-1);color:var(--u-color-text-secondary);cursor:help}._unit_1vwog_155{grid-column:5;padding-left:var(--u-space-1);padding-right:var(--u-space-3);color:var(--u-color-text-secondary)}._assessment_1vwog_156{grid-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_1vwog_156:empty{padding-right:0}._target_1vwog_302,._worst_1vwog_303{font-size:var(--u-text-xs);color:var(--u-color-text-secondary)}._worst_1vwog_303:before{content:"● "}._worst_1vwog_303[data-verdict=unknown]:before{color:var(--u-color-text-muted)}._worst_1vwog_303[data-verdict=warning]:before{color:var(--u-color-warning)}._worst_1vwog_303[data-verdict=alarm]:before{color:var(--u-color-danger-text)}._line_1vwog_109[data-inner]>._amount_1vwog_154{color:var(--u-color-text-secondary)}._line_1vwog_109[data-kind=interim] ._label_1vwog_151,._line_1vwog_109[data-kind=interim]>._amount_1vwog_154{font-weight:var(--u-weight-medium)}._line_1vwog_109[data-kind=interim]:before{content:"";grid-row:1;grid-column:3 / 6;align-self:start;border-top:1px solid var(--u-color-text-secondary);pointer-events:none}._line_1vwog_109[data-closing] ._label_1vwog_151{font-weight:var(--u-weight-medium);color:var(--u-color-text-secondary)}._line_1vwog_109[data-closing]:before{content:"";grid-row:1;grid-column:3 / 6;align-self:start;border-top:1px solid var(--u-color-text-muted);pointer-events:none}._line_1vwog_109[data-kind=result]{border-top:1px solid var(--u-edge-color-strong)}._line_1vwog_109[data-kind=result]:not([data-mark]){background:var(--u-color-surface-sunken)}._line_1vwog_109[data-kind=result] ._label_1vwog_151{font-weight:var(--u-weight-semibold)}._line_1vwog_109[data-kind=result]>._amount_1vwog_154{font-size:var(--u-text-md);font-weight:var(--u-weight-semibold)}._line_1vwog_109[data-kind=result]>._amount_1vwog_154:not([data-verdict=unknown]){text-decoration-line:underline;text-decoration-style:double;text-underline-offset:5px}._notes_1vwog_395{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(--u-space-1));padding:0 var(--u-space-4) var(--u-space-2) 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_1vwog_409[data-freshness=stale]{color:var(--u-color-warning)}._freshness_1vwog_409[data-freshness=lost]{color:var(--u-color-danger-text);font-weight:var(--u-weight-medium)}@container (max-width: 34rem){._calculation_1vwog_39{grid-template-columns:minmax(0,1fr) 0 auto auto auto 0}._names_1vwog_152{display:none}._labelCell_1vwog_151{padding-right:var(--u-space-3)}._assessment_1vwog_156:not(:empty){grid-area:2 / 1 / 3 / -1;justify-content:flex-start;flex-wrap:wrap;padding:0 var(--u-space-3) var(--u-space-2) calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5) + var(--disclosure-size) + var(--disclosure-gap));white-space:normal}._notes_1vwog_395{grid-row:3;grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){._disclosure_1vwog_53 svg{transition:none}._derivation_1vwog_59:not([hidden]){animation:none}}}

package/dist/calculation.js

@@ -1,22 +1,22 @@
 import "./calculation.css";
 import { jsx as f, jsxs as k } from "react/jsx-runtime";
-import { Children as ve, isValidElement as j, Fragment as ge, useId as _e, useState as oe } from "react";
-import { assess as be, verdictWeight as K, useFormats as me, useWording as fe, VisuallyHidden as $e, AngleGlyph as Ne, Tooltip as re, Badge as ie, useFreshness as we } from "@umriss-ui/core";
+import { Children as ve, isValidElement as j, Fragment as ge, useId as we, useState as se } from "react";
+import { assess as _e, verdictWeight as K, useFormats as me, useWording as fe, VisuallyHidden as be, AngleGlyph as $e, Tooltip as re, Badge as ie, useFreshness as Ne } from "@umriss-ui/core";
 function ye(t) {
   return t.decimals !== void 0 ? t.decimals : t.format === "percent" ? 1 : t.given ? void 0 : 2;
 }
-function qe(t, n) {
+function xe(t, n) {
   return n === void 0 ? t : Math.sign(t) * Number(Math.abs(t).toFixed(n));
 }
 function G(t, n) {
-  return qe(t.format === "percent" ? n * 100 : n, ye(t));
+  return xe(t.format === "percent" ? n * 100 : n, ye(t));
 }
-const xe = (t, n) => t.format === "percent" ? n / 100 : n;
+const Oe = (t, n) => t.format === "percent" ? n / 100 : n;
 function le(t, n, v) {
   const [m, ...i] = n;
   switch (t) {
     case "sum":
-      return i.reduce((e, h, o) => v[o + 1] ? e - h : e + h, m);
+      return i.reduce((e, h, s) => v[s + 1] ? e - h : e + h, m);
     case "difference":
       return i.reduce((e, h) => e - h, m);
     case "product":
@@ -26,42 +26,42 @@ function le(t, n, v) {
   }
 }
 const ce = (t, n) => n === void 0 || t !== void 0 && K(t) >= K(n) ? t : n;
-function Oe(t) {
+function Se(t) {
   const n = /* @__PURE__ */ new Map(), v = (m) => {
-    var $, q, T;
+    var b, x, T;
     const i = n.get(m);
     if (i) return i;
     const e = t.quantities.get(m);
-    let h = null, o, y = !1, C;
+    let h = null, s, y = !1, C;
     if (e.given) {
-      const N = e.given.value;
-      typeof N == "number" && Number.isFinite(N) ? h = N : o = { kind: "missing", label: e.label };
+      const $ = e.given.value;
+      typeof $ == "number" && Number.isFinite($) ? h = $ : s = { kind: "missing", label: e.label };
     } else {
-      const N = e.operands.map((s) => ({ operand: s, ...v(s.key) }));
-      for (const { operand: s, verdict: c, worst: r } of N) {
-        const _ = s.reference ? c : ce(c, r);
-        C = ce(C, _);
+      const $ = e.operands.map((a) => ({ operand: a, ...v(a.key) }));
+      for (const { operand: a, verdict: c, worst: r } of $) {
+        const w = a.reference ? c : ce(c, r);
+        C = ce(C, w);
       }
-      o = ($ = N.find((s) => s.absence)) == null ? void 0 : $.absence;
-      const x = N[1];
-      if (!o && e.operator === "quotient" && x.value === 0 && (o = { kind: "zero", label: t.quantities.get(x.operand.key).label }), !o) {
-        const s = e.operands.map((r) => r.negated === !0);
-        h = le(e.operator, N.map((r) => r.value), s);
+      s = (b = $.find((a) => a.absence)) == null ? void 0 : b.absence;
+      const O = $[1];
+      if (!s && e.operator === "quotient" && O.value === 0 && (s = { kind: "zero", label: t.quantities.get(O.operand.key).label }), !s) {
+        const a = e.operands.map((r) => r.negated === !0);
+        h = le(e.operator, $.map((r) => r.value), a);
         const c = le(
           e.operator,
-          N.map((r) => xe(t.quantities.get(r.operand.key), r.shown)),
-          s
+          $.map((r) => Oe(t.quantities.get(r.operand.key), r.shown)),
+          a
         );
         y = G(e, c) !== G(e, h);
       }
     }
-    const d = { target: e.target, limits: e.limits }, g = e.target !== void 0 || (((q = e.limits) == null ? void 0 : q.length) ?? 0) > 0 ? be(h, d) : void 0, b = (((T = e.limits) == null ? void 0 : T.length) ?? 0) > 0 ? g.verdict : h === null ? "unknown" : void 0, l = {
+    const d = { target: e.target, limits: e.limits }, g = e.target !== void 0 || (((x = e.limits) == null ? void 0 : x.length) ?? 0) > 0 ? _e(h, d) : void 0, _ = (((T = e.limits) == null ? void 0 : T.length) ?? 0) > 0 ? g.verdict : h === null ? "unknown" : void 0, l = {
       value: h,
-      absence: o,
+      absence: s,
       shown: h === null ? null : G(e, h),
       approximate: y,
       assessment: g,
-      verdict: b,
+      verdict: _,
       worst: C
     };
     return n.set(m, l), l;
@@ -69,7 +69,7 @@ function Oe(t) {
   for (const m of t.quantities.keys()) v(m);
   return n;
 }
-const Se = () => null, Te = () => null, ke = () => null, Ce = () => null, Ae = () => null, ue = () => null, Ie = () => null, Me = () => null, Pe = () => null, De = () => null, Ee = () => null, Y = () => null, Be = /* @__PURE__ */ new Map([
+const qe = () => null, Te = () => null, ke = () => null, Ce = () => null, Ae = () => null, ue = () => null, Ie = () => null, Me = () => null, Pe = () => null, De = () => null, Ee = () => null, Y = () => null, Be = /* @__PURE__ */ new Map([
   [Te, "sum"],
   [ke, "difference"],
   [Ce, "product"],
@@ -85,7 +85,7 @@ const Se = () => null, Te = () => null, ke = () => null, Ce = () => null, Ae = (
   [De, { name: "Times", operator: "product" }],
   [Ee, { name: "DividedBy", operator: "quotient" }]
 ]), X = "<Given>, <Sum>, <Difference>, <Product>, <Quotient> or <Chain>";
-function S(t) {
+function q(t) {
   throw new Error(`@umriss-ui/calculation: ${t}`);
 }
 function Q(t) {
@@ -101,68 +101,68 @@ function V(t) {
 const ee = (t, n, v) => `${t}/${j(n) && n.key || v}`;
 function je(t) {
   const n = Q(t);
-  n.length !== 1 && S(`<Calculation> takes exactly one child, the result; it was given ${n.length}.`);
-  const v = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), i = [], e = (d, g, b) => {
-    const { id: l, ...$ } = g;
-    l !== void 0 && (m.has(l) && S(`${b}: the id "${l}" is used twice.`), m.set(l, d));
-    const q = { ...$, key: d, id: l, operands: [] };
-    return v.set(d, q), q;
-  }, h = (d, g, b) => {
+  n.length !== 1 && q(`<Calculation> takes exactly one child, the result; it was given ${n.length}.`);
+  const v = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), i = [], e = (d, g, _) => {
+    const { id: l, ...b } = g;
+    l !== void 0 && (m.has(l) && q(`${_}: the id "${l}" is used twice.`), m.set(l, d));
+    const x = { ...b, key: d, id: l, operands: [] };
+    return v.set(d, x), x;
+  }, h = (d, g, _) => {
     if (j(d) && d.type === ue) {
       const l = { key: "", reference: !0 };
-      return i.push({ operand: l, to: d.props.to, where: b }), l;
+      return i.push({ operand: l, to: d.props.to, where: _ }), l;
     }
-    return { key: o(d, g, b), reference: !1 };
-  }, o = (d, g, b) => {
-    if ((!j(d) || d.type === ue || Z.has(d.type) || d.type === Y) && S(`${b}: ${V(d)} cannot stand here; a quantity must be ${X}.`), d.type === Ie) return y(d.props.children, g, b);
+    return { key: s(d, g, _), reference: !1 };
+  }, s = (d, g, _) => {
+    if ((!j(d) || d.type === ue || Z.has(d.type) || d.type === Y) && q(`${_}: ${V(d)} cannot stand here; a quantity must be ${X}.`), d.type === Ie) return y(d.props.children, g, _);
     const l = Be.get(d.type);
-    d.type !== Se && l === void 0 && S(
-      `${b}: ${V(d)} is not an element of the calculation. A calculation reads its children's props and cannot look inside a component of your own; write ${X} or <Ref> directly, or return them from .map.`
+    d.type !== qe && l === void 0 && q(
+      `${_}: ${V(d)} is not an element of the calculation. A calculation reads its children's props and cannot look inside a component of your own; write ${X} or <Ref> directly, or return them from .map.`
     );
-    const { children: $, value: q, source: T, asOf: N, ages: x, ...s } = d.props, c = `${b} › ${s.label}`, r = e(g, s, c);
+    const { children: b, value: x, source: T, asOf: $, ages: O, ...a } = d.props, c = `${_} › ${a.label}`, r = e(g, a, c);
     if (l === void 0)
-      return r.given = { value: q, source: T, asOf: N, ages: x }, g;
+      return r.given = { value: x, source: T, asOf: $, ages: O }, g;
     r.operator = l;
-    const _ = Q($), a = _.length;
-    return (l === "quotient" ? a !== 2 : a < 2) && S(
-      `${c}: <${We[l]}> takes ${l === "quotient" ? "exactly two operands" : "two or more operands"}; it was given ${a}.`
-    ), r.operands = _.map((u, w) => h(u, ee(g, u, w), c)), g;
-  }, y = (d, g, b) => {
-    const l = `${b} › <Chain>`, [$, ...q] = Q(d);
-    ($ === void 0 || j($) && (Z.has($.type) || $.type === Y)) && S(`${l}: a chain starts with a quantity that has no operator - ${X} or <Ref>.`);
-    let T = h($, ee(g, $, 0), l), N = V($), x = [], s;
-    return q.forEach((c, r) => {
-      const _ = ee(g, c, r + 1);
+    const w = Q(b), o = w.length;
+    return (l === "quotient" ? o !== 2 : o < 2) && q(
+      `${c}: <${We[l]}> takes ${l === "quotient" ? "exactly two operands" : "two or more operands"}; it was given ${o}.`
+    ), r.operands = w.map((u, N) => h(u, ee(g, u, N), c)), g;
+  }, y = (d, g, _) => {
+    const l = `${_} › <Chain>`, [b, ...x] = Q(d);
+    (b === void 0 || j(b) && (Z.has(b.type) || b.type === Y)) && q(`${l}: a chain starts with a quantity that has no operator - ${X} or <Ref>.`);
+    let T = h(b, ee(g, b, 0), l), $ = V(b), O = [], a;
+    return x.forEach((c, r) => {
+      const w = ee(g, c, r + 1);
       if (j(c) && c.type === Y) {
         const M = c.props, D = `${l} › ${M.label}`;
-        x.length === 0 && S(`${D}: an <Interim> needs an operand since the named value before it, ${N}.`);
-        const O = e(_, M, D);
-        O.interim = !0, O.operator = x[0].line.operator, O.operands = [T, ...x.map((J) => J.operand)], T = { key: _, reference: !1, previous: !0 }, N = `<Interim label="${M.label}">`, x = [], s = _;
+        O.length === 0 && q(`${D}: an <Interim> needs an operand since the named value before it, ${$}.`);
+        const S = e(w, M, D);
+        S.interim = !0, S.operator = O[0].line.operator, S.operands = [T, ...O.map((J) => J.operand)], T = { key: w, reference: !1, previous: !0 }, $ = `<Interim label="${M.label}">`, O = [], a = w;
         return;
       }
-      const a = j(c) ? Z.get(c.type) : void 0;
-      a === void 0 && S(`${l}: ${V(c)} needs an operator in a chain - <Plus>, <Minus>, <Times> or <DividedBy> - or is an <Interim>.`);
-      const u = a.operator !== "sum", w = x.find((M) => M.line.operator !== "sum");
-      (u && x.length > 0 || w) && S(
-        `${l}: <${(w ?? { line: a }).line.name}> stands alone between two named values - directly after the first quantity or an <Interim>, and directly before an <Interim>.`
+      const o = j(c) ? Z.get(c.type) : void 0;
+      o === void 0 && q(`${l}: ${V(c)} needs an operator in a chain - <Plus>, <Minus>, <Times> or <DividedBy> - or is an <Interim>.`);
+      const u = o.operator !== "sum", N = O.find((M) => M.line.operator !== "sum");
+      (u && O.length > 0 || N) && q(
+        `${l}: <${(N ?? { line: o }).line.name}> stands alone between two named values - directly after the first quantity or an <Interim>, and directly before an <Interim>.`
       );
-      const { children: B, ...A } = c.props, W = Q(B), I = () => S(`${l}: <${a.name}> takes either a label and a value, or exactly one quantity as its child.`);
+      const { children: B, ...A } = c.props, W = Q(B), I = () => q(`${l}: <${o.name}> takes either a label and a value, or exactly one quantity as its child.`);
       if (W.length > 0) {
         (W.length > 1 || Object.values(A).some((D) => D !== void 0)) && I();
-        const M = h(W[0], _, l);
-        M.negated = a.negated, x.push({ operand: M, line: a });
+        const M = h(W[0], w, l);
+        M.negated = o.negated, O.push({ operand: M, line: o });
         return;
       }
       A.label === void 0 && I();
-      const { value: E, source: U, asOf: F, ages: R, ...L } = A, z = e(_, { ...L, label: A.label }, `${l} › ${A.label}`);
-      z.given = { value: E, source: U, asOf: F, ages: R }, x.push({ operand: { key: _, reference: !1, negated: a.negated }, line: a });
-    }), (x.length > 0 || s === void 0) && S(`${l}: a chain ends with an <Interim>, which names its value.`), s;
-  }, C = o(n[0], "0", "<Calculation>");
-  for (const { operand: d, to: g, where: b } of i) {
+      const { value: E, source: U, asOf: F, ages: R, ...L } = A, z = e(w, { ...L, label: A.label }, `${l} › ${A.label}`);
+      z.given = { value: E, source: U, asOf: F, ages: R }, O.push({ operand: { key: w, reference: !1, negated: o.negated }, line: o });
+    }), (O.length > 0 || a === void 0) && q(`${l}: a chain ends with an <Interim>, which names its value.`), a;
+  }, C = s(n[0], "0", "<Calculation>");
+  for (const { operand: d, to: g, where: _ } of i) {
     const l = m.get(g);
     if (l === void 0) {
-      const $ = [...m.keys()].map((q) => `"${q}"`).join(", ");
-      S(`${b}: <Ref to="${g}"> names no quantity. ${$ ? `The ids that exist: ${$}.` : "No quantity has an id."}`);
+      const b = [...m.keys()].map((x) => `"${x}"`).join(", ");
+      q(`${_}: <Ref to="${g}"> names no quantity. ${b ? `The ids that exist: ${b}.` : "No quantity has an id."}`);
     }
     d.key = l;
   }
@@ -173,8 +173,8 @@ function Re(t) {
     if (n.has(i)) return;
     const e = v.indexOf(i);
     if (e !== -1) {
-      const h = [...v.slice(e), i].map((o) => t.get(o).label);
-      S(`the calculation goes round in a circle through references: ${h.join(" → ")}.`);
+      const h = [...v.slice(e), i].map((s) => t.get(s).label);
+      q(`the calculation goes round in a circle through references: ${h.join(" → ")}.`);
     }
     v.push(i);
     for (const h of t.get(i).operands) m(h.key);
@@ -217,33 +217,33 @@ function pe(t, n, v, m) {
   return i ? `${e} ${i}` : e;
 }
 function Le(t, n, v, m, i, e, h) {
-  const o = t.quantities.get(v), y = n.get(v), C = (_, a, u) => a.shown === null ? u ? e.verdictUnknown : e.statAbsentValue : pe(_, a.shown, i, u ? e.calculationPercent : "%"), d = (_) => {
-    if (m || !o.operator) return {};
-    if (!_ && o.operands.length > de)
-      return { names: e.calculationOperandCount(o.operands.length) };
-    const a = (u) => o.operands.map((w, B) => {
-      const A = t.quantities.get(w.key);
-      return B === 0 ? u(A) : `${te({ operator: o.operator, negated: w.negated === !0 }, _, e)} ${u(A)}`;
+  const s = t.quantities.get(v), y = n.get(v), C = (w, o, u) => o.shown === null ? u ? e.verdictUnknown : e.statAbsentValue : pe(w, o.shown, i, u ? e.calculationPercent : "%"), d = (w) => {
+    if (m || !s.operator) return {};
+    if (!w && s.operands.length > de)
+      return { names: e.calculationOperandCount(s.operands.length) };
+    const o = (u) => s.operands.map((N, B) => {
+      const A = t.quantities.get(N.key);
+      return B === 0 ? u(A) : `${te({ operator: s.operator, negated: N.negated === !0 }, w, e)} ${u(A)}`;
     }).join(" ");
     return {
-      names: a((u) => u.label),
-      numbers: a((u) => C(u, n.get(u.key), _))
+      names: o((u) => u.label),
+      numbers: o((u) => C(u, n.get(u.key), w))
     };
-  }, g = (_) => {
-    var w;
-    const a = (w = y.assessment) == null ? void 0 : w.deviation;
-    if (a === void 0 || o.target === void 0) return;
-    const u = pe(o, G(o, o.target), i, _ ? e.calculationPercent : "%");
-    return a > 0 ? e.calculationAboveTarget(u) : a < 0 ? e.calculationBelowTarget(u) : e.calculationOnTarget(u);
-  }, b = d(!1).names, l = b === void 0 || o.operands.length > de ? b : `= ${b}`, $ = d(!0), q = y.absence ? Ue(y.absence, e) : void 0, T = ` ${e.calculationEquals} `, N = y.approximate ? `${e.calculationApproximately} ${C(o, y, !0)}` : C(o, y, !0), s = [
-    (h ? `${te(h, !0, e)} ` : "") + o.label + T + [$.names, $.numbers, N].filter(Boolean).join(`,${T}`),
+  }, g = (w) => {
+    var N;
+    const o = (N = y.assessment) == null ? void 0 : N.deviation;
+    if (o === void 0 || s.target === void 0) return;
+    const u = pe(s, G(s, s.target), i, w ? e.calculationPercent : "%");
+    return o > 0 ? e.calculationAboveTarget(u) : o < 0 ? e.calculationBelowTarget(u) : e.calculationOnTarget(u);
+  }, _ = d(!1).names, l = _ === void 0 || s.operands.length > de ? _ : `= ${_}`, b = d(!0), x = y.absence ? Ue(y.absence, e) : void 0, T = ` ${e.calculationEquals} `, $ = y.approximate ? `${e.calculationApproximately} ${C(s, y, !0)}` : C(s, y, !0), a = [
+    (h ? `${te(h, !0, e)} ` : "") + s.label + T + [b.names, b.numbers, $].filter(Boolean).join(`,${T}`),
     y.verdict !== void 0 && y.verdict !== "unknown" ? H(y.verdict, e) : void 0,
     g(!0),
-    q
-  ].filter(Boolean).join(", "), c = y.shown === null ? void 0 : o.format === "percent" ? "%" : o.unit;
-  return { amount: y.shown === null ? e.statAbsentValue : i.number(y.shown, o.decimals), unit: c, names: l, target: g(!1), reason: q, sentence: s };
+    x
+  ].filter(Boolean).join(", "), c = y.shown === null ? void 0 : s.format === "percent" ? "%" : s.unit;
+  return { amount: y.shown === null ? e.statAbsentValue : i.number(y.shown, s.decimals), unit: c, names: l, target: g(!1), reason: x, sentence: a };
 }
-const Ve = "_frame_1vssq_21 _text_1hv7a_23", Ge = "_calculation_1vssq_39", He = "_disclosure_1vssq_53", Ke = "_list_1vssq_57", ze = "_item_1vssq_58", Je = "_derivation_1vssq_59", Ye = "_line_1vssq_109", Ze = "_labelCell_1vssq_151", Xe = "_names_1vssq_152", et = "_operator_1vssq_153", tt = "_amount_1vssq_154", nt = "_unit_1vssq_155", st = "_assessment_1vssq_156", at = "_label_1vssq_151", ot = "_approximate_1vssq_269", rt = "_target_1vssq_297", it = "_worst_1vssq_298", lt = "_notes_1vssq_390", ct = "_freshness_1vssq_404", p = {
+const Ve = "_frame_1vwog_21 _text_1hv7a_23", Ge = "_calculation_1vwog_39", He = "_disclosure_1vwog_53", Ke = "_list_1vwog_57", ze = "_item_1vwog_58", Je = "_derivation_1vwog_59", Ye = "_line_1vwog_109", Ze = "_labelCell_1vwog_151", Xe = "_names_1vwog_152", et = "_operator_1vwog_153", tt = "_amount_1vwog_154", nt = "_unit_1vwog_155", at = "_assessment_1vwog_156", ot = "_label_1vwog_151", st = "_approximate_1vwog_274", rt = "_target_1vwog_302", it = "_worst_1vwog_303", lt = "_notes_1vwog_395", ct = "_freshness_1vwog_409", p = {
   frame: Ve,
   calculation: Ge,
   disclosure: He,
@@ -256,38 +256,38 @@ const Ve = "_frame_1vssq_21 _text_1hv7a_23", Ge = "_calculation_1vssq_39", He =
   operator: et,
   amount: tt,
   unit: nt,
-  assessment: st,
-  label: at,
-  approximate: ot,
+  assessment: at,
+  label: ot,
+  approximate: st,
   target: rt,
   worst: it,
   notes: lt,
   freshness: ct
 }, ut = { ok: "success", unknown: "neutral", warning: "warning", alarm: "danger" }, dt = (...t) => t.filter(Boolean).join(" ");
 function pt({ asOf: t, ages: n }) {
-  const v = me(), m = fe(), i = we(t, n), e = i.freshness === "lost" ? m.freshnessDisconnected : i.freshness === "stale" ? m.freshnessStale : m.freshnessFresh;
+  const v = me(), m = fe(), i = Ne(t, n), e = i.freshness === "lost" ? m.freshnessDisconnected : i.freshness === "stale" ? m.freshnessStale : m.freshnessFresh;
   return /* @__PURE__ */ k("span", { className: p.freshness, "data-freshness": i.freshness, children: [
     e,
     i.age !== null && ` · ${v.relative(i.age)}`
   ] });
 }
 function vt({ children: t, className: n, style: v, ...m }) {
-  const i = me(), e = fe(), h = _e(), o = je(t), y = Oe(o), [C, d] = oe(() => /* @__PURE__ */ new Set()), [g, b] = oe(null), l = (s) => d((c) => {
+  const i = me(), e = fe(), h = we(), s = je(t), y = Se(s), [C, d] = se(() => /* @__PURE__ */ new Set()), [g, _] = se(null), l = (a) => d((c) => {
     const r = new Set(c);
-    return r.delete(s) || r.add(s), r;
-  }), $ = (s, c, r) => r === 0 || c.previous ? void 0 : { operator: s.operator, negated: c.negated === !0 };
-  let q = !1;
-  const T = (s, c) => g === null ? void 0 : s === g ? "use" : c === g ? "operand" : void 0, N = (s, c, r, _) => {
-    const a = o.quantities.get(s), u = y.get(s), w = Le(o, y, s, c, i, e, r.position), B = a.operator !== void 0 && !c, A = s === o.result && !c, W = B && (a.interim ? r.flat : A), I = B && !W, E = I && C.has(s);
-    q || (q = I);
-    const U = `${h}-${s}`, F = { depth: W ? r.depth : r.depth + 1, flat: !1, parent: s }, R = B ? a.operands.find((P) => P.previous) : void 0, L = R && r.flat ? N(R.key, !1, { ...r, parent: s, position: void 0 }, `${_}-c`) : [], z = R && !r.flat ? N(R.key, !1, { ...F, flat: !0 }, `${_}-c`) : [], M = B ? a.operands.map(
-      (P, ae) => P.previous ? null : N(P.key, P.reference, { ...F, position: $(a, P, ae) }, `${_}-${ae}`)
-    ) : [], D = I && !E && u.worst !== void 0 && K(u.worst) > K(u.verdict ?? "ok") ? u.worst : void 0, O = c ? void 0 : a.given, J = r.position ? te(r.position, !1, e) : void 0, ne = [
-      !c && a.explanation !== void 0 && /* @__PURE__ */ f("span", { children: a.explanation }, "explanation"),
-      (O == null ? void 0 : O.source) !== void 0 && /* @__PURE__ */ f("span", { children: e.calculationSource(O.source) }, "source"),
-      (O == null ? void 0 : O.asOf) !== void 0 && (O.ages !== void 0 ? /* @__PURE__ */ f(pt, { asOf: O.asOf, ages: O.ages }, "asOf") : /* @__PURE__ */ f("span", { children: e.asOfAgo(i.dateTime(new Date(O.asOf), !1)) }, "asOf")),
-      !c && a.aside !== void 0 && /* @__PURE__ */ f("span", { children: a.aside }, "aside")
-    ].filter(Boolean), he = A ? "result" : a.interim && !c && r.flat ? "interim" : void 0, se = /* @__PURE__ */ k(
+    return r.delete(a) || r.add(a), r;
+  }), b = (a, c, r) => r === 0 || c.previous ? void 0 : { operator: a.operator, negated: c.negated === !0 };
+  let x = !1;
+  const T = (a, c) => g === null ? void 0 : a === g ? "use" : c === g ? "operand" : void 0, $ = (a, c, r, w) => {
+    const o = s.quantities.get(a), u = y.get(a), N = Le(s, y, a, c, i, e, r.position), B = o.operator !== void 0 && !c, A = a === s.result && !c, W = B && (o.interim ? r.flat : A), I = B && !W, E = I && C.has(a);
+    x || (x = I);
+    const U = `${h}-${a}`, F = { depth: W ? r.depth : r.depth + 1, flat: !1, parent: a }, R = B ? o.operands.find((P) => P.previous) : void 0, L = R && r.flat ? $(R.key, !1, { ...r, parent: a, position: void 0 }, `${w}-c`) : [], z = R && !r.flat ? $(R.key, !1, { ...F, flat: !0 }, `${w}-c`) : [], M = B ? o.operands.map(
+      (P, oe) => P.previous ? null : $(P.key, P.reference, { ...F, position: b(o, P, oe) }, `${w}-${oe}`)
+    ) : [], D = I && !E && u.worst !== void 0 && K(u.worst) > K(u.verdict ?? "ok") ? u.worst : void 0, S = c ? void 0 : o.given, J = r.position ? te(r.position, !1, e) : void 0, ne = [
+      !c && o.explanation !== void 0 && /* @__PURE__ */ f("span", { children: o.explanation }, "explanation"),
+      (S == null ? void 0 : S.source) !== void 0 && /* @__PURE__ */ f("span", { children: e.calculationSource(S.source) }, "source"),
+      (S == null ? void 0 : S.asOf) !== void 0 && (S.ages !== void 0 ? /* @__PURE__ */ f(pt, { asOf: S.asOf, ages: S.ages }, "asOf") : /* @__PURE__ */ f("span", { children: e.asOfAgo(i.dateTime(new Date(S.asOf), !1)) }, "asOf")),
+      !c && o.aside !== void 0 && /* @__PURE__ */ f("span", { children: o.aside }, "aside")
+    ].filter(Boolean), he = A ? "result" : o.interim && !c && r.flat ? "interim" : void 0, ae = /* @__PURE__ */ k(
       "div",
       {
         className: p.line,
@@ -296,18 +296,18 @@ function vt({ children: t, className: n, style: v, ...m }) {
         "data-kind": he,
         "data-foldable": I ? "" : void 0,
         "data-reference": c ? "" : void 0,
-        "data-mark": T(s, r.parent),
-        onPointerEnter: () => b(s),
-        onPointerLeave: () => b(null),
-        onFocus: () => b(s),
-        onBlur: () => b(null),
+        "data-mark": T(a, r.parent),
+        onPointerEnter: () => _(a),
+        onPointerLeave: () => _(null),
+        onFocus: () => _(a),
+        onBlur: () => _(null),
         onClick: I ? () => {
           var P;
-          (P = window.getSelection()) != null && P.toString() || l(s);
+          (P = window.getSelection()) != null && P.toString() || l(a);
         } : void 0,
         children: [
-          /* @__PURE__ */ f($e, { children: [
-            w.sentence,
+          /* @__PURE__ */ f(be, { children: [
+            N.sentence,
             u.approximate && e.calculationApproximateNote,
             D !== void 0 && e.calculationWorstInside(H(D, e))
           ].filter(Boolean).join(". ") }),
@@ -319,22 +319,22 @@ function vt({ children: t, className: n, style: v, ...m }) {
                 className: p.disclosure,
                 "aria-expanded": E,
                 "aria-controls": U,
-                "aria-label": (E ? e.calculationHideDerivation : e.calculationShowDerivation)(a.label),
-                children: /* @__PURE__ */ f(Ne, { "data-open": E ? "" : void 0 })
+                "aria-label": (E ? e.calculationHideDerivation : e.calculationShowDerivation)(o.label),
+                children: /* @__PURE__ */ f($e, { "data-open": E ? "" : void 0 })
               }
             ) : /* @__PURE__ */ f("span", { className: p.disclosure, "aria-hidden": "true" }),
-            /* @__PURE__ */ f("span", { className: p.label, "aria-hidden": "true", children: a.label })
+            /* @__PURE__ */ f("span", { className: p.label, "aria-hidden": "true", children: o.label })
           ] }),
-          /* @__PURE__ */ f("span", { className: p.names, "aria-hidden": "true", children: I && !E ? w.names : void 0 }),
+          /* @__PURE__ */ f("span", { className: p.names, "aria-hidden": "true", children: I && !E ? N.names : void 0 }),
           /* @__PURE__ */ f("span", { className: p.operator, "aria-hidden": "true", children: J }),
           /* @__PURE__ */ k("span", { className: p.amount, "aria-hidden": "true", "data-verdict": u.verdict, children: [
             u.approximate && /* @__PURE__ */ f(re, { content: e.calculationApproximateNote, children: /* @__PURE__ */ f("span", { className: p.approximate, children: "≈" }) }),
-            w.amount
+            N.amount
           ] }),
-          /* @__PURE__ */ f("span", { className: p.unit, "aria-hidden": "true", children: w.unit }),
+          /* @__PURE__ */ f("span", { className: p.unit, "aria-hidden": "true", children: N.unit }),
           /* @__PURE__ */ k("span", { className: p.assessment, "aria-hidden": "true", children: [
-            w.reason !== void 0 ? /* @__PURE__ */ f(ie, { children: w.reason }) : u.verdict !== void 0 && /* @__PURE__ */ f(ie, { tone: ut[u.verdict], children: H(u.verdict, e) }),
-            w.target !== void 0 && /* @__PURE__ */ f("span", { className: p.target, children: w.target }),
+            N.reason !== void 0 ? /* @__PURE__ */ f(ie, { children: N.reason }) : u.verdict !== void 0 && /* @__PURE__ */ f(ie, { tone: ut[u.verdict], children: H(u.verdict, e) }),
+            N.target !== void 0 && /* @__PURE__ */ f("span", { className: p.target, children: N.target }),
             D !== void 0 && /* @__PURE__ */ f("span", { className: p.worst, "data-verdict": D, children: e.calculationWorstInside(H(D, e)) })
           ] }),
           ne.length > 0 && /* A click here - on a link in the aside, on a sparkline - is the
@@ -347,12 +347,12 @@ function vt({ children: t, className: n, style: v, ...m }) {
       ...L,
       /* @__PURE__ */ k("li", { className: p.item, children: [
         /* @__PURE__ */ f("ul", { className: p.list, children: M }),
-        se
-      ] }, _)
+        ae
+      ] }, w)
     ] : [
       ...L,
       /* @__PURE__ */ k("li", { className: p.item, "data-open": E ? "" : void 0, style: { "--depth": r.depth }, children: [
-        se,
+        ae,
         I && /* @__PURE__ */ k("ul", { id: U, className: p.derivation, hidden: !E, children: [
           z,
           M,
@@ -363,33 +363,33 @@ function vt({ children: t, className: n, style: v, ...m }) {
               style: { "--depth": F.depth },
               "data-inner": "",
               "data-closing": "",
-              "data-mark": g === s ? "use" : void 0,
+              "data-mark": g === a ? "use" : void 0,
               children: [
                 /* @__PURE__ */ k("span", { className: p.labelCell, children: [
                   /* @__PURE__ */ f("span", { className: p.disclosure }),
                   /* @__PURE__ */ k("span", { className: p.label, children: [
                     "= ",
-                    a.label
+                    o.label
                   ] })
                 ] }),
                 /* @__PURE__ */ f("span", { className: p.names }),
                 /* @__PURE__ */ f("span", { className: p.operator }),
                 /* @__PURE__ */ k("span", { className: p.amount, "data-verdict": u.verdict, children: [
                   u.approximate && /* @__PURE__ */ f(re, { content: e.calculationApproximateNote, children: /* @__PURE__ */ f("span", { className: p.approximate, children: "≈" }) }),
-                  w.amount
+                  N.amount
                 ] }),
-                /* @__PURE__ */ f("span", { className: p.unit, children: w.unit })
+                /* @__PURE__ */ f("span", { className: p.unit, children: N.unit })
               ]
             }
           ) })
         ] })
-      ] }, _)
+      ] }, w)
     ];
-  }, x = N(o.result, !1, { depth: 0, flat: !0, parent: null }, "r");
+  }, O = $(s.result, !1, { depth: 0, flat: !0, parent: null }, "r");
   return (
     /* The frame is the surface and the container the layout measures itself
        against; the list inside it is the statement. */
-    /* @__PURE__ */ f("div", { className: dt(p.frame, n), style: v, "data-still": q ? void 0 : "", children: /* @__PURE__ */ f("ul", { className: p.calculation, ...m, children: x }) })
+    /* @__PURE__ */ f("div", { className: dt(p.frame, n), style: v, "data-still": x ? void 0 : "", children: /* @__PURE__ */ f("ul", { className: p.calculation, ...m, children: O }) })
   );
 }
 export {
@@ -397,7 +397,7 @@ export {
   Ie as Chain,
   ke as Difference,
   Ee as DividedBy,
-  Se as Given,
+  qe as Given,
   Y as Interim,
   Pe as Minus,
   Me as Plus,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umriss-ui/calculation",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "The umriss calculation - a derivation written as it is shown, evaluated by the library, folded and read line by line.",
   "license": "MIT",
   "author": "Roman Händler",
@@ -44,7 +44,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@umriss-ui/core": "^0.7.0"
+    "@umriss-ui/core": "^0.8.0"
   },
   "devDependencies": {
     "@fontsource/geist-mono": "^5.3.0",
@@ -58,8 +58,8 @@
     "typescript": "^5.6.3",
     "vite": "^6.0.0",
     "vite-plugin-dts": "^4.3.0",
-    "@umriss-ui/core": "0.7.0",
-    "@umriss-ui/demo": "0.0.0"
+    "@umriss-ui/demo": "0.0.0",
+    "@umriss-ui/core": "0.8.0"
   },
   "scripts": {
     "props": "node --disable-warning=ExperimentalWarning --experimental-strip-types demo/props.ts",