@umriss-ui/calculation 0.3.4 → 0.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -11,6 +11,24 @@ under a heading "Changed" of its own, no matter which digit rose.
11
11
 
12
12
  ---
13
13
 
14
+ ## 0.3.6 – Core 0.15.0 (Sep. 2026)
15
+
16
+ Needs `@umriss-ui/core` 0.15; the peer range moves to `^0.15.0`. Nothing else changes for a caller.
17
+
18
+ ---
19
+
20
+ ## 0.3.5 – Found by search (Sep. 2026)
21
+
22
+ ### Fixed
23
+
24
+ - **The package's description and keywords say what it is in the words a
25
+ search uses**, and the demo it links to addresses every page by a path
26
+ (`…/calculation/<page>/`) instead of a hash, with the page's text readable before
27
+ the demo starts. Old `#/<page>` links still land. Nothing in the package's
28
+ code changed.
29
+
30
+ ---
31
+
14
32
  ## 0.3.4 – Core 0.14.0 (Sep. 2026)
15
33
 
16
34
  Needs `@umriss-ui/core` 0.14; the peer range moves to `^0.14.0`. Nothing else changes for a caller.
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @umriss-ui/calculation
2
2
 
3
- A calculation a reader can follow and redo. A screen shows a figure — an
3
+ A React calculation view: a calculation a reader can follow and redo. A screen shows a figure — an
4
4
  availability of 99.9 %, a cost per tour, an invoice total — and this package
5
5
  shows how it came about, as a
6
6
  statement of account: the operator before each number, the final result above a
@@ -1 +1 @@
1
- @layer umriss.tokens,umriss.base,umriss.components;@layer umriss.base{._text_k1tvc_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_k1tvc_34{caret-color:var(--u-color-accent)}._scroll_k1tvc_40{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--u-color-text) 25%,transparent) transparent}._scroll_k1tvc_40::-webkit-scrollbar{width:10px;height:10px}._scroll_k1tvc_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_k1tvc_40::-webkit-scrollbar-track{background:transparent}}@layer umriss.components{._ring_k1tvc_69:focus-visible{outline:2px solid transparent;box-shadow:var(--u-focus-ring)}@media(pointer:coarse){._field_k1tvc_34._field_k1tvc_34{font-size:16px}}._field_k1tvc_34:-webkit-autofill,._field_k1tvc_34:-webkit-autofill:hover,._field_k1tvc_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_1ydwt_21,._frame_1ydwt_21:before,._frame_1ydwt_21:after{box-sizing:border-box}._calculation_1ydwt_40,._calculation_1ydwt_40:before,._calculation_1ydwt_40:after{box-sizing:border-box}._disclosure_1ydwt_54,._disclosure_1ydwt_54:before,._disclosure_1ydwt_54:after{box-sizing:border-box}._list_1ydwt_58,._list_1ydwt_58:before,._list_1ydwt_58:after{box-sizing:border-box}._item_1ydwt_59,._item_1ydwt_59:before,._item_1ydwt_59:after{box-sizing:border-box}._derivation_1ydwt_60,._derivation_1ydwt_60:before,._derivation_1ydwt_60:after{box-sizing:border-box}._line_1ydwt_110,._line_1ydwt_110:before,._line_1ydwt_110:after{box-sizing:border-box}._labelCell_1ydwt_152,._labelCell_1ydwt_152:before,._labelCell_1ydwt_152:after{box-sizing:border-box}._names_1ydwt_153,._names_1ydwt_153:before,._names_1ydwt_153:after{box-sizing:border-box}._operator_1ydwt_154,._operator_1ydwt_154:before,._operator_1ydwt_154:after{box-sizing:border-box}._amount_1ydwt_155,._amount_1ydwt_155:before,._amount_1ydwt_155:after{box-sizing:border-box}._unit_1ydwt_156,._unit_1ydwt_156:before,._unit_1ydwt_156:after{box-sizing:border-box}._assessment_1ydwt_157,._assessment_1ydwt_157:before,._assessment_1ydwt_157:after{box-sizing:border-box}._label_1ydwt_152,._label_1ydwt_152:before,._label_1ydwt_152:after{box-sizing:border-box}._approximate_1ydwt_275,._approximate_1ydwt_275:before,._approximate_1ydwt_275:after{box-sizing:border-box}._target_1ydwt_303,._target_1ydwt_303:before,._target_1ydwt_303:after{box-sizing:border-box}._worst_1ydwt_304,._worst_1ydwt_304:before,._worst_1ydwt_304:after{box-sizing:border-box}._notes_1ydwt_396,._notes_1ydwt_396:before,._notes_1ydwt_396:after{box-sizing:border-box}._freshness_1ydwt_410,._freshness_1ydwt_410:before,._freshness_1ydwt_410:after{box-sizing:border-box}._frame_1ydwt_21{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:hidden;--disclosure-size: 20px;--disclosure-gap: var(--u-space-2);container-type:inline-size;width:100%}._calculation_1ydwt_40{display:grid;grid-template-columns:fit-content(22rem) minmax(0,1fr) auto auto auto auto;margin:0;padding:0;list-style:none}._frame_1ydwt_21[data-still]{--disclosure-size: 0px;--disclosure-gap: 0px}._frame_1ydwt_21[data-still] ._disclosure_1ydwt_54{display:none}._list_1ydwt_58,._item_1ydwt_59,._derivation_1ydwt_60{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;margin:0;padding:0;list-style:none}._derivation_1ydwt_60[hidden]{display:none}._derivation_1ydwt_60:not([hidden]){animation:_derivationIn_1ydwt_1 var(--u-duration-fast) var(--u-ease-out)}@keyframes _derivationIn_1ydwt_1{0%{opacity:0}}._item_1ydwt_59{--fall: calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5) + var(--disclosure-size) / 2 - 1px)}._derivation_1ydwt_60{position:relative}._derivation_1ydwt_60: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_1ydwt_60)>._item_1ydwt_59[data-open]>._line_1ydwt_110:not([data-mark]),:not(._derivation_1ydwt_60)>._item_1ydwt_59>._derivation_1ydwt_60{background-color:var(--u-color-surface-sunken)}._derivation_1ydwt_60 ._line_1ydwt_110{border-top-color:transparent}._line_1ydwt_110{position:relative;display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline;border-top:1px solid var(--u-hairline)}._calculation_1ydwt_40>._item_1ydwt_59:first-child>._line_1ydwt_110:first-child,._calculation_1ydwt_40>._item_1ydwt_59:first-child>._list_1ydwt_58>._item_1ydwt_59:first-child>._line_1ydwt_110{border-top-color:transparent}._line_1ydwt_110[data-foldable]{cursor:pointer}._line_1ydwt_110[data-mark]{background:color-mix(in srgb,var(--u-color-accent-subtle) 50%,transparent)}._line_1ydwt_110[data-mark=use]{background:var(--u-color-accent-subtle)}._labelCell_1ydwt_152,._names_1ydwt_153,._operator_1ydwt_154,._amount_1ydwt_155,._unit_1ydwt_156,._assessment_1ydwt_157{grid-row:1;padding-top:var(--u-space-2);padding-bottom:var(--u-space-2)}._labelCell_1ydwt_152{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_1ydwt_152{min-width:0;color:var(--u-color-text)}._line_1ydwt_110[data-reference] ._label_1ydwt_152{font-style:italic;color:var(--u-color-text-secondary)}._disclosure_1ydwt_54{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_1ydwt_54{box-sizing:border-box}button._disclosure_1ydwt_54{cursor:pointer}button._disclosure_1ydwt_54:hover,._line_1ydwt_110[data-foldable]:hover button._disclosure_1ydwt_54{box-sizing:border-box}button._disclosure_1ydwt_54:hover,._line_1ydwt_110[data-foldable]:hover button._disclosure_1ydwt_54{background:var(--u-color-surface-sunken);color:var(--u-color-text)}button._disclosure_1ydwt_54:active,._line_1ydwt_110[data-foldable]:active button._disclosure_1ydwt_54{box-sizing:border-box}button._disclosure_1ydwt_54:active,._line_1ydwt_110[data-foldable]:active button._disclosure_1ydwt_54{background:var(--u-color-surface-pressed)}._item_1ydwt_59[data-open]>._line_1ydwt_110 button._disclosure_1ydwt_54{box-sizing:border-box}._item_1ydwt_59[data-open]>._line_1ydwt_110 button._disclosure_1ydwt_54{color:var(--u-color-accent)}button._disclosure_1ydwt_54:focus-visible{box-sizing:border-box}button._disclosure_1ydwt_54:focus-visible{outline:2px solid transparent;box-shadow:var(--u-focus-ring)}._disclosure_1ydwt_54 svg{box-sizing:border-box}._disclosure_1ydwt_54 svg{transition:transform var(--u-transition-path)}._disclosure_1ydwt_54 svg[data-open]{box-sizing:border-box}._disclosure_1ydwt_54 svg[data-open]{transform:rotate(90deg)}._names_1ydwt_153{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_1ydwt_154,._amount_1ydwt_155,._unit_1ydwt_156{font-family:var(--u-font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}._operator_1ydwt_154{grid-column:3;padding-right:var(--u-space-3);text-align:right;color:var(--u-color-text-secondary)}._amount_1ydwt_155{grid-column:4;text-align:right;color:var(--u-color-text)}._amount_1ydwt_155[data-verdict=unknown]{color:var(--u-color-text-secondary)}._approximate_1ydwt_275{display:inline-block;margin-right:var(--u-space-1);color:var(--u-color-text-secondary);cursor:help}._unit_1ydwt_156{grid-column:5;padding-left:var(--u-space-1);padding-right:var(--u-space-3);color:var(--u-color-text-secondary)}._assessment_1ydwt_157{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_1ydwt_157:empty{padding-right:0}._target_1ydwt_303,._worst_1ydwt_304{font-size:var(--u-text-xs);color:var(--u-color-text-secondary)}._worst_1ydwt_304:before{content:"● "}._worst_1ydwt_304[data-verdict=unknown]:before{color:var(--u-color-text-muted)}._worst_1ydwt_304[data-verdict=warning]:before{color:var(--u-color-warning)}._worst_1ydwt_304[data-verdict=alarm]:before{color:var(--u-color-danger-text)}._line_1ydwt_110[data-inner]>._amount_1ydwt_155{color:var(--u-color-text-secondary)}._line_1ydwt_110[data-kind=interim] ._label_1ydwt_152,._line_1ydwt_110[data-kind=interim]>._amount_1ydwt_155{font-weight:var(--u-weight-medium)}._line_1ydwt_110[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_1ydwt_110[data-closing] ._label_1ydwt_152{font-weight:var(--u-weight-medium);color:var(--u-color-text-secondary)}._line_1ydwt_110[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_1ydwt_110[data-kind=result]{border-top:1px solid var(--u-edge-color-strong)}._line_1ydwt_110[data-kind=result]:not([data-mark]){background:var(--u-color-surface-sunken)}._line_1ydwt_110[data-kind=result] ._label_1ydwt_152{font-weight:var(--u-weight-semibold)}._line_1ydwt_110[data-kind=result]>._amount_1ydwt_155{font-size:var(--u-text-md);font-weight:var(--u-weight-semibold)}._line_1ydwt_110[data-kind=result]>._amount_1ydwt_155:not([data-verdict=unknown]){text-decoration-line:underline;text-decoration-style:double;text-underline-offset:5px}._notes_1ydwt_396{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_1ydwt_410[data-freshness=stale]{color:var(--u-color-warning)}._freshness_1ydwt_410[data-freshness=lost]{color:var(--u-color-danger-text);font-weight:var(--u-weight-medium)}@container (max-width: 34rem){._calculation_1ydwt_40{grid-template-columns:minmax(0,1fr) 0 auto auto auto 0}._names_1ydwt_153{display:none}._labelCell_1ydwt_152{padding-right:var(--u-space-3)}._assessment_1ydwt_157: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_1ydwt_396{grid-row:3;grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){._disclosure_1ydwt_54 svg{transition:none}._derivation_1ydwt_60:not([hidden]){animation:none}}@media(forced-colors:active){._line_1ydwt_110[data-mark]{outline:1px solid Highlight;outline-offset:-1px}._line_1ydwt_110[data-mark=use]{outline-width:2px;outline-offset:-2px}._derivation_1ydwt_60:before{background:CanvasText}}}
1
+ @layer umriss.tokens,umriss.base,umriss.components;@layer umriss.base{._text_ocaqi_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_ocaqi_39{--u-control-height-sm: var(--u-control-height-xs)}}._field_ocaqi_46{caret-color:var(--u-color-accent)}._scroll_ocaqi_52{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--u-color-text) 25%,transparent) transparent}._scroll_ocaqi_52::-webkit-scrollbar{width:10px;height:10px}._scroll_ocaqi_52::-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_ocaqi_52::-webkit-scrollbar-track{background:transparent}}@layer umriss.components{._ring_ocaqi_81:focus-visible{outline:2px solid transparent;box-shadow:var(--u-focus-ring)}@media(pointer:coarse){._field_ocaqi_46._field_ocaqi_46{font-size:16px}}._field_ocaqi_46:-webkit-autofill,._field_ocaqi_46:-webkit-autofill:hover,._field_ocaqi_46:-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_1ydwt_21,._frame_1ydwt_21:before,._frame_1ydwt_21:after{box-sizing:border-box}._calculation_1ydwt_40,._calculation_1ydwt_40:before,._calculation_1ydwt_40:after{box-sizing:border-box}._disclosure_1ydwt_54,._disclosure_1ydwt_54:before,._disclosure_1ydwt_54:after{box-sizing:border-box}._list_1ydwt_58,._list_1ydwt_58:before,._list_1ydwt_58:after{box-sizing:border-box}._item_1ydwt_59,._item_1ydwt_59:before,._item_1ydwt_59:after{box-sizing:border-box}._derivation_1ydwt_60,._derivation_1ydwt_60:before,._derivation_1ydwt_60:after{box-sizing:border-box}._line_1ydwt_110,._line_1ydwt_110:before,._line_1ydwt_110:after{box-sizing:border-box}._labelCell_1ydwt_152,._labelCell_1ydwt_152:before,._labelCell_1ydwt_152:after{box-sizing:border-box}._names_1ydwt_153,._names_1ydwt_153:before,._names_1ydwt_153:after{box-sizing:border-box}._operator_1ydwt_154,._operator_1ydwt_154:before,._operator_1ydwt_154:after{box-sizing:border-box}._amount_1ydwt_155,._amount_1ydwt_155:before,._amount_1ydwt_155:after{box-sizing:border-box}._unit_1ydwt_156,._unit_1ydwt_156:before,._unit_1ydwt_156:after{box-sizing:border-box}._assessment_1ydwt_157,._assessment_1ydwt_157:before,._assessment_1ydwt_157:after{box-sizing:border-box}._label_1ydwt_152,._label_1ydwt_152:before,._label_1ydwt_152:after{box-sizing:border-box}._approximate_1ydwt_275,._approximate_1ydwt_275:before,._approximate_1ydwt_275:after{box-sizing:border-box}._target_1ydwt_303,._target_1ydwt_303:before,._target_1ydwt_303:after{box-sizing:border-box}._worst_1ydwt_304,._worst_1ydwt_304:before,._worst_1ydwt_304:after{box-sizing:border-box}._notes_1ydwt_396,._notes_1ydwt_396:before,._notes_1ydwt_396:after{box-sizing:border-box}._freshness_1ydwt_410,._freshness_1ydwt_410:before,._freshness_1ydwt_410:after{box-sizing:border-box}._frame_1ydwt_21{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:hidden;--disclosure-size: 20px;--disclosure-gap: var(--u-space-2);container-type:inline-size;width:100%}._calculation_1ydwt_40{display:grid;grid-template-columns:fit-content(22rem) minmax(0,1fr) auto auto auto auto;margin:0;padding:0;list-style:none}._frame_1ydwt_21[data-still]{--disclosure-size: 0px;--disclosure-gap: 0px}._frame_1ydwt_21[data-still] ._disclosure_1ydwt_54{display:none}._list_1ydwt_58,._item_1ydwt_59,._derivation_1ydwt_60{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;margin:0;padding:0;list-style:none}._derivation_1ydwt_60[hidden]{display:none}._derivation_1ydwt_60:not([hidden]){animation:_derivationIn_1ydwt_1 var(--u-duration-fast) var(--u-ease-out)}@keyframes _derivationIn_1ydwt_1{0%{opacity:0}}._item_1ydwt_59{--fall: calc(var(--u-space-3) + var(--depth, 0) * var(--u-space-5) + var(--disclosure-size) / 2 - 1px)}._derivation_1ydwt_60{position:relative}._derivation_1ydwt_60: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_1ydwt_60)>._item_1ydwt_59[data-open]>._line_1ydwt_110:not([data-mark]),:not(._derivation_1ydwt_60)>._item_1ydwt_59>._derivation_1ydwt_60{background-color:var(--u-color-surface-sunken)}._derivation_1ydwt_60 ._line_1ydwt_110{border-top-color:transparent}._line_1ydwt_110{position:relative;display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline;border-top:1px solid var(--u-hairline)}._calculation_1ydwt_40>._item_1ydwt_59:first-child>._line_1ydwt_110:first-child,._calculation_1ydwt_40>._item_1ydwt_59:first-child>._list_1ydwt_58>._item_1ydwt_59:first-child>._line_1ydwt_110{border-top-color:transparent}._line_1ydwt_110[data-foldable]{cursor:pointer}._line_1ydwt_110[data-mark]{background:color-mix(in srgb,var(--u-color-accent-subtle) 50%,transparent)}._line_1ydwt_110[data-mark=use]{background:var(--u-color-accent-subtle)}._labelCell_1ydwt_152,._names_1ydwt_153,._operator_1ydwt_154,._amount_1ydwt_155,._unit_1ydwt_156,._assessment_1ydwt_157{grid-row:1;padding-top:var(--u-space-2);padding-bottom:var(--u-space-2)}._labelCell_1ydwt_152{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_1ydwt_152{min-width:0;color:var(--u-color-text)}._line_1ydwt_110[data-reference] ._label_1ydwt_152{font-style:italic;color:var(--u-color-text-secondary)}._disclosure_1ydwt_54{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_1ydwt_54{box-sizing:border-box}button._disclosure_1ydwt_54{cursor:pointer}button._disclosure_1ydwt_54:hover,._line_1ydwt_110[data-foldable]:hover button._disclosure_1ydwt_54{box-sizing:border-box}button._disclosure_1ydwt_54:hover,._line_1ydwt_110[data-foldable]:hover button._disclosure_1ydwt_54{background:var(--u-color-surface-sunken);color:var(--u-color-text)}button._disclosure_1ydwt_54:active,._line_1ydwt_110[data-foldable]:active button._disclosure_1ydwt_54{box-sizing:border-box}button._disclosure_1ydwt_54:active,._line_1ydwt_110[data-foldable]:active button._disclosure_1ydwt_54{background:var(--u-color-surface-pressed)}._item_1ydwt_59[data-open]>._line_1ydwt_110 button._disclosure_1ydwt_54{box-sizing:border-box}._item_1ydwt_59[data-open]>._line_1ydwt_110 button._disclosure_1ydwt_54{color:var(--u-color-accent)}button._disclosure_1ydwt_54:focus-visible{box-sizing:border-box}button._disclosure_1ydwt_54:focus-visible{outline:2px solid transparent;box-shadow:var(--u-focus-ring)}._disclosure_1ydwt_54 svg{box-sizing:border-box}._disclosure_1ydwt_54 svg{transition:transform var(--u-transition-path)}._disclosure_1ydwt_54 svg[data-open]{box-sizing:border-box}._disclosure_1ydwt_54 svg[data-open]{transform:rotate(90deg)}._names_1ydwt_153{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_1ydwt_154,._amount_1ydwt_155,._unit_1ydwt_156{font-family:var(--u-font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}._operator_1ydwt_154{grid-column:3;padding-right:var(--u-space-3);text-align:right;color:var(--u-color-text-secondary)}._amount_1ydwt_155{grid-column:4;text-align:right;color:var(--u-color-text)}._amount_1ydwt_155[data-verdict=unknown]{color:var(--u-color-text-secondary)}._approximate_1ydwt_275{display:inline-block;margin-right:var(--u-space-1);color:var(--u-color-text-secondary);cursor:help}._unit_1ydwt_156{grid-column:5;padding-left:var(--u-space-1);padding-right:var(--u-space-3);color:var(--u-color-text-secondary)}._assessment_1ydwt_157{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_1ydwt_157:empty{padding-right:0}._target_1ydwt_303,._worst_1ydwt_304{font-size:var(--u-text-xs);color:var(--u-color-text-secondary)}._worst_1ydwt_304:before{content:"● "}._worst_1ydwt_304[data-verdict=unknown]:before{color:var(--u-color-text-muted)}._worst_1ydwt_304[data-verdict=warning]:before{color:var(--u-color-warning)}._worst_1ydwt_304[data-verdict=alarm]:before{color:var(--u-color-danger-text)}._line_1ydwt_110[data-inner]>._amount_1ydwt_155{color:var(--u-color-text-secondary)}._line_1ydwt_110[data-kind=interim] ._label_1ydwt_152,._line_1ydwt_110[data-kind=interim]>._amount_1ydwt_155{font-weight:var(--u-weight-medium)}._line_1ydwt_110[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_1ydwt_110[data-closing] ._label_1ydwt_152{font-weight:var(--u-weight-medium);color:var(--u-color-text-secondary)}._line_1ydwt_110[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_1ydwt_110[data-kind=result]{border-top:1px solid var(--u-edge-color-strong)}._line_1ydwt_110[data-kind=result]:not([data-mark]){background:var(--u-color-surface-sunken)}._line_1ydwt_110[data-kind=result] ._label_1ydwt_152{font-weight:var(--u-weight-semibold)}._line_1ydwt_110[data-kind=result]>._amount_1ydwt_155{font-size:var(--u-text-md);font-weight:var(--u-weight-semibold)}._line_1ydwt_110[data-kind=result]>._amount_1ydwt_155:not([data-verdict=unknown]){text-decoration-line:underline;text-decoration-style:double;text-underline-offset:5px}._notes_1ydwt_396{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_1ydwt_410[data-freshness=stale]{color:var(--u-color-warning)}._freshness_1ydwt_410[data-freshness=lost]{color:var(--u-color-danger-text);font-weight:var(--u-weight-medium)}@container (max-width: 34rem){._calculation_1ydwt_40{grid-template-columns:minmax(0,1fr) 0 auto auto auto 0}._names_1ydwt_153{display:none}._labelCell_1ydwt_152{padding-right:var(--u-space-3)}._assessment_1ydwt_157: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_1ydwt_396{grid-row:3;grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){._disclosure_1ydwt_54 svg{transition:none}._derivation_1ydwt_60:not([hidden]){animation:none}}@media(forced-colors:active){._line_1ydwt_110[data-mark]{outline:1px solid Highlight;outline-offset:-1px}._line_1ydwt_110[data-mark=use]{outline-width:2px;outline-offset:-2px}._derivation_1ydwt_60:before{background:CanvasText}}}
@@ -243,7 +243,7 @@ function Le(t, n, v, m, i, e, h) {
243
243
  ].filter(Boolean).join(", "), l = N.shown === null ? void 0 : o.format === "percent" ? "%" : o.unit;
244
244
  return { amount: N.shown === null ? e.statAbsentValue : i.number(N.shown, o.decimals), unit: l, names: c, target: g(!1), reason: x, sentence: a };
245
245
  }
246
- const Ve = "_frame_1ydwt_21 _text_k1tvc_23", Ge = "_calculation_1ydwt_40", He = "_disclosure_1ydwt_54", Ke = "_list_1ydwt_58", ze = "_item_1ydwt_59", Je = "_derivation_1ydwt_60", Ye = "_line_1ydwt_110", Ze = "_labelCell_1ydwt_152", Xe = "_names_1ydwt_153", et = "_operator_1ydwt_154", tt = "_amount_1ydwt_155", nt = "_unit_1ydwt_156", at = "_assessment_1ydwt_157", st = "_label_1ydwt_152", ot = "_approximate_1ydwt_275", rt = "_target_1ydwt_303", it = "_worst_1ydwt_304", ct = "_notes_1ydwt_396", lt = "_freshness_1ydwt_410", p = {
246
+ const Ve = "_frame_1ydwt_21 _text_ocaqi_23", Ge = "_calculation_1ydwt_40", He = "_disclosure_1ydwt_54", Ke = "_list_1ydwt_58", ze = "_item_1ydwt_59", Je = "_derivation_1ydwt_60", Ye = "_line_1ydwt_110", Ze = "_labelCell_1ydwt_152", Xe = "_names_1ydwt_153", et = "_operator_1ydwt_154", tt = "_amount_1ydwt_155", nt = "_unit_1ydwt_156", at = "_assessment_1ydwt_157", st = "_label_1ydwt_152", ot = "_approximate_1ydwt_275", rt = "_target_1ydwt_303", it = "_worst_1ydwt_304", ct = "_notes_1ydwt_396", lt = "_freshness_1ydwt_410", p = {
247
247
  frame: Ve,
248
248
  calculation: Ge,
249
249
  disclosure: He,
package/docs/llms-full.md CHANGED
@@ -1,6 +1,6 @@
1
- # @umriss-ui/calculation 0.3.4
1
+ # @umriss-ui/calculation 0.3.6
2
2
 
3
- > The umriss calculation for data-dense applications - a derivation written as it is shown, evaluated by the library, folded and read line by line.
3
+ > React calculation view for data-dense applications - a derivation written as it is shown, evaluated by the library, folded and read line by line.
4
4
 
5
5
  Install with `pnpm add @umriss-ui/calculation`. This text is generated from the package's demo (https://romanhaendler.github.io/umriss-ui/calculation/): every page with its import line, its examples - the source exactly as it runs, with the package name where the demo imports its own source - its props tables generated from the code, and what it deliberately does not do. The pages index stands in https://romanhaendler.github.io/umriss-ui/calculation/llms.txt.
6
6
 
@@ -532,7 +532,7 @@ Show a figure together with how it came about (a derivation, a statement of acco
532
532
  import { Calculation, Given, Difference, Quotient, Ref } from "@umriss-ui/calculation";
533
533
  ```
534
534
 
535
- Demo page: https://romanhaendler.github.io/umriss-ui/calculation/#/installation
535
+ Demo page: https://romanhaendler.github.io/umriss-ui/calculation/installation/
536
536
 
537
537
  Install with `pnpm add @umriss-ui/calculation @umriss-ui/core`; core is a peer dependency and brings formats, wording and the assessment of targets and limits. React 18 or 19 as a peer as well.
538
538
 
@@ -576,7 +576,7 @@ Lets a reader follow and redo a figure: each line a quantity with its operator,
576
576
  import { Calculation, Given, Sum, Product, Quotient, Ref, Chain, Plus, Interim } from "@umriss-ui/calculation";
577
577
  ```
578
578
 
579
- Demo page: https://romanhaendler.github.io/umriss-ui/calculation/#/calculation
579
+ Demo page: https://romanhaendler.github.io/umriss-ui/calculation/calculation/
580
580
 
581
581
  There is no prop for a result. Every derived number is computed with the operator its line names, at full precision; only the screen rounds.
582
582
 
@@ -724,7 +724,7 @@ Sum, difference, product and quotient, each holding its operands: the form for a
724
724
  import { Sum, Difference, Product, Quotient, Ref } from "@umriss-ui/calculation";
725
725
  ```
726
726
 
727
- Demo page: https://romanhaendler.github.io/umriss-ui/calculation/#/tree
727
+ Demo page: https://romanhaendler.github.io/umriss-ui/calculation/tree/
728
728
 
729
729
  `Sum`, `Product` and `Difference` (a − b − c) take two or more operands, `Quotient` exactly two. A quantity used twice is defined once with an `id` and stands elsewhere as a `Ref`, which shows its name and number but never its derivation again.
730
730
 
@@ -917,7 +917,7 @@ A sheet read top to bottom (a running calculation): each line worked into the va
917
917
  import { Chain, Plus, Minus, Times, DividedBy, Interim } from "@umriss-ui/calculation";
918
918
  ```
919
919
 
920
- Demo page: https://romanhaendler.github.io/umriss-ui/calculation/#/chain
920
+ Demo page: https://romanhaendler.github.io/umriss-ui/calculation/chain/
921
921
 
922
922
  A chain has no precedence: every line works into the value before it, strictly in order. So `Times` and `DividedBy` stand alone between two named values; anything else fails on the first render.
923
923
 
@@ -1194,7 +1194,7 @@ The numbers a calculation starts from (inputs, leaves): where they came from, wh
1194
1194
  import { Given } from "@umriss-ui/calculation";
1195
1195
  ```
1196
1196
 
1197
- Demo page: https://romanhaendler.github.io/umriss-ui/calculation/#/given
1197
+ Demo page: https://romanhaendler.github.io/umriss-ui/calculation/given/
1198
1198
 
1199
1199
  A given with `asOf` and `ages` carries a freshness through core, as a `Stat` does – beside the number, never instead of its verdict. There are no default ages.
1200
1200
 
@@ -1313,7 +1313,7 @@ A number not there yet, a division by zero, rounded figures that do not add up,
1313
1313
  import { Calculation } from "@umriss-ui/calculation";
1314
1314
  ```
1315
1315
 
1316
- Demo page: https://romanhaendler.github.io/umriss-ui/calculation/#/what-can-go-wrong
1316
+ Demo page: https://romanhaendler.github.io/umriss-ui/calculation/what-can-go-wrong/
1317
1317
 
1318
1318
  An absent given is never zero: every quantity that depends on it is absent too, with the reason, up to the result. A quotient by zero is absent with its own reason.
1319
1319
 
@@ -1441,7 +1441,7 @@ Whole figures as a screen shows them: the cost per stop of a day's tours, invoic
1441
1441
  import { Calculation, Chain, Given, Ref } from "@umriss-ui/calculation";
1442
1442
  ```
1443
1443
 
1444
- Demo page: https://romanhaendler.github.io/umriss-ui/calculation/#/worked-examples
1444
+ Demo page: https://romanhaendler.github.io/umriss-ui/calculation/worked-examples/
1445
1445
 
1446
1446
  #### Examples
1447
1447
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@umriss-ui/calculation",
3
- "version": "0.3.4",
4
- "description": "The umriss calculation for data-dense applications - a derivation written as it is shown, evaluated by the library, folded and read line by line.",
3
+ "version": "0.3.6",
4
+ "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.",
5
5
  "license": "MIT",
6
6
  "author": "Roman Händler",
7
7
  "homepage": "https://romanhaendler.github.io/umriss-ui/calculation/",
@@ -15,11 +15,13 @@
15
15
  },
16
16
  "keywords": [
17
17
  "react",
18
- "components",
19
- "ui",
20
- "umriss",
18
+ "react-components",
21
19
  "calculation",
22
- "derivation"
20
+ "derivation",
21
+ "formula",
22
+ "explainable",
23
+ "typescript",
24
+ "umriss"
23
25
  ],
24
26
  "type": "module",
25
27
  "files": [
@@ -45,7 +47,7 @@
45
47
  "peerDependencies": {
46
48
  "react": ">=18",
47
49
  "react-dom": ">=18",
48
- "@umriss-ui/core": "^0.14.0"
50
+ "@umriss-ui/core": "^0.15.0"
49
51
  },
50
52
  "devDependencies": {
51
53
  "@fontsource/geist-mono": "^5.3.0",
@@ -59,8 +61,8 @@
59
61
  "typescript": "^5.6.3",
60
62
  "vite": "^6.0.0",
61
63
  "vite-plugin-dts": "^4.3.0",
62
- "@umriss-ui/core": "0.14.0",
63
- "@umriss-ui/demo": "0.0.0"
64
+ "@umriss-ui/demo": "0.0.0",
65
+ "@umriss-ui/core": "0.15.0"
64
66
  },
65
67
  "scripts": {
66
68
  "props": "node --disable-warning=ExperimentalWarning --experimental-strip-types demo/props.ts",