@graphysdk/react-renderer 1.9.0-beta.1792518514317 → 1.9.0-beta.1792575115573

package/dist/editable.mjs

@@ -1,4 +1,4 @@
-import { $ as Dn, $t as Xl, A as Mt, An as H, B as Zl, C as Yl, Ct as Ma, D as Jl, Dt as Ql, E as es, En as W, Et as Ne, F as ts, Ft as ne, G as ee, Gt as ns, I as rs, It as as, J as Sr, Jt as os, K as U, L, Lt as is, Mn as _n, O as Oa, On as R, Ot as ls, P as ss, Pt as et, Q as Fn, Qt as cs, S as ds, St as E, T as Ee, U as us, W as hs, Wt as Cr, X as ps, Y as ms, Z as j, _ as De, _n as gs, an as ce, at as zn, b as Ra, bn as vs, bt as fs, c as Na, ct as bs, d as ys, dt as Ss, en as Da, et as _a, f as Cs, ft as ge, g as Fa, gn as xs, gt as Ot, h as Rt, ht as ws, i as Bn, in as za, it as Ba, k as un, kn as ks, kt as Ts, l as As, lt as Ps, m as Ls, mt as Is, n as le, nt as Nt, o as Es, on as Hn, p as Ha, pt as ue, q as Ms, r as K, rn as Ga, rt as Os, sn as Be, st as Rs, t as Ns, tn as Ds, tt as Gn, u as _s, ut as xr, v as Fs, wn as Va, wt as zs, x as Bs, xt as Hs, y as Gs, yt as Vs } from "./history-chords-Bf7f1kij.js";
+import { $ as Dn, $t as Xl, A as Mt, An as Zl, B as Yl, C as Jl, Ct as Ma, D as Ql, Dn as W, Dt as es, E as ts, Et as Ne, F as ns, Ft as ne, G as ee, Gt as Sr, I as rs, It as as, J as Cr, K as U, Kt as os, L, Lt as is, Nn as _n, O as Oa, Ot as ls, P as ss, Pt as et, Q as Fn, S as cs, St as E, T as Ee, Tn as Ra, U as ds, W as us, X as hs, Y as ps, Yt as ms, Z as j, _ as De, _n as gs, an as Na, at as zn, b as Da, bt as vs, c as _a, cn as Be, ct as fs, d as bs, dt as ys, en as Ss, et as Fa, f as Cs, ft as ge, g as za, gt as Ot, h as Rt, ht as xs, i as Bn, in as Ba, it as Ha, jn as H, k as un, kn as R, kt as ws, l as ks, lt as Ts, m as As, mt as Ps, n as le, nn as Ls, nt as Nt, o as Is, on as ce, p as Ga, pt as ue, q as Es, r as K, rt as Ms, sn as Hn, st as Os, t as Rs, tn as Va, tt as Gn, u as Ns, ut as xr, v as Ds, vn as _s, wt as Fs, x as zs, xn as Bs, xt as Hs, y as Gs, yt as Vs } from "./history-chords-CkXZ_0Gc.js";
 import { ARROW_DEFAULTS as $s, ARROW_STICKER_DECLARATIONS as Ws, ARROW_STROKE_WIDTHS_PX as Jt, AddAnnotationCommand as Te, AddHighlightCommand as Us, BORDER_RADIUS_TOKENS as wr, COMBO_TYPES as kr, CONSTANT_VARIABLES as Ks, DASH_PRESETS as qs, DEFAULT_BAR_CORNER_RADIUS as js, DEFAULT_GEOM_COLOR as Xs, DEFAULT_POINT_SIZE_PX as $a, DEFAULT_STROKE_WIDTH_PX as Zs, DIFFERENCE_ARROW_DEFAULTS as Wa, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Tr, InternalError as Ys, MAX_BAR_WIDTH_FRACTION as Js, MIN_BAR_WIDTH_FRACTION as Qs, MoveAnnotationCommand as ec, RESTING_HOVER_STATE as Vn, RemoveAnnotationCommand as $e, RemoveHighlightCommand as tc, SHAPE_DEFAULTS as nc, SequenceCommand as qe, SetAxisLabelCommand as Ua, SetAxisPositionCommand as Ka, SetAxisTickModeCommand as qa, SetAxisTicksVisibilityCommand as rc, SetAxisVisibilityCommand as hn, SetBarCornerRadiusCommand as ac, SetBarWidthCommand as ja, SetChartTypeCommand as $n, SetContentCaptionCommand as Xa, SetContentSourceCommand as oc, SetContentSubtitleCommand as Za, SetContentTitleCommand as Ya, SetDataLabelsFormatCommand as Ja, SetDifferenceArrowStyleCommand as ic, SetGridLineStyleCommand as Qa, SetGridVisibilityCommand as pn, SetHeadlineCompareWithCommand as lc, SetHeadlinePositionCommand as sc, SetHeadlineShowCommand as Ar, SetHeadlineSizeCommand as cc, SetHighlightDimStyleCommand as dc, SetLayerYScaleTypeCommand as uc, SetLegendAlignCommand as hc, SetLegendDisplayCommand as pc, SetLegendPlacementCommand as mc, SetLegendPositionCommand as mn, SetLineCurveCommand as eo, SetLineMissingValuesCommand as to, SetLineStyleCommand as Ce, SetMappingCommand as gc, SetNumberFormatAbbreviationCommand as vc, SetNumberFormatDecimalsCommand as Pr, SetObservationsColorCommand as fc, SetPointSizeCommand as Wn, SetPolarInnerRadiusCommand as bc, SetPolarStartAngleCommand as yc, SetRuleLabelCommand as Sc, SetRuleValueCommand as Cc, SetScaleDomainCommand as Ze, SetScaleRangeCommand as xc, SetScaleReverseCommand as wc, SetScaleTransformCommand as no, SetStatLineCommand as kc, SetStyleRuleCommand as Oe, TEXT_ANNOTATION_DEFAULTS as Tc, TEXT_ANNOTATION_FADE_ALPHA as Ac, ToggleCategoryLabelsCommand as ro, ToggleContentVisibilityCommand as Dt, ToggleDataLabelsCommand as ao, ToggleGoalLineCommand as Pc, ToggleLinePointsCommand as Un, ToggleStackTotalsCommand as oo, UpdateAnnotationCommand as ve, alignUnitFractions as Lc, areAnchorsEqual as io, areEditTargetsEqual as Kn, areEndpointsComparable as Ic, buildEditMenuTriggerRegion as Ec, buildLayerStyleAddress as Ge, buildObservationPredicate as Mc, buildObservationsTarget as tt, buildObservationsTargetAtValue as lo, canAnchorDirectLabels as Oc, canBecomeCombo as Rc, canBecomeHeatmap as Nc, clampAnnotationTranslation as Dc, combineKindStyleDeclarations as Lr, computeArrow as so, createObservationAnchorBuilder as _c, createObservationAnchorParser as Fc, createStyleResolver as zc, createStyleRuleMatcher as Bc, createValueFormatter as co, createXValueReader as Hc, filterLayersByGeoms as gn, findAnnotation as Gc, findAverageLineLayer as Vc, findAxisGuide as uo, findCompanionLayers as ho, findGoalLineLayer as $c, findHighlightsAtObservation as Wc, findHostLayer as _t, findKindStyleDeclarations as bt, findLayerByGeom as po, findLayerById as Z, findObservationAttachment as Uc, findStyleRule as Pe, findTrendLineLayer as Kc, formatDifferenceLabel as qc, getBoundingRect as vn, getGroupVariables as mo, getXBand as jc, getYBand as Xc, hasMainAxisBand as Zc, hasMultipleGroups as go, inferDefaultDifferenceArrowEndpoints as Yc, inferDifferenceArrowEndpoints as Jc, isComboChartType as se, isCompanionLayer as vo, isGeomStyleRule as Qc, isLayerSpecOf as Ft, isObservationAttachmentKind as ed, isPointWithinEditMenuTrigger as qn, isSafeUrl as td, isZeroAnchoredAxis as fo, measureObservationsBoxes as bo, projectAnchorToPanel as yt, readBroadestObservationsScope as nd, readChartType as zt, readColorChoices as rd, readComboLineLayerId as ad, readCompanionRowsAtScopeKey as od, readConstantValue as id, readEditTargetKey as Bt, readGeomColor as ld, readHighlightDimStyle as sd, readMainAxis as cd, readMappableAesthetics as dd, readMappedVariable as ud, readObservationIndex as yo, readObservationsColor as hd, readObservationsColorRoute as jn, readReachableLevels as pd, readRowScopeKey as md, readRowsAtScopeKey as gd, readScopeXVariable as vd, readStyleCoord as de, readStyleRulesBeneath as fd, readVariableName as Ht, resolveArrowAnnotationStyle as Xn, resolveBarBandFraction as So, resolveComparisonBasis as bd, resolveDifferenceArrowAnnotationStyle as yd, resolveEditOutlineStyle as Sd, resolveLayerAxisValueFormat as Cd, resolveObservationPoint as Co, resolveObservationsTarget as Je, stepDifferenceArrowEndpoint as xd, toDashPreset as Re, toPaintColor as St, toPanelCursor as Gt, toStrokeDasharray as xo } from "@graphysdk/viz-engine";
 import { Fragment as wo, createContext as Me, memo as ko, useCallback as re, useContext as he, useEffect as z, useId as Le, useLayoutEffect as Ie, useMemo as M, useRef as ae, useState as X, useSyncExternalStore as wd } from "react";
 import { Fragment as $, jsx as r, jsxs as v } from "react/jsx-runtime";
@@ -2500,7 +2500,7 @@ import './editable.css';var Xd = {
   "en-US": au,
   ar: Jd,
   "pt-PT": su
-}, du = [cu, zs], Mo = ({ children: e, ...t }) => /* @__PURE__ */ r(fs, {
+}, du = [cu, Fs], Mo = ({ children: e, ...t }) => /* @__PURE__ */ r(vs, {
   dictionaries: du,
   ...t,
   children: /* @__PURE__ */ r(uu, { children: e })
@@ -2698,7 +2698,7 @@ var xu = {
 }, Fu = ({ value: e, onChange: t, onCommit: n, popupAttributes: a, variant: o = "default" }) => {
   const i = E(), l = We(), [s, c] = X(!1), d = (p) => {
     c(p), p || n?.();
-  }, u = e !== null && Ds(e) ? e : "#000000", h = Da(u) ? u.toUpperCase() : "#000000";
+  }, u = e !== null && Ls(e) ? e : "#000000", h = Va(u) ? u.toUpperCase() : "#000000";
   return /* @__PURE__ */ v(Q.Root, {
     open: s,
     onOpenChange: d,
@@ -2769,7 +2769,7 @@ var xu = {
   return /* @__PURE__ */ r("div", {
     onKeyDown: (i) => {
       if (t?.(i), !a || i.defaultPrevented) return;
-      const l = Ns(i.nativeEvent);
+      const l = Rs(i.nativeEvent);
       l && (i.preventDefault(), l === "undo" ? a.undo() : a.redo());
     },
     ...n,
@@ -3224,7 +3224,7 @@ var jo = ({ options: e, value: t, onChange: n, onCommit: a, itemLayout: o = "inl
   });
 }, F = () => he(yn);
 var Th = "linear-gradient(to top right, transparent calc(50% - 1px), var(--graphy-alert) calc(50% - 1px), var(--graphy-alert) calc(50% + 1px), transparent calc(50% + 1px))", Ah = "d0bl00";
-var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Eh = Object.fromEntries(za.map((e) => [ce[e], e])), Mh = (e) => Sn.some((t) => t.toLowerCase() === e.toLowerCase()), Oh = ({ color: e, onChange: t, open: n, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: d = !1 }) => {
+var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = Na.map((e) => ce[e]), Eh = Object.fromEntries(Na.map((e) => [ce[e], e])), Mh = (e) => Sn.some((t) => t.toLowerCase() === e.toLowerCase()), Oh = ({ color: e, onChange: t, open: n, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: d = !1 }) => {
   const u = E(), { ColorSwatches: h, Slider: p } = F(), g = Dh(), m = d ? [Fo, ...Sn] : Sn, f = (b) => {
     t(b), a(!1);
   };
@@ -3289,7 +3289,7 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Eh = Obj
     })]
   });
 }, Rh = (e, t) => {
-  if (Da(e)) return e;
+  if (Va(e)) return e;
   const n = Eh[e];
   return n === void 0 ? e : t[n];
 }, Nh = ({ value: e, onChange: t, popupAttributes: n }) => {
@@ -3351,12 +3351,12 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Eh = Obj
   ColorPicker: Oh,
   MenuPopup: Vh,
   MenuItem: $h
-}, jh = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Xh = `'Aeonik', 'Aeonik Fallback', ${Ga}`, Zh = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Yh = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", Cn = [
+}, jh = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Xh = `'Aeonik', 'Aeonik Fallback', ${Ba}`, Zh = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", Yh = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", Cn = [
   {
     id: "modern",
     label: "Modern",
     preview: "Aa",
-    fontFamily: Ga
+    fontFamily: Ba
   },
   {
     id: "fresh",
@@ -3806,7 +3806,7 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Eh = Obj
     "aria-label": t
   })]
 }), kp = 200, ar = ({ content: e, extensions: t, editable: n, onUpdate: a, updateDebounceMs: o = kp }) => {
-  const i = ae(_r(e)), l = ae(i.current), s = Ts((d) => {
+  const i = ae(_r(e)), l = ae(i.current), s = ws((d) => {
     l.current = d, a?.(d);
   }, o), c = Vd({
     extensions: t,
@@ -3862,7 +3862,7 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Eh = Obj
   });
   return /* @__PURE__ */ r("div", {
     "data-testid": "caption-editor",
-    style: ns(t),
+    style: os(t),
     children: /* @__PURE__ */ r(oi, {
       editor: a,
       ariaLabel: "Chart caption"
@@ -3902,7 +3902,7 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Eh = Obj
     "data-testid": "text-annotation-editor"
   });
 }, Fr = (e) => {
-  const t = Ss(e);
+  const t = ys(e);
   return t === void 0 ? {} : { style: `font-family: ${t}` };
 }, Ep = To.create({
   name: "annotationTextStyleAttributes",
@@ -4031,8 +4031,8 @@ var Ph = "d0bl03", Lh = "d0bl04", Ih = 0.01, Sn = za.map((e) => ce[e]), Eh = Obj
     className: zp,
     "data-testid": "title-editor",
     style: {
-      ...Cr(Bp, o),
-      ...Cr(Hp, i)
+      ...Sr(Bp, o),
+      ...Sr(Hp, i)
     },
     children: /* @__PURE__ */ r(oi, {
       editor: c,
@@ -4203,7 +4203,7 @@ var Yp = (e, { coordSystem: t, panelRect: n }) => {
     const h = s.current, p = /* @__PURE__ */ new Map(), m = qp(d, {
       panelRect: n,
       look: a,
-      readGridLineWidth: (C) => Na(i, C).strokeWidth,
+      readGridLineWidth: (C) => _a(i, C).strokeWidth,
       measurePathBox: (C) => {
         const P = h.get(C) ?? Up(t.ownerDocument, C);
         return p.set(C, P), P;
@@ -4243,7 +4243,7 @@ var Yp = (e, { coordSystem: t, panelRect: n }) => {
   d: e,
   ...a
 }), i1 = ({ pathData: e, source: t, ...n }) => {
-  const a = xs(e, gs, t);
+  const a = gs(e, _s, t);
   return /* @__PURE__ */ r(kd.path, {
     d: a,
     ...n
@@ -6593,8 +6593,8 @@ var Qr = (e, t) => {
       });
   }
 }, Km = (e) => {
-  const t = `[${Jl}="${e.kind}"]`;
-  return e.kind !== "axis" ? t : `${t}[${es}="${e.axis}"]`;
+  const t = `[${Ql}="${e.kind}"]`;
+  return e.kind !== "axis" ? t : `${t}[${ts}="${e.axis}"]`;
 }, qm = (e) => {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
@@ -6661,7 +6661,7 @@ var Qr = (e, t) => {
   const t = (n) => Number(e?.getAttribute(n) ?? 0);
   return (t("x2") - t("x1")) * (t("y2") - t("y1")) >= 0;
 }, Ym = [], Jm = (e, { frameElement: t, frameSize: n, panelRect: a, animateTransitions: o }) => {
-  const i = R((f) => f.coordSystem), l = os(), s = Va(), c = eg(e.kind === "guide" ? e.target : null, {
+  const i = R((f) => f.coordSystem), l = ms(), s = Ra(), c = eg(e.kind === "guide" ? e.target : null, {
     frameElement: t,
     frameSize: n
   }), d = Qm(t, n), u = M(() => ({
@@ -6887,7 +6887,7 @@ var Qr = (e, t) => {
     vertex: null
   };
 }, og = ["x", "y"], ig = ko(function({ frameElement: t, frameSize: n, panelRect: a, animateTransitions: o }) {
-  const i = cs(Sd, W()), l = ng(), s = Vm(l?.outlined ?? null);
+  const i = Xl(Sd, W()), l = ng(), s = Vm(l?.outlined ?? null);
   if (l === null && s === null) return null;
   const c = {
     frameElement: t,
@@ -7067,7 +7067,7 @@ var Qr = (e, t) => {
       }, i);
     case "dots":
       return a.centers.length === 0 ? null : /* @__PURE__ */ r("path", {
-        d: vs(a.centers, a.size / 2),
+        d: Bs(a.centers, a.size / 2),
         pathLength: Fi(a.size / 2, n, a.centers.length),
         "data-geom": t.geom
       }, i);
@@ -7081,7 +7081,7 @@ var Qr = (e, t) => {
 }, gg = ({ target: e, shapes: t, borderRadius: n, dashPeriod: a }) => {
   const o = W();
   if (e.kind === "grid") return og.map((l) => {
-    const s = si(Na(o, l).strokeWidth), c = t.map((u) => vg(u, l)).join(""), d = t.filter((u) => u.kind === "ring" && u.axis === l);
+    const s = si(_a(o, l).strokeWidth), c = t.map((u) => vg(u, l)).join(""), d = t.filter((u) => u.kind === "ring" && u.axis === l);
     return /* @__PURE__ */ v(wo, { children: [c !== "" && /* @__PURE__ */ r("path", {
       d: c,
       ...s
@@ -7107,7 +7107,7 @@ var Qr = (e, t) => {
     height: n.height,
     overflow: "visible",
     children: /* @__PURE__ */ r("line", {
-      ...Yl(a, i, n),
+      ...Jl(a, i, n),
       stroke: t.stroke,
       strokeOpacity: t.strokeAlpha,
       strokeWidth: t.strokeWidth,
@@ -7458,7 +7458,7 @@ var Qr = (e, t) => {
     ariaLabel: n("editor.overlayMenu.selection")
   });
 }, Fg = ({ scene: e, pressed: t, groupOptions: n, locale: a, t: o, hasOverlayMenu: i }) => {
-  const l = t === null ? null : ms(t, e.layers, e.config.parsingLocale);
+  const l = t === null ? null : ps(t, e.layers, e.config.parsingLocale);
   if (t === null || l === null) return null;
   const { layer: s, observation: c } = l, { observationIndex: d, selectedFor: u } = t, { parsingLocale: h } = e.config, p = pd({
     layer: s,
@@ -8340,7 +8340,7 @@ var m2 = (e) => {
     icon: /* @__PURE__ */ r(Yi, {}),
     children: /* @__PURE__ */ r("div", {
       className: M2,
-      children: Object.entries(As).map(([i, l]) => /* @__PURE__ */ r(Ae.Item, {
+      children: Object.entries(ks).map(([i, l]) => /* @__PURE__ */ r(Ae.Item, {
         className: O2,
         "aria-label": i,
         onClick: () => o(i),
@@ -8508,7 +8508,7 @@ var m2 = (e) => {
     },
     "data-testid": "arrow-endpoint-preview",
     "data-annotation-id": t.annotationId,
-    children: /* @__PURE__ */ r(Fa, {
+    children: /* @__PURE__ */ r(za, {
       computed: l,
       style: i,
       addressable: !1
@@ -8745,7 +8745,7 @@ var m2 = (e) => {
 }, {
   value: "none",
   key: "graph.annotations.arrowToolbar.arrowhead.none",
-  Icon: ts
+  Icon: ns
 }], la = [
   {
     value: "solid",
@@ -9406,7 +9406,7 @@ var _0 = "ydgo3h1", F0 = "ydgo3h2", z0 = "ydgo3h3", B0 = ({ clientPoint: e, pane
   }
   readOwn(e) {
     const { endpoint: t, readInputs: n } = this.params;
-    return _a(j(e, "difference-arrow-endpoint-drag"), n().arrow.id, t);
+    return Fa(j(e, "difference-arrow-endpoint-drag"), n().arrow.id, t);
   }
   resolvePreview(e) {
     const { endpoint: t, readInputs: n, engine: a, anchorResolver: o } = this.params, { arrow: i, panelOrigin: l, panelRect: s, layers: c, coordSystem: d } = n(), u = B0({
@@ -9489,7 +9489,7 @@ var _0 = "ydgo3h1", F0 = "ydgo3h2", z0 = "ydgo3h3", B0 = ({ clientPoint: e, pane
     j(c, "difference-arrow-endpoint-drag")?.annotationId === s && c.releaseInteraction("difference-arrow-endpoint-drag");
   }, [a, s]), re((c) => ({ onKeyDown: (d) => {
     if (d.altKey || d.ctrlKey || d.metaKey || d.shiftKey) return;
-    const u = a.getState(), h = _a(j(u, "difference-arrow-endpoint-drag"), e.id, c);
+    const u = a.getState(), h = Fa(j(u, "difference-arrow-endpoint-drag"), e.id, c);
     if ($0.includes(d.key)) {
       if (d.preventDefault(), d.repeat) return;
       if (h === null) return u.claimInteraction({
@@ -9569,7 +9569,7 @@ var _0 = "ydgo3h1", F0 = "ydgo3h2", z0 = "ydgo3h3", B0 = ({ clientPoint: e, pane
     ...e
   });
 }, j0 = ({ annotationId: e, ...t }) => {
-  const n = us(), a = M(() => n.find((o) => o.id === e), [n, e]);
+  const n = ds(), a = M(() => n.find((o) => o.id === e), [n, e]);
   return a === void 0 ? null : /* @__PURE__ */ r(X0, {
     committedArrow: a.committedArrow,
     color: a.color,
@@ -9702,7 +9702,7 @@ var sl = ({ width: e, height: t }) => ({
   };
 }, dl = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, ul = (e) => e === "top-left" || e === "bottom-left", hl = (e) => e === "top-left" || e === "top-right", pl = (e, t, n, a) => {
   const o = e.textAnnotations.find((i) => i.id === t);
-  return o === void 0 ? null : Bs(_s(o, n), a);
+  return o === void 0 ? null : zs(Ns(o, n), a);
 }, J0 = "var(--_1ee8fau0)";
 var Q0 = {
   hovered: "_1ee8fau2 _1ee8fau1",
@@ -9711,7 +9711,7 @@ var Q0 = {
   hovered: "_1ee8fau5 _1ee8fau4",
   selected: "_1ee8fau6 _1ee8fau4"
 }, tv = ({ panelRect: e }) => {
-  const t = De(e), n = Ba(), a = W(), o = ot(), i = ee((f) => j(f, "move-drag")), l = ee((f) => j(f, "shape-resize-drag")), s = ee((f) => j(f, "arrow-endpoint-drag")), c = ee((f) => j(f, "text-resize-drag")), d = ee(Ms), u = M(() => ({
+  const t = De(e), n = Ha(), a = W(), o = ot(), i = ee((f) => j(f, "move-drag")), l = ee((f) => j(f, "shape-resize-drag")), s = ee((f) => j(f, "arrow-endpoint-drag")), c = ee((f) => j(f, "text-resize-drag")), d = ee(Es), u = M(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -9726,7 +9726,7 @@ var Q0 = {
   ]), h = pa(t, o, u), p = pa(t, d === o ? null : d, u), g = (f) => {
     if (l?.annotationId === f.id) {
       const b = t.shapes.find((C) => C.id === f.id);
-      return b === void 0 ? f.geometry : Ra(pr(l.region), a.annotation.shape(b.id).get("strokeWidth"), u.panel);
+      return b === void 0 ? f.geometry : Da(pr(l.region), a.annotation.shape(b.id).get("strokeWidth"), u.panel);
     }
     if (s?.annotationId === f.id) {
       const b = t.arrows.find((C) => C.id === f.id);
@@ -9754,7 +9754,7 @@ var Q0 = {
   })] });
 }, pa = (e, t, n) => {
   if (t === null) return null;
-  const a = ds(e, t, n);
+  const a = cs(e, t, n);
   return a === null ? null : {
     id: t,
     geometry: a
@@ -9814,8 +9814,8 @@ var Q0 = {
     children: ov(n, t.annotationId, e)
   });
 }, rv = ({ annotation: e, panel: t }) => {
-  const n = Os(e.id);
-  return /* @__PURE__ */ r(ys, {
+  const n = Ms(e.id);
+  return /* @__PURE__ */ r(bs, {
     annotation: e,
     panel: t,
     style: W().annotation.text(e.id).resolve(),
@@ -9854,16 +9854,16 @@ var Q0 = {
     panelWidth: t.width,
     panelHeight: t.height
   });
-  return a === null ? null : /* @__PURE__ */ r(Fa, {
+  return a === null ? null : /* @__PURE__ */ r(za, {
     computed: a,
     style: n,
     addressable: !1
   });
-}, lv = ({ shape: e, panelSize: t }) => /* @__PURE__ */ r(Ha, {
+}, lv = ({ shape: e, panelSize: t }) => /* @__PURE__ */ r(Ga, {
   shape: e,
   style: W().annotation.shape(e.id).resolve(),
   panel: t
-}), sv = ({ image: e, panelSize: t }) => /* @__PURE__ */ r(Ls, {
+}), sv = ({ image: e, panelSize: t }) => /* @__PURE__ */ r(As, {
   image: e,
   panel: t,
   style: W().annotation.image(e.id).resolve()
@@ -9882,7 +9882,7 @@ var Q0 = {
     },
     "data-testid": "shape-resize-preview",
     "data-annotation-id": t.annotationId,
-    children: /* @__PURE__ */ r(Ha, {
+    children: /* @__PURE__ */ r(Ga, {
       shape: {
         ...o,
         region: pr(t.region)
@@ -10174,7 +10174,7 @@ var Q0 = {
   }), d = bv({
     annotationId: e.id,
     panelRect: o
-  }), u = W().annotation.shape(e.id).resolve(), { rect: h } = Ra(pr(t), u.strokeWidth, o);
+  }), u = W().annotation.shape(e.id).resolve(), { rect: h } = Da(pr(t), u.strokeWidth, o);
   return /* @__PURE__ */ v("div", {
     "data-testid": "shape-selection",
     "data-annotation-id": e.id,
@@ -10284,7 +10284,7 @@ var yl = [
 ].map(({ id: e, key: t }) => ({
   id: e,
   key: t,
-  fontFamily: Ps[e] ?? e
+  fontFamily: Ts[e] ?? e
 })), _v = (e) => yl.find((t) => t.id === (e ?? "modern")) ?? null;
 var Sl = [
   {
@@ -10626,7 +10626,7 @@ var Cl = ({ width: e }) => me(60, e), Wv = (e, t) => ({
   resized: Fn(j(t, "text-resize-drag"), e),
   moving: Nt(j(t, "move-drag"), e) !== null
 })), tf = (e, t, n) => {
-  const a = De(e), o = Ba(), i = W(), l = M(() => ({
+  const a = De(e), o = Ha(), i = W(), l = M(() => ({
     panel: {
       width: e.width,
       height: e.height
@@ -10838,7 +10838,7 @@ var lf = "_1tyillx2", sf = {
     y: o - c.y
   }, s);
   if (!(n instanceof Element && i.contains(n))) return {
-    targetAtPoint: Sr({
+    targetAtPoint: Cr({
       overMenuTrigger: h,
       stamped: ba(!1, !1, e, t),
       observations: null
@@ -10850,7 +10850,7 @@ var lf = "_1tyillx2", sf = {
     layers: u.layers,
     scales: u.scales,
     parsingLocale: u.config.parsingLocale
-  }), b = f !== null && t.hasOverlayMenu(f.target) ? f : null, C = Sr({
+  }), b = f !== null && t.hasOverlayMenu(f.target) ? f : null, C = Cr({
     overMenuTrigger: h,
     stamped: ba(p, b !== null, e, t),
     observations: b
@@ -10949,7 +10949,7 @@ var lf = "_1tyillx2", sf = {
       const A = w.target.closest(Oa);
       return A !== null && e.contains(A) && Mt([w.target], e) === null;
     }, P = (w, A) => {
-      if (f.current !== null || !Fs(p.current.annotations, A.id)) return;
+      if (f.current !== null || !Ds(p.current.annotations, A.id)) return;
       try {
         e.setPointerCapture(w.pointerId);
       } catch {
@@ -10973,7 +10973,7 @@ var lf = "_1tyillx2", sf = {
       });
       f.current = B, B.start();
     }, k = (w, A) => {
-      const B = l.getState(), { layers: te, config: D } = s.getState().scene, S = A.kind === "select-observations" && A.observationIndex !== null ? ps(A.observationIndex, te, A.target, D.parsingLocale) : null;
+      const B = l.getState(), { layers: te, config: D } = s.getState().scene, S = A.kind === "select-observations" && A.observationIndex !== null ? hs(A.observationIndex, te, A.target, D.parsingLocale) : null;
       switch (c.getState().setPressedObservation(S), A.kind) {
         case "select-annotation":
           B.setSelection([A.target]), P(w, A.target);
@@ -11115,7 +11115,7 @@ var lf = "_1tyillx2", sf = {
     o
   ]);
 }, Of = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), Rf = (e, t) => {
-  const n = U(), { store: a } = H(), { engine: o, overlayRef: i } = et(), l = ne(t), { annotations: s, observationsPress: c, guidePress: d, tolerance: u } = Ne[Ee()], h = Rs(), p = Wt(), g = c && !h;
+  const n = U(), { store: a } = H(), { engine: o, overlayRef: i } = et(), l = ne(t), { annotations: s, observationsPress: c, guidePress: d, tolerance: u } = Ne[Ee()], h = Os(), p = Wt(), g = c && !h;
   return re(() => ({
     frameElement: e,
     captureRect: i.current,
@@ -11142,10 +11142,10 @@ var lf = "_1tyillx2", sf = {
     a
   ]);
 }, Nf = () => {
-  const e = Ne[Ee()].observationMenu, t = bs((l) => e ? l.hover.primary : null), { layers: n, coordSystem: a } = R(xe((l) => ({
+  const e = Ne[Ee()].observationMenu, t = fs((l) => e ? l.hover.primary : null), { layers: n, coordSystem: a } = R(xe((l) => ({
     layers: l.layers,
     coordSystem: l.coordSystem
-  }))), { anchorResolver: o } = H(), i = Va();
+  }))), { anchorResolver: o } = H(), i = Ra();
   return M(() => {
     if (t === null) return null;
     const l = n.find((d) => d.id === t.layerId);
@@ -11307,7 +11307,7 @@ var lf = "_1tyillx2", sf = {
     c
   ]);
 }, Gf = ({ frameElement: e, panelRect: t, formattedAxes: n, animateTransitions: a }) => {
-  const { measureRef: o, screenRect: i } = Ql(), { selectionStore: l } = H(), s = U(), c = ee((h) => h.caret?.annotationId ?? null), d = Ee(), u = ae(d);
+  const { measureRef: o, screenRect: i } = es(), { selectionStore: l } = H(), s = U(), c = ee((h) => h.caret?.annotationId ?? null), d = Ee(), u = ae(d);
   return z(() => (o(e), () => o(null)), [o, e]), z(() => () => {
     const h = s.getState();
     h.releaseInteraction("menu"), h.setCaret(null), h.setPressedObservation(null);
@@ -11369,7 +11369,7 @@ var lf = "_1tyillx2", sf = {
     animateTransitions: i
   }), /* @__PURE__ */ r(e2, { frameRect: t })] }), /* @__PURE__ */ r(Wp, {
     rect: t,
-    zIndex: Xl.editorOverlay,
+    zIndex: Ss.editorOverlay,
     container: l,
     "data-testid": "editor-overlay",
     boxRef: o,
@@ -11417,11 +11417,11 @@ var lf = "_1tyillx2", sf = {
   locale: zn(),
   children: /* @__PURE__ */ r(Fm, {
     editMenus: a,
-    children: /* @__PURE__ */ r(hs, { children: /* @__PURE__ */ r(hm, {
+    children: /* @__PURE__ */ r(us, { children: /* @__PURE__ */ r(hm, {
       value: n,
-      children: /* @__PURE__ */ r(Zl, {
+      children: /* @__PURE__ */ r(Yl, {
         editors: Vp,
-        children: /* @__PURE__ */ r(Es, {
+        children: /* @__PURE__ */ r(Is, {
           slots: M(() => ({
             EditorSurface: Gf,
             ...e
@@ -11456,9 +11456,9 @@ var e5 = () => () => {
   const t = wd(e?.store.subscribe ?? e5, () => e?.store.getState().scene.config.parsingLocale);
   return e?.formattingLocale ?? t;
 }, n5 = (e) => {
-  const t = he(ks), n = t5(t), a = Hs(), o = ws();
+  const t = he(Zl), n = t5(t), a = Hs(), o = xs();
   let i = /* @__PURE__ */ r(r5, { ...e });
-  return !o && t && (i = /* @__PURE__ */ r(Is, {
+  return !o && t && (i = /* @__PURE__ */ r(Ps, {
     colorScheme: t.colorScheme,
     children: i
   })), a || (i = /* @__PURE__ */ r(Mo, {