react-cheminfo 0.37.0 → 0.39.0

package/lib/pedagogy/ui/TutorialStepStrip.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Tag, Tooltip } from '@blueprintjs/core';
+import { Button, Tag } from '@blueprintjs/core';
 import { clamp } from "../../format/core/clamp.js";
 import { useChromeT } from "../../i18n/ui/useT.js";
+import { ActionTooltip } from "../../shared/ui/ActionTooltip.js";
 import { TOKEN } from "../../tokens/core/familyTokens.js";
 import { LEVEL_ORDER } from "./exerciseMeta.js";
 import { HOVER_OPEN_DELAY } from "./pedagogyStyle.js";
@@ -35,12 +36,25 @@ function LevelStrip(props) {
     for (const position of positions) {
         const step = steps[position];
         const active = position === activeIndex;
-        buttons.push(_jsx(Tooltip, { content: step.title, hoverOpenDelay: HOVER_OPEN_DELAY, placement: "bottom", children: _jsx("button", { type: "button", "aria-label": `Step ${position + 1}: ${step.title}`, "aria-current": active ? 'step' : undefined, style: numberStyle(colours, active), onClick: () => {
-                    onSelect(position);
-                }, children: position + 1 }) }, step.id ?? position));
+        buttons.push(_jsx(StepButton, { step: step, position: position, colours: colours, active: active, onSelect: onSelect }, step.id ?? position));
     }
     return (_jsxs("div", { style: { ...STRIP_STYLE, background: colours.background }, children: [_jsx("span", { style: LABEL_STYLE, children: label }), buttons] }));
 }
+/**
+ * One numbered step, naming itself on hover.
+ *
+ * The name is held by {@link ActionTooltip} rather than by Blueprint: pressing
+ * a number within the hover delay would otherwise open the card afterwards,
+ * over the step it has just walked away from.
+ * @param props - The step, where it sits, and what picking it does.
+ * @returns The button.
+ */
+function StepButton(props) {
+    const { step, position, colours, active, onSelect } = props;
+    return (_jsx(ActionTooltip, { content: step.title, delay: HOVER_OPEN_DELAY, placement: "bottom", children: _jsx("button", { type: "button", "aria-label": `Step ${position + 1}: ${step.title}`, "aria-current": active ? 'step' : undefined, style: numberStyle(colours, active), onClick: () => {
+                onSelect(position);
+            }, children: position + 1 }) }));
+}
 function positionsOfLevel(steps, level) {
     const positions = [];
     for (let index = 0; index < steps.length; index++) {

package/lib/pedagogy/ui/TutorialStepStrip.js.map

@@ -1 +1 @@
-{"version":3,"file":"TutorialStepStrip.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/TutorialStepStrip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAG1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAqD7D;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EACX,KAAK,GAAG,IAAI,EACZ,SAAS,EACT,SAAS,GACV,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,MAAM,MAAM,GAAG,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAErD,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,aACzC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACzB,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;gBACjD,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;oBAAE,OAAO,IAAI,CAAC;gBACxC,OAAO,CACL,KAAC,UAAU,IAET,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC,EACtC,KAAK,EAAE,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,EACpC,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,QAAQ,IANb,KAAK,CAOV,CACH,CAAC;YACJ,CAAC,CAAC,EAED,KAAK,IAAI,CACR,eAAK,KAAK,EAAE,WAAW,aACrB,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,cAAc,EACnB,IAAI,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAC5B,QAAQ,EAAE,MAAM,KAAK,CAAC,EACtB,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;wBACvB,CAAC,GACD,EACF,KAAC,GAAG,IAAC,OAAO,QAAC,KAAK,kBACf,CAAC,CAAC,iBAAiB,EAAE;4BACpB,IAAI,EAAE,MAAM,GAAG,CAAC;4BAChB,KAAK,EAAE,KAAK,CAAC,MAAM;yBACpB,CAAC,GACE,EACN,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,eAAe,EACvB,IAAI,EAAE,CAAC,CAAC,eAAe,CAAC,EACxB,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,MAAM,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EACpC,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;wBACvB,CAAC,GACD,EACD,SAAS,KAAK,SAAS,IAAI,CAC1B,eAAM,KAAK,EAAE,UAAU,YAAG,SAAS,GAAQ,CAC5C,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAWD,SAAS,UAAU,CAAC,KAAsB;IACxC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,OAAO,GAAgB,EAAE,CAAC;IAChC,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAsB,CAAC;QAClD,MAAM,MAAM,GAAG,QAAQ,KAAK,WAAW,CAAC;QACxC,OAAO,CAAC,IAAI,CACV,KAAC,OAAO,IAEN,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,cAAc,EAAE,gBAAgB,EAChC,SAAS,EAAC,QAAQ,YAElB,iBACE,IAAI,EAAC,QAAQ,gBACD,QAAQ,QAAQ,GAAG,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,kBACnC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACzC,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,EACnC,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,CAAC,QAAQ,CAAC,CAAC;gBACrB,CAAC,YAEA,QAAQ,GAAG,CAAC,GACN,IAfJ,IAAI,CAAC,EAAE,IAAI,QAAQ,CAgBhB,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE,aAC5D,eAAM,KAAK,EAAE,WAAW,YAAG,KAAK,GAAQ,EACvC,OAAO,IACJ,CACP,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CACvB,KAAmC,EACnC,KAAoB;IAEpB,MAAM,SAAS,GAAa,EAAE,CAAC;IAC/B,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;QAClD,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK;YAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3D,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,UAAU,CAAC,KAAa,EAAE,KAAa;IAC9C,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,WAAW,CAClB,OAA6B,EAC7B,MAAe;IAEf,OAAO;QACL,OAAO,EAAE,aAAa;QACtB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,MAAM;YACZ,CAAC,CAAC,aAAa,KAAK,CAAC,IAAI,EAAE;YAC3B,CAAC,CAAC,+BAA+B;QACnC,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO;QAC7D,SAAS,EAAE,YAAY;QACvB,KAAK,EAAE,KAAK,CAAC,IAAI;QACjB,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,EAAE;QACZ,kBAAkB,EAAE,cAAc;QAClC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;QAC9B,UAAU,EAAE,CAAC;KACd,CAAC;AACJ,CAAC;AAED,qFAAqF;AACrF,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,UAAU,GAAkB;IAChC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,CAAC;IACN,YAAY,EAAE,CAAC;IACf,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,KAAK,CAAC,IAAI;CAClB,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,CAAC;IACN,UAAU,EAAE,CAAC;CACd,CAAC;AAEF,MAAM,UAAU,GAAkB;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS;IACtB,QAAQ,EAAE,EAAE;CACb,CAAC"}
+{"version":3,"file":"TutorialStepStrip.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/TutorialStepStrip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAmC,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAG1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAqD7D;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EACX,KAAK,GAAG,IAAI,EACZ,SAAS,EACT,SAAS,GACV,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,MAAM,MAAM,GAAG,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAErD,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,aACzC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACzB,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;gBACjD,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;oBAAE,OAAO,IAAI,CAAC;gBACxC,OAAO,CACL,KAAC,UAAU,IAET,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC,EACtC,KAAK,EAAE,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,EACpC,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,QAAQ,IANb,KAAK,CAOV,CACH,CAAC;YACJ,CAAC,CAAC,EAED,KAAK,IAAI,CACR,eAAK,KAAK,EAAE,WAAW,aACrB,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,cAAc,EACnB,IAAI,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAC5B,QAAQ,EAAE,MAAM,KAAK,CAAC,EACtB,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;wBACvB,CAAC,GACD,EACF,KAAC,GAAG,IAAC,OAAO,QAAC,KAAK,kBACf,CAAC,CAAC,iBAAiB,EAAE;4BACpB,IAAI,EAAE,MAAM,GAAG,CAAC;4BAChB,KAAK,EAAE,KAAK,CAAC,MAAM;yBACpB,CAAC,GACE,EACN,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,eAAe,EACvB,IAAI,EAAE,CAAC,CAAC,eAAe,CAAC,EACxB,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,MAAM,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EACpC,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;wBACvB,CAAC,GACD,EACD,SAAS,KAAK,SAAS,IAAI,CAC1B,eAAM,KAAK,EAAE,UAAU,YAAG,SAAS,GAAQ,CAC5C,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAWD,SAAS,UAAU,CAAC,KAAsB;IACxC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,OAAO,GAAgB,EAAE,CAAC;IAChC,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAsB,CAAC;QAClD,MAAM,MAAM,GAAG,QAAQ,KAAK,WAAW,CAAC;QACxC,OAAO,CAAC,IAAI,CACV,KAAC,UAAU,IAET,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,IALb,IAAI,CAAC,EAAE,IAAI,QAAQ,CAMxB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE,aAC5D,eAAM,KAAK,EAAE,WAAW,YAAG,KAAK,GAAQ,EACvC,OAAO,IACJ,CACP,CAAC;AACJ,CAAC;AAUD;;;;;;;;GAQG;AACH,SAAS,UAAU,CAAC,KAAsB;IACxC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5D,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,KAAK,EAAE,gBAAgB,EACvB,SAAS,EAAC,QAAQ,YAElB,iBACE,IAAI,EAAC,QAAQ,gBACD,QAAQ,QAAQ,GAAG,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,kBACnC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACzC,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,EACnC,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrB,CAAC,YAEA,QAAQ,GAAG,CAAC,GACN,GACK,CACjB,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CACvB,KAAmC,EACnC,KAAoB;IAEpB,MAAM,SAAS,GAAa,EAAE,CAAC;IAC/B,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;QAClD,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK;YAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3D,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,UAAU,CAAC,KAAa,EAAE,KAAa;IAC9C,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,WAAW,CAClB,OAA6B,EAC7B,MAAe;IAEf,OAAO;QACL,OAAO,EAAE,aAAa;QACtB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,MAAM;YACZ,CAAC,CAAC,aAAa,KAAK,CAAC,IAAI,EAAE;YAC3B,CAAC,CAAC,+BAA+B;QACnC,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO;QAC7D,SAAS,EAAE,YAAY;QACvB,KAAK,EAAE,KAAK,CAAC,IAAI;QACjB,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,EAAE;QACZ,kBAAkB,EAAE,cAAc;QAClC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;QAC9B,UAAU,EAAE,CAAC;KACd,CAAC;AACJ,CAAC;AAED,qFAAqF;AACrF,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,UAAU,GAAkB;IAChC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,CAAC;IACN,YAAY,EAAE,CAAC;IACf,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,KAAK,CAAC,IAAI;CAClB,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,CAAC;IACN,UAAU,EAAE,CAAC;CACd,CAAC;AAEF,MAAM,UAAU,GAAkB;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS;IACtB,QAAQ,EAAE,EAAE;CACb,CAAC"}

package/lib/pedagogy/ui/glossaryContext.d.ts

@@ -22,6 +22,13 @@ export interface GlossaryContextValue {
      * @default undefined — a plain `<code>`
      */
     renderCode?: (code: string) => ReactNode;
+    /**
+     * Draws a `{{C6H6O}}` of the prose. A chemistry site passes
+     * `(mf) => <MF mf={mf} />` from `react-mf` here, once, so that every formula
+     * below reads as a formula rather than as a line of digits.
+     * @default undefined — the formula as typed
+     */
+    renderMf?: (mf: string) => ReactNode;
 }
 /**
  * The glossary the surrounding provider holds, and how it draws what it shows.

package/lib/pedagogy/ui/glossaryContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glossaryContext.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/glossaryContext.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,2EAA2E;AAC3E,MAAM,WAAW,oBAAoB;IACnC,mCAAmC;IACnC,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;IAChD;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;CAC1C;AAED;;;;GAIG;AACH,wBAAgB,WAAW,IAAI,oBAAoB,CAElD;AAED,+EAA+E;AAC/E,eAAO,MAAM,eAAe,+CAE1B,CAAC"}
+{"version":3,"file":"glossaryContext.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/glossaryContext.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,2EAA2E;AAC3E,MAAM,WAAW,oBAAoB;IACnC,mCAAmC;IACnC,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;IAChD;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IACzC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,SAAS,CAAC;CACtC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,IAAI,oBAAoB,CAElD;AAED,+EAA+E;AAC/E,eAAO,MAAM,eAAe,+CAE1B,CAAC"}

package/lib/pedagogy/ui/glossaryContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"glossaryContext.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/glossaryContext.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAoBlD;;;;GAIG;AACH,MAAM,UAAU,WAAW;IACzB,OAAO,UAAU,CAAC,eAAe,CAAC,CAAC;AACrC,CAAC;AAED,+EAA+E;AAC/E,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAuB;IACjE,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC"}
+{"version":3,"file":"glossaryContext.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/glossaryContext.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AA2BlD;;;;GAIG;AACH,MAAM,UAAU,WAAW;IACzB,OAAO,UAAU,CAAC,eAAe,CAAC,CAAC;AACrC,CAAC;AAED,+EAA+E;AAC/E,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAuB;IACjE,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC"}

package/lib/pedagogy/ui/index.d.ts

@@ -25,7 +25,7 @@ export type { ReferenceRow, ReferenceSection, ReferenceSectionBlockProps, } from
 export { ReferenceSectionBlock } from './ReferenceSectionBlock.tsx';
 export type { SyntaxTooltipContent, SyntaxTooltipExample, SyntaxTooltipProps, } from './SyntaxTooltip.tsx';
 export { SyntaxTooltip } from './SyntaxTooltip.tsx';
-export type { ProseTone } from './pedagogyStyle.ts';
+export type { ProseInk } from './pedagogyStyle.ts';
 export type { TestCaseListProps } from './TestCaseList.tsx';
 export { TestCaseList } from './TestCaseList.tsx';
 export type { TutorialStepStripProps, TutorialStripStep, } from './TutorialStepStrip.tsx';

package/lib/pedagogy/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,YAAY,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,YAAY,EACV,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,aAAa,GACd,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,0BAA0B,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EACV,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,YAAY,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,YAAY,EACV,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,aAAa,GACd,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,0BAA0B,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EACV,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/pedagogy/ui/inlineSegments.d.ts

@@ -4,6 +4,11 @@ import type { InlineSegment } from '../core/inlineMarks.ts';
 interface InlineRenderers {
     /** Draws a code span, from the text between its backticks. */
     code: (code: string) => ReactNode;
+    /**
+     * Draws a molecular formula, from the text between its braces.
+     * @default undefined — the formula as typed, which no chemistry site wants
+     */
+    mf?: (mf: string) => ReactNode;
     /**
      * Draws a glossary marker, from its lowercased term and the text to show.
      * @default undefined — the text, as plain prose

package/lib/pedagogy/ui/inlineSegments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inlineSegments.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/inlineSegments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,+CAA+C;AAC/C,UAAU,eAAe;IACvB,8DAA8D;IAC9D,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IAClC;;;OAGG;IACH,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;CAClD;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,SAAS,aAAa,EAAE,EAClC,SAAS,EAAE,eAAe,GACzB,SAAS,EAAE,CAUb;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAEpD"}
+{"version":3,"file":"inlineSegments.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/inlineSegments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,+CAA+C;AAC/C,UAAU,eAAe;IACvB,8DAA8D;IAC9D,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IAClC;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,SAAS,CAAC;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;CAClD;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,SAAS,aAAa,EAAE,EAClC,SAAS,EAAE,eAAe,GACzB,SAAS,EAAE,CAUb;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAEpD"}

package/lib/pedagogy/ui/inlineSegments.js

@@ -27,6 +27,8 @@ function renderSegment(segment, renderers) {
             return segment.text;
         case 'code':
             return renderers.code(segment.text);
+        case 'mf':
+            return renderers.mf === undefined ? segment.mf : renderers.mf(segment.mf);
         case 'term':
             return renderers.term === undefined
                 ? segment.text

package/lib/pedagogy/ui/inlineSegments.js.map

@@ -1 +1 @@
-{"version":3,"file":"inlineSegments.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/inlineSegments.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAejC;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAClC,QAAkC,EAClC,SAA0B;IAE1B,MAAM,KAAK,GAAgB,EAAE,CAAC;IAC9B,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;QAC/B,KAAK,CAAC,IAAI,CACR,KAAC,QAAQ,cACN,aAAa,CAAC,OAAO,EAAE,SAAS,CAAC,IADrB,OAAO,CAAC,KAAK,CAEjB,CACZ,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,IAAY;IACpC,OAAO,yBAAO,IAAI,GAAQ,CAAC;AAC7B,CAAC;AAED,SAAS,aAAa,CACpB,OAAsB,EACtB,SAA0B;IAE1B,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;QACrB,KAAK,MAAM;YACT,OAAO,OAAO,CAAC,IAAI,CAAC;QACtB,KAAK,MAAM;YACT,OAAO,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACtC,KAAK,MAAM;YACT,OAAO,SAAS,CAAC,IAAI,KAAK,SAAS;gBACjC,CAAC,CAAC,OAAO,CAAC,IAAI;gBACd,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QACjD,KAAK,QAAQ;YACX,OAAO,CACL,2BAAS,oBAAoB,CAAC,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAU,CACrE,CAAC;QACJ,KAAK,UAAU;YACb,OAAO,uBAAK,oBAAoB,CAAC,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAM,CAAC;QACtE;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC"}
+{"version":3,"file":"inlineSegments.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/inlineSegments.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAoBjC;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAClC,QAAkC,EAClC,SAA0B;IAE1B,MAAM,KAAK,GAAgB,EAAE,CAAC;IAC9B,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;QAC/B,KAAK,CAAC,IAAI,CACR,KAAC,QAAQ,cACN,aAAa,CAAC,OAAO,EAAE,SAAS,CAAC,IADrB,OAAO,CAAC,KAAK,CAEjB,CACZ,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,IAAY;IACpC,OAAO,yBAAO,IAAI,GAAQ,CAAC;AAC7B,CAAC;AAED,SAAS,aAAa,CACpB,OAAsB,EACtB,SAA0B;IAE1B,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;QACrB,KAAK,MAAM;YACT,OAAO,OAAO,CAAC,IAAI,CAAC;QACtB,KAAK,MAAM;YACT,OAAO,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACtC,KAAK,IAAI;YACP,OAAO,SAAS,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC5E,KAAK,MAAM;YACT,OAAO,SAAS,CAAC,IAAI,KAAK,SAAS;gBACjC,CAAC,CAAC,OAAO,CAAC,IAAI;gBACd,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QACjD,KAAK,QAAQ;YACX,OAAO,CACL,2BAAS,oBAAoB,CAAC,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAU,CACrE,CAAC;QACJ,KAAK,UAAU;YACb,OAAO,uBAAK,oBAAoB,CAAC,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAM,CAAC;QACtE;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC"}

package/lib/pedagogy/ui/pedagogyStyle.d.ts

@@ -1,15 +1,13 @@
 /**
  * What the pedagogy components share about how they look: how long a pointer
  * rests before a definition opens, the monospace stack, and the ink prose is
- * set in on each of the two grounds it is shown on.
+ * set in.
  */
 /** Long enough that the pointer can cross a chip or a row without opening it. */
 export declare const HOVER_OPEN_DELAY = 150;
 /** The stack every construct, pattern and formula is set in. */
 export declare const MONOSPACE = "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
-/** Where prose is drawn: on the dark plate of a tooltip, or on the page. */
-export type ProseTone = 'tooltip' | 'page';
-/** The colours prose is set in on one ground. */
+/** The colours prose is set in. */
 export interface ProseInk {
     /** The body of a paragraph. */
     text: string;
@@ -21,11 +19,12 @@ export interface ProseInk {
     rule: string;
 }
 /**
- * The ink of each ground.
+ * The one ink, because there is one ground.
  *
- * A Blueprint tooltip is the same dark plate on every site, so its ink is white
- * at decreasing strength, read off the plate rather than off the family tokens,
- * which are written for a light page. The page ink is the tokens.
+ * A definition, a documented construct and a help card are the same job, and
+ * the family answers it with one card: `help-tooltip` in `chrome.css`, light,
+ * on a border and a shadow. So the prose here is the family's tokens wherever
+ * it is read — on a page, or on that card.
  */
-export declare const PROSE_INK: Readonly<Record<ProseTone, ProseInk>>;
+export declare const PROSE_INK: ProseInk;
 //# sourceMappingURL=pedagogyStyle.d.ts.map

package/lib/pedagogy/ui/pedagogyStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pedagogyStyle.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/pedagogyStyle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,gEAAgE;AAChE,eAAO,MAAM,SAAS,6DACsC,CAAC;AAE7D,4EAA4E;AAC5E,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAE3C,iDAAiD;AACjD,MAAM,WAAW,QAAQ;IACvB,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,CAa3D,CAAC"}
+{"version":3,"file":"pedagogyStyle.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/pedagogyStyle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,gEAAgE;AAChE,eAAO,MAAM,SAAS,6DACsC,CAAC;AAE7D,mCAAmC;AACnC,MAAM,WAAW,QAAQ;IACvB,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,EAAE,QAKvB,CAAC"}

package/lib/pedagogy/ui/pedagogyStyle.js

@@ -1,33 +1,25 @@
 /**
  * What the pedagogy components share about how they look: how long a pointer
  * rests before a definition opens, the monospace stack, and the ink prose is
- * set in on each of the two grounds it is shown on.
+ * set in.
  */
-import { Colors } from '@blueprintjs/core';
 import { TOKEN } from "../../tokens/core/familyTokens.js";
 /** Long enough that the pointer can cross a chip or a row without opening it. */
 export const HOVER_OPEN_DELAY = 150;
 /** The stack every construct, pattern and formula is set in. */
 export const MONOSPACE = 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace';
 /**
- * The ink of each ground.
+ * The one ink, because there is one ground.
  *
- * A Blueprint tooltip is the same dark plate on every site, so its ink is white
- * at decreasing strength, read off the plate rather than off the family tokens,
- * which are written for a light page. The page ink is the tokens.
+ * A definition, a documented construct and a help card are the same job, and
+ * the family answers it with one card: `help-tooltip` in `chrome.css`, light,
+ * on a border and a shadow. So the prose here is the family's tokens wherever
+ * it is read — on a page, or on that card.
  */
 export const PROSE_INK = {
-    tooltip: {
-        text: 'rgb(255 255 255 / 82%)',
-        muted: 'rgb(255 255 255 / 62%)',
-        code: Colors.BLUE5,
-        rule: 'rgb(255 255 255 / 15%)',
-    },
-    page: {
-        text: TOKEN.text,
-        muted: TOKEN.textMuted,
-        code: TOKEN.text,
-        rule: TOKEN.border,
-    },
+    text: TOKEN.text,
+    muted: TOKEN.textMuted,
+    code: TOKEN.text,
+    rule: TOKEN.border,
 };
 //# sourceMappingURL=pedagogyStyle.js.map

package/lib/pedagogy/ui/pedagogyStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"pedagogyStyle.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/pedagogyStyle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAE1D,iFAAiF;AACjF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAEpC,gEAAgE;AAChE,MAAM,CAAC,MAAM,SAAS,GACpB,0DAA0D,CAAC;AAiB7D;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,SAAS,GAA0C;IAC9D,OAAO,EAAE;QACP,IAAI,EAAE,wBAAwB;QAC9B,KAAK,EAAE,wBAAwB;QAC/B,IAAI,EAAE,MAAM,CAAC,KAAK;QAClB,IAAI,EAAE,wBAAwB;KAC/B;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,KAAK,EAAE,KAAK,CAAC,SAAS;QACtB,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,IAAI,EAAE,KAAK,CAAC,MAAM;KACnB;CACF,CAAC"}
+{"version":3,"file":"pedagogyStyle.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/pedagogyStyle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAE1D,iFAAiF;AACjF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAEpC,gEAAgE;AAChE,MAAM,CAAC,MAAM,SAAS,GACpB,0DAA0D,CAAC;AAc7D;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,SAAS,GAAa;IACjC,IAAI,EAAE,KAAK,CAAC,IAAI;IAChB,KAAK,EAAE,KAAK,CAAC,SAAS;IACtB,IAAI,EAAE,KAAK,CAAC,IAAI;IAChB,IAAI,EAAE,KAAK,CAAC,MAAM;CACnB,CAAC"}

package/lib/range/core/index.d.ts

@@ -0,0 +1,4 @@
+export type { RangeBounds, RangeDomain, RangeHandles } from './rangeBounds.ts';
+export { OPEN_RANGE, isRangeBounded, isRangeDomain, movedRange, rangeHandles, sameRange, settleHandles, } from './rangeBounds.ts';
+export { rangeHistogramPath } from './rangeHistogram.ts';
+//# sourceMappingURL=index.d.ts.map

package/lib/range/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/range/core/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EACL,UAAU,EACV,cAAc,EACd,aAAa,EACb,UAAU,EACV,YAAY,EACZ,SAAS,EACT,aAAa,GACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/range/core/index.js

@@ -0,0 +1,3 @@
+export { OPEN_RANGE, isRangeBounded, isRangeDomain, movedRange, rangeHandles, sameRange, settleHandles, } from "./rangeBounds.js";
+export { rangeHistogramPath } from "./rangeHistogram.js";
+//# sourceMappingURL=index.js.map

package/lib/range/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/range/core/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,cAAc,EACd,aAAa,EACb,UAAU,EACV,YAAY,EACZ,SAAS,EACT,aAAa,GACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/range/core/rangeBounds.d.ts

@@ -0,0 +1,79 @@
+/**
+ * What a range filter keeps, and how its two handles map to it.
+ *
+ * A filter is two bounds, either of which may be left open. A handle parked at
+ * the end of the track is an open side rather than a bound at the track's end,
+ * because the track only covers the values the page knows about: a molecule
+ * heavier than the heaviest one in the statistics must not be cut by a filter
+ * nobody touched.
+ */
+/** A lowest and a highest value kept, either of which may be left open. */
+export interface RangeBounds {
+    /** The lowest value kept, or `null` when nothing is cut from below. */
+    readonly min: number | null;
+    /** The highest value kept, or `null` when nothing is cut from above. */
+    readonly max: number | null;
+}
+/** The two ends of a slider's track, low first. */
+export type RangeDomain = readonly [number, number];
+/** Where the two handles of a slider stand, low first. */
+export type RangeHandles = readonly [number, number];
+/** A range that keeps everything. */
+export declare const OPEN_RANGE: RangeBounds;
+/**
+ * Whether a range cuts anything at all.
+ * @param range - The range.
+ * @returns Whether either side carries a bound.
+ */
+export declare function isRangeBounded(range: RangeBounds): boolean;
+/**
+ * Whether two ranges keep the same values.
+ * @param left - One range.
+ * @param right - The other.
+ * @returns Whether both sides agree, an open side matching only an open side.
+ */
+export declare function sameRange(left: RangeBounds, right: RangeBounds): boolean;
+/**
+ * Whether a track can be drawn: two finite ends, the high one above the low.
+ * Statistics that have not arrived yet are usually a track of `[0, 0]`.
+ * @param domain - The two ends.
+ * @returns Whether a slider can be laid along it.
+ */
+export declare function isRangeDomain(domain: RangeDomain): boolean;
+/**
+ * Where the handles stand for a range: an open side at the end of the track,
+ * and a bound past the track held at its end.
+ * @param range - The range.
+ * @param domain - The track, already checked with {@link isRangeDomain}.
+ * @returns The two handle positions, low first.
+ */
+export declare function rangeHandles(range: RangeBounds, domain: RangeDomain): RangeHandles;
+/**
+ * The range two handles stand for once they have moved.
+ *
+ * Only a handle that moved changes its side. A bound past the end of the track
+ * sits at that end, and dragging the other handle must not turn it into an
+ * open side; a handle the reader took to the end of the track, on the other
+ * hand, opens its side.
+ * @param from - The range before the handles moved.
+ * @param handles - Where the handles are now.
+ * @param domain - The track.
+ * @returns The range the reader asked for.
+ */
+export declare function movedRange(from: RangeBounds, handles: RangeHandles, domain: RangeDomain): RangeBounds;
+/**
+ * Where handles settle while they are dragged: a moved handle onto the step
+ * grid laid from the low end of the track, an untouched one where it stood.
+ *
+ * Snapping the untouched handle too would move a bound the reader typed, say
+ * `1.23` on a track stepped by `0.5`, the moment the other handle is dragged.
+ * The ends of the track are kept even when they are off the grid, since an end
+ * is what opens a side.
+ * @param next - Where the slider reports the handles.
+ * @param from - The range before the drag started.
+ * @param step - The grid spacing.
+ * @param domain - The track.
+ * @returns The handle positions to draw and to report.
+ */
+export declare function settleHandles(next: RangeHandles, from: RangeBounds, step: number, domain: RangeDomain): RangeHandles;
+//# sourceMappingURL=rangeBounds.d.ts.map

package/lib/range/core/rangeBounds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rangeBounds.d.ts","sourceRoot":"","sources":["../../../src/range/core/rangeBounds.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,2EAA2E;AAC3E,MAAM,WAAW,WAAW;IAC1B,uEAAuE;IACvE,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,wEAAwE;IACxE,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,mDAAmD;AACnD,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEpD,0DAA0D;AAC1D,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAErD,qCAAqC;AACrC,eAAO,MAAM,UAAU,EAAE,WAAqD,CAAC;AAE/E;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAE1D;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,GAAG,OAAO,CAExE;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,WAAW,GAAG,OAAO,CAG1D;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,WAAW,GAClB,YAAY,CAKd;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,WAAW,GAClB,WAAW,CAQb;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,YAAY,EAClB,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,WAAW,GAClB,YAAY,CAMd"}

package/lib/range/core/rangeBounds.js

@@ -0,0 +1,110 @@
+/**
+ * What a range filter keeps, and how its two handles map to it.
+ *
+ * A filter is two bounds, either of which may be left open. A handle parked at
+ * the end of the track is an open side rather than a bound at the track's end,
+ * because the track only covers the values the page knows about: a molecule
+ * heavier than the heaviest one in the statistics must not be cut by a filter
+ * nobody touched.
+ */
+import { clamp } from "../../format/core/clamp.js";
+import { snapToStep } from "../../number/core/numberText.js";
+/** A range that keeps everything. */
+export const OPEN_RANGE = Object.freeze({ min: null, max: null });
+/**
+ * Whether a range cuts anything at all.
+ * @param range - The range.
+ * @returns Whether either side carries a bound.
+ */
+export function isRangeBounded(range) {
+    return range.min !== null || range.max !== null;
+}
+/**
+ * Whether two ranges keep the same values.
+ * @param left - One range.
+ * @param right - The other.
+ * @returns Whether both sides agree, an open side matching only an open side.
+ */
+export function sameRange(left, right) {
+    return Object.is(left.min, right.min) && Object.is(left.max, right.max);
+}
+/**
+ * Whether a track can be drawn: two finite ends, the high one above the low.
+ * Statistics that have not arrived yet are usually a track of `[0, 0]`.
+ * @param domain - The two ends.
+ * @returns Whether a slider can be laid along it.
+ */
+export function isRangeDomain(domain) {
+    const [low, high] = domain;
+    return Number.isFinite(low) && Number.isFinite(high) && high > low;
+}
+/**
+ * Where the handles stand for a range: an open side at the end of the track,
+ * and a bound past the track held at its end.
+ * @param range - The range.
+ * @param domain - The track, already checked with {@link isRangeDomain}.
+ * @returns The two handle positions, low first.
+ */
+export function rangeHandles(range, domain) {
+    const [low, high] = domain;
+    const start = range.min === null ? low : clamp(range.min, low, high);
+    const end = range.max === null ? high : clamp(range.max, low, high);
+    return start <= end ? [start, end] : [end, start];
+}
+/**
+ * The range two handles stand for once they have moved.
+ *
+ * Only a handle that moved changes its side. A bound past the end of the track
+ * sits at that end, and dragging the other handle must not turn it into an
+ * open side; a handle the reader took to the end of the track, on the other
+ * hand, opens its side.
+ * @param from - The range before the handles moved.
+ * @param handles - Where the handles are now.
+ * @param domain - The track.
+ * @returns The range the reader asked for.
+ */
+export function movedRange(from, handles, domain) {
+    const [low, high] = domain;
+    const [start, end] = rangeHandles(from, domain);
+    return {
+        min: handles[0] === start ? from.min : handles[0] <= low ? null : handles[0],
+        max: handles[1] === end ? from.max : handles[1] >= high ? null : handles[1],
+    };
+}
+/**
+ * Where handles settle while they are dragged: a moved handle onto the step
+ * grid laid from the low end of the track, an untouched one where it stood.
+ *
+ * Snapping the untouched handle too would move a bound the reader typed, say
+ * `1.23` on a track stepped by `0.5`, the moment the other handle is dragged.
+ * The ends of the track are kept even when they are off the grid, since an end
+ * is what opens a side.
+ * @param next - Where the slider reports the handles.
+ * @param from - The range before the drag started.
+ * @param step - The grid spacing.
+ * @param domain - The track.
+ * @returns The handle positions to draw and to report.
+ */
+export function settleHandles(next, from, step, domain) {
+    const [start, end] = rangeHandles(from, domain);
+    return [
+        next[0] === start ? start : snapHandle(next[0], step, domain),
+        next[1] === end ? end : snapHandle(next[1], step, domain),
+    ];
+}
+/**
+ * One handle moved onto the step grid, the ends of the track kept as they are.
+ * @param value - Where the handle was dropped.
+ * @param step - The grid spacing.
+ * @param domain - The track.
+ * @returns The position the handle settles on.
+ */
+function snapHandle(value, step, domain) {
+    const [low, high] = domain;
+    if (value <= low)
+        return low;
+    if (value >= high)
+        return high;
+    return clamp(snapToStep(value, step, low), low, high);
+}
+//# sourceMappingURL=rangeBounds.js.map

package/lib/range/core/rangeBounds.js.map

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

package/lib/range/core/rangeHistogram.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The outline of a histogram whose bins split the track into equal widths, as
+ * SVG path data in a box one unit wide and one unit tall.
+ *
+ * One stepped outline rather than a rectangle per bin: adjacent rectangles
+ * leave a hairline seam between them wherever their shared edge falls between
+ * two pixels, and a thousand bins would be two thousand elements.
+ * @param counts - One count per bin, from the low end of the track.
+ * @returns The path data, the tallest bin reaching the top; empty when nothing
+ * was counted.
+ */
+export declare function rangeHistogramPath(counts: ArrayLike<number>): string;
+//# sourceMappingURL=rangeHistogram.d.ts.map

package/lib/range/core/rangeHistogram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rangeHistogram.d.ts","sourceRoot":"","sources":["../../../src/range/core/rangeHistogram.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,CAgBpE"}

package/lib/range/core/rangeHistogram.js

@@ -0,0 +1,39 @@
+/**
+ * The outline of a histogram whose bins split the track into equal widths, as
+ * SVG path data in a box one unit wide and one unit tall.
+ *
+ * One stepped outline rather than a rectangle per bin: adjacent rectangles
+ * leave a hairline seam between them wherever their shared edge falls between
+ * two pixels, and a thousand bins would be two thousand elements.
+ * @param counts - One count per bin, from the low end of the track.
+ * @returns The path data, the tallest bin reaching the top; empty when nothing
+ * was counted.
+ */
+export function rangeHistogramPath(counts) {
+    const bins = counts.length;
+    let tallest = 0;
+    for (let index = 0; index < bins; index++) {
+        const count = counts[index];
+        if (count > tallest)
+            tallest = count;
+    }
+    if (tallest <= 0)
+        return '';
+    let path = 'M0 1';
+    for (let index = 0; index < bins; index++) {
+        const count = counts[index];
+        const height = count > 0 ? count / tallest : 0;
+        path += `V${trim(1 - height)}H${trim((index + 1) / bins)}`;
+    }
+    return `${path}V1Z`;
+}
+/**
+ * A coordinate written with the five decimals a box of a few hundred pixels
+ * can use.
+ * @param value - The coordinate.
+ * @returns Its text.
+ */
+function trim(value) {
+    return String(Math.round(value * 1e5) / 1e5);
+}
+//# sourceMappingURL=rangeHistogram.js.map

package/lib/range/core/rangeHistogram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rangeHistogram.js","sourceRoot":"","sources":["../../../src/range/core/rangeHistogram.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,kBAAkB,CAAC,MAAyB;IAC1D,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;QAC1C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAW,CAAC;QACtC,IAAI,KAAK,GAAG,OAAO;YAAE,OAAO,GAAG,KAAK,CAAC;IACvC,CAAC;IACD,IAAI,OAAO,IAAI,CAAC;QAAE,OAAO,EAAE,CAAC;IAE5B,IAAI,IAAI,GAAG,MAAM,CAAC;IAClB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;QAC1C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAW,CAAC;QACtC,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/C,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IAC7D,CAAC;IACD,OAAO,GAAG,IAAI,KAAK,CAAC;AACtB,CAAC;AAED;;;;;GAKG;AACH,SAAS,IAAI,CAAC,KAAa;IACzB,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC;AAC/C,CAAC"}

package/lib/range/ui/RangeHistogram.d.ts

@@ -0,0 +1,20 @@
+import type { ReactElement } from 'react';
+/** What the histogram over a range slider needs. */
+export interface RangeHistogramProps {
+    /** One count per bin, the bins splitting the track into equal widths. */
+    counts: ArrayLike<number>;
+    /** Where the kept part starts, as a fraction of the track. */
+    start: number;
+    /** Where it ends. */
+    end: number;
+}
+/**
+ * How the values are spread along the track, the part the handles keep drawn
+ * in the brand colour. The outline is drawn twice, the second copy clipped to
+ * the handles, so a drag moves one rectangle and the outline is never redrawn.
+ * @param props - See {@link RangeHistogramProps}.
+ * @returns The histogram, hidden from a screen reader: the values under the
+ * track already say what it keeps.
+ */
+export declare function RangeHistogram(props: RangeHistogramProps): ReactElement;
+//# sourceMappingURL=RangeHistogram.d.ts.map

package/lib/range/ui/RangeHistogram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeHistogram.d.ts","sourceRoot":"","sources":["../../../src/range/ui/RangeHistogram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C,oDAAoD;AACpD,MAAM,WAAW,mBAAmB;IAClC,yEAAyE;IACzE,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC1B,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAyBvE"}

package/lib/range/ui/RangeHistogram.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from 'react';
+import { rangeHistogramPath } from "../core/rangeHistogram.js";
+/**
+ * How the values are spread along the track, the part the handles keep drawn
+ * in the brand colour. The outline is drawn twice, the second copy clipped to
+ * the handles, so a drag moves one rectangle and the outline is never redrawn.
+ * @param props - See {@link RangeHistogramProps}.
+ * @returns The histogram, hidden from a screen reader: the values under the
+ * track already say what it keeps.
+ */
+export function RangeHistogram(props) {
+    const { counts, start, end } = props;
+    const clip = `range-histogram-${useId().replaceAll(/\W/g, '')}`;
+    const outline = useMemo(() => rangeHistogramPath(counts), [counts]);
+    return (_jsxs("svg", { className: "range-slider__histogram", viewBox: "0 0 1 1", preserveAspectRatio: "none", "aria-hidden": "true", children: [_jsx("defs", { children: _jsx("clipPath", { id: clip, children: _jsx("rect", { x: start, y: 0, width: Math.max(end - start, 0), height: 1 }) }) }), _jsx("path", { className: "range-slider__bars", d: outline }), _jsx("path", { className: "range-slider__bars range-slider__bars--kept", d: outline, clipPath: `url(#${clip})` })] }));
+}
+//# sourceMappingURL=RangeHistogram.js.map

package/lib/range/ui/RangeHistogram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeHistogram.js","sourceRoot":"","sources":["../../../src/range/ui/RangeHistogram.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAY/D;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,IAAI,GAAG,mBAAmB,KAAK,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC;IAChE,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEpE,OAAO,CACL,eACE,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAC,SAAS,EACjB,mBAAmB,EAAC,MAAM,iBACd,MAAM,aAElB,yBACE,mBAAU,EAAE,EAAE,IAAI,YAChB,eAAM,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,GAAI,GAC3D,GACN,EACP,eAAM,SAAS,EAAC,oBAAoB,EAAC,CAAC,EAAE,OAAO,GAAI,EACnD,eACE,SAAS,EAAC,6CAA6C,EACvD,CAAC,EAAE,OAAO,EACV,QAAQ,EAAE,QAAQ,IAAI,GAAG,GACzB,IACE,CACP,CAAC;AACJ,CAAC"}