@graphysdk/geom-lollipop 0.1.0

package/LICENSE.md

@@ -0,0 +1,17 @@
+# License
+
+This software is available under any of the following licenses, at your option,
+depending on which one's conditions you meet:
+
+- **PolyForm Noncommercial 1.0.0** — for noncommercial use (personal,
+  charitable, educational, research, government).
+  See [licenses/PolyForm-NonCommercial-1.0.0.md](licenses/PolyForm-NonCommercial-1.0.0.md)
+
+- **PolyForm Small Business 1.0.0** — free commercial use for organizations
+  under the size thresholds defined in the license.
+  See [licenses/PolyForm-Small-Business-1.0.0.md](licenses/PolyForm-Small-Business-1.0.0.md)
+
+- **PolyForm Free Trial 1.0.0** — a 32-day evaluation for anyone else.
+  See [licenses/PolyForm-Free-Trial-1.0.0.md](licenses/PolyForm-Free-Trial-1.0.0.md)
+
+For commercial use beyond these terms, contact [hello@graphy.dev](mailto:hello@graphy.dev) or visit [https://graphy.dev](https://graphy.dev).

package/README.md

@@ -0,0 +1,57 @@
+# @graphysdk/geom-lollipop
+
+> **Beta.** This geom is on a `0.x` version line: a minor release may change its aesthetics, style parts or look. Use a caret range (`^0.1.0`) to take only patches.
+
+A lollipop geom for the Graphy charting SDK. It compares one value per category, like a bar, as a head at the value and a stem dropped from it to zero.
+
+Learn more at [graphy.dev](https://graphy.dev).
+
+## Install
+
+```bash
+npm install @graphysdk/geom-lollipop @graphysdk/react
+```
+
+Requires React 19. Its only peer is `@graphysdk/react`.
+
+## Usage
+
+Data is long, one row per lollipop. Map the category to `x` and the value to `y`, and a group to `color` for grouped lollipops:
+
+```tsx
+import { createGraphyKit, GraphRenderer } from '@graphysdk/react';
+import { lollipop } from '@graphysdk/geom-lollipop';
+
+const kit = createGraphyKit({ plugins: [lollipop] });
+
+const spec = kit.pipe(
+  kit.createSpec({ x: 'product', y: 'revenue' }),
+  kit.geom.lollipop(),
+  kit.scale.x.discrete(),
+  kit.scale.y.continuous()
+);
+
+export function Revenue({ data }) {
+  return (
+    <kit.GraphProvider spec={spec} data={data}>
+      <GraphRenderer />
+    </kit.GraphProvider>
+  );
+}
+```
+
+Add `kit.coord.flip()` for a horizontal lollipop. Style the heads with `kit.style.geom.lollipop()` and the stems with `kit.style.geom.lollipop.stem()`.
+
+## Docs
+
+- [Lollipop](https://docs.graphy.dev/sdk-next/graph-types/lollipop)
+
+## Feedback
+
+This geom is released early to hear what works. Tell us on [Discord](https://discord.gg/yGmYCjkSr).
+
+## Licence
+
+This package is available under PolyForm Noncommercial, Small Business, or a 32-day Free Trial. Free Trial is local or internal evaluation only — it does not cover a public page. See [what you can do under the trial](https://docs.graphy.dev/licence/evaluation).
+
+For a commercial licence, [talk to us](https://graphy.dev/license).

package/dist/engine/lollipop-data-labels.d.ts

@@ -0,0 +1,7 @@
+import { PlacementResult, PluginPlacementContext } from '@graphysdk/react';
+/**
+ * A label per head, printing its value. Under `'auto'` each label sits beyond the head, away from the stem, so a
+ * hanging lollipop labels below and a rising one above; an explicit `position` is honoured as written. Stack
+ * totals and category labels are bar vocabulary; a lollipop places neither.
+ */
+export declare const placeLollipopDataLabels: (context: PluginPlacementContext) => PlacementResult;

package/dist/engine/lollipop.geom.d.ts

@@ -0,0 +1,78 @@
+import { AnchorContext, AnchorPosition, GeomCompileResult, GeomCompilerInput, GeomObservationPart, GeomStylePart, GeomStyleTarget, Observation, PlacementResult, PluginPlacementContext, Geom } from '@graphysdk/react';
+/** The observations paint the shared geom vocabulary on top of these. */
+declare const HEAD_VOCABULARY: {
+    readonly size: "pixels";
+    readonly strokeWidth: "pixels";
+};
+declare const STEM_VOCABULARY: {
+    readonly stroke: "color";
+    readonly alpha: "unitInterval";
+    readonly strokeWidth: "pixels";
+    readonly dashArray: "dashArray";
+};
+/** Named so the published types reach the observations and every part through `@graphysdk/react`, the package's one peer. */
+interface LollipopStyleTarget extends GeomStyleTarget {
+    observation: GeomObservationPart<typeof HEAD_VOCABULARY>;
+    parts: {
+        stem: GeomStylePart<typeof STEM_VOCABULARY>;
+    };
+}
+/**
+ * A lollipop: a head at each observation's value and a stem dropped from it to the zero baseline.
+ *
+ * Data is long, one row per lollipop: `x` is the category, `y` the value and `color` the group. A category
+ * holding several groups dodges them across its band, as a grouped bar does. The stem encodes length, so the
+ * value axis always holds zero. A horizontal lollipop is `coord.flip()`.
+ */
+export declare class LollipopGeom extends Geom {
+    readonly type: "lollipop";
+    readonly defaultParams: {};
+    readonly positionRoles: readonly [{
+        readonly axis: "x";
+        readonly role: "point";
+        readonly valueKind: "value";
+    }, {
+        readonly axis: "y";
+        readonly role: "min";
+        readonly valueKind: "value";
+    }, {
+        readonly axis: "y";
+        readonly role: "max";
+        readonly valueKind: "value";
+        readonly aes: "y";
+    }];
+    readonly aesthetics: readonly [{
+        readonly kind: "visual";
+        readonly name: "color";
+    }];
+    readonly defaultPosition = "dodge";
+    /** A stacked lollipop's stem would start on the head below it, and read as a length it does not encode. */
+    readonly supportedPositions: readonly ["identity", "dodge"];
+    readonly supportedCoordTypes: readonly ["cartesian", "flip"];
+    readonly scaleConstraints: {
+        discreteMainAxis: boolean;
+        zeroBaseline: boolean;
+    };
+    readonly legend: {
+        suppressWhenSingleItem: boolean;
+    };
+    readonly dataLabelCoordTypes: readonly ["cartesian", "flip"];
+    readonly getDataLabelPlacements: (context: PluginPlacementContext) => PlacementResult;
+    /**
+     * A hovered category is one unit: its lollipops repaint together. Each stem runs from the baseline to its
+     * head inside the category, so the whole of it takes a press for the category, and no stroke runs on to
+     * the next one.
+     */
+    readonly spatialKind = "spanned-buckets";
+    readonly highlightStrategy: "observation-rerender";
+    readonly styleTarget: LollipopStyleTarget;
+    /**
+     * Where the editor raises its annotation trigger and where an annotation on a lollipop lands.
+     *
+     * An annotation on a lollipop sits on its head, which is where the value reads off the axis. A head has no
+     * extent, so every purpose resolves to its centre.
+     */
+    readonly resolveAnchorPosition: (observation: Observation, { coordSystem }: AnchorContext) => AnchorPosition | null;
+    compile({ data }: GeomCompilerInput): GeomCompileResult;
+}
+export {};

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let t=require("@graphysdk/react"),u=require("react"),l=require("react/jsx-runtime");var b=(e,o)=>{const a=o==="x"?M((0,t.getXMin)(e),(0,t.getXMax)(e))??(0,t.getX)(e):M((0,t.getYMin)(e),(0,t.getYMax)(e))??(0,t.getY)(e),r=o==="x"?(0,t.getYMin)(e):(0,t.getXMin)(e),i=o==="x"?(0,t.getYMax)(e)??(0,t.getY)(e):(0,t.getXMax)(e)??(0,t.getX)(e);return a===null||r===null||i===null?null:{observation:e,band:a,base:r,tip:i}},p=(e,o)=>{const a=[];for(const r of e){const i=b(r,o);i!==null&&a.push(i)}return a},L=e=>e.tip<e.base,M=(e,o)=>e===null||o===null?null:(e+o)/2,O=e=>{const o=[];if(!e.layer.dataLabels.showDataLabels)return{labels:o,droppedCount:0};const{position:a,justify:r,align:i,offset:s}=e.layer.dataLabels,n=r==="panel-start"||r==="panel-end",c=(0,t.readMainAxis)(e.coordSystem),d=(0,t.buildPanelAnchorBox)(e.panelRect);for(const h of p(e.layer.data,c)){const v=e.formatLabel(h.observation);if(v==="")continue;const{width:f,height:P}=e.measureDataLabel("observation","outside",v),k=(e.styleReaders.get("size",h.observation)??0)/2,A=(0,t.composePoint)(c,{main:h.band,cross:h.tip}),g=(0,t.resolveAnchoredLabelCenter)({box:{x:A.x*e.panelRect.width,y:(1-A.y)*e.panelRect.height,width:0,height:0},panel:d,orientation:S(c),placement:a==="auto"?"outside":a,justify:a==="auto"?V(h):r,align:i,offset:n?s:s+k,alignOffset:s+k,labelWidth:f,labelHeight:P});o.push({layerId:e.layer.id,x:g.x,y:g.y,text:v,width:f,height:P,isRotated:!1,role:"observation",position:g.position})}return{labels:o,droppedCount:0}},S=e=>e==="x"?{valueAxis:"y",valueDirectionSign:-1}:{valueAxis:"x",valueDirectionSign:1},V=e=>L(e)?"start":"end",W=10,j=1,B=2,H=.7,D={size:"pixels",strokeWidth:"pixels"},T={stroke:"color",alpha:"unitInterval",strokeWidth:"pixels",dashArray:"dashArray"},_=class extends t.Geom{constructor(...e){super(...e),this.type="lollipop",this.defaultParams={},this.positionRoles=[{axis:"x",role:"point",valueKind:"value"},{axis:"y",role:"min",valueKind:"value"},{axis:"y",role:"max",valueKind:"value",aes:"y"}],this.aesthetics=[{kind:"visual",name:"color"}],this.defaultPosition="dodge",this.supportedPositions=["identity","dodge"],this.supportedCoordTypes=["cartesian","flip"],this.scaleConstraints={discreteMainAxis:!0,zeroBaseline:!0},this.legend={suppressWhenSingleItem:!0},this.dataLabelCoordTypes=["cartesian","flip"],this.getDataLabelPlacements=O,this.spatialKind="spanned-buckets",this.highlightStrategy="observation-rerender",this.styleTarget=(0,t.defineGeomStyleTarget)({observation:{vocabulary:D,aesthetics:{fill:"color",alpha:"alpha",size:"size",strokeWidth:"strokeWidth"},rest:{fill:(0,t.token)("geom"),fillAlpha:1,size:W,stroke:(0,t.token)("hoverAffordance"),strokeWidth:j}},parts:{stem:{vocabulary:T,aesthetics:{stroke:"color"},rest:{stroke:(0,t.token)("geom"),alpha:1,strokeWidth:B,dashArray:[]}}}}),this.resolveAnchorPosition=(o,{coordSystem:a})=>{const r=(0,t.readMainAxis)(a),i=b(o,r);return i===null?null:r==="x"?{x:i.band,y:i.tip}:{x:i.tip,y:i.band}}}compile({data:e}){const o=e.hasVariable(t.POSITION_VARIABLES.yMin)?e:e.addConstantVariable(t.POSITION_VARIABLES.yMin,"numeric",0),a=H/2;return{data:o.addConstantVariable(t.POSITION_VARIABLES.xMin,"numeric",-.35).addConstantVariable(t.POSITION_VARIABLES.xMax,"numeric",a),mapping:{}}}},w=({layer:e,coordSystem:o,panelRect:a,styleReaders:r})=>{const i=(0,t.readMainAxis)(o),s=p(e.data,i),n=(0,t.buildDotsEditOutlineShapes)(s.map(d=>({center:x(d.band,d.tip,i,a),size:(r.get("size",d.observation)??0)+(r.get("strokeWidth",d.observation)??0)}))),c=r.part("stem");return[...c===void 0?[]:s.map(d=>C(d,i,a,c)),...n]},C=(e,o,a,r)=>{const i=x(e.band,e.base,o,a),s=x(e.band,e.tip,o,a),n=r.get("strokeWidth",e.observation)??0;return{kind:"stroke",pathData:`M${i.x},${i.y}L${s.x},${s.y}`,width:n}},x=(e,o,a,r)=>{const i=(0,t.composePoint)(a,{main:e,cross:o});return(0,t.scalePointToPanel)((0,t.projectPointCartesian)(i.x,i.y),r)},m=e=>{const o=(0,t.createStableKeyGenerator)(e.data,e.mapping,e.id);return a=>o(a.observation)},E=.4,R=.2,G=1,X=.5,y=({lollipops:e,mainAxis:o,styleReaders:a,getKey:r,hovered:i,shouldAnimateTransitions:s=!1})=>{const n=a.part("stem"),c=i===void 0?void 0:"hovered";return(0,l.jsxs)(l.Fragment,{children:[n&&e.map(d=>(0,l.jsx)(N,{lollipop:d,mainAxis:o,readers:n,state:c,shouldAnimateTransitions:s},r(d))),e.map(d=>(0,l.jsx)(Y,{lollipop:d,mainAxis:o,styleReaders:a,state:c,shouldAnimateTransitions:s},r(d))),i?.primary&&(0,l.jsx)(z,{lollipop:i.primary,mainAxis:o,styleReaders:a})]})},N=({lollipop:e,mainAxis:o,readers:a,state:r,shouldAnimateTransitions:i})=>{const s=(0,t.composePoint)(o,{main:e.band,cross:e.base}),n=(0,t.composePoint)(o,{main:e.band,cross:e.tip}),c=a.get("strokeWidth",e.observation,r)??0,d=a.get("stroke",e.observation,r);return(0,l.jsx)(t.GeomLine,{"data-testid":"lollipop-stem",x1:(0,t.toPercent)((0,t.toViewBoxX)(s.x)),y1:(0,t.toPercent)((0,t.toViewBoxY)(s.y)),x2:(0,t.toPercent)((0,t.toViewBoxX)(n.x)),y2:(0,t.toPercent)((0,t.toViewBoxY)(n.y)),stroke:d===void 0?void 0:(0,t.toPaintColor)(d),strokeOpacity:a.get("alpha",e.observation,r),strokeWidth:c,strokeDasharray:(0,t.toStrokeDasharray)(a.get("dashArray",e.observation,r),c),shouldAnimateTransitions:i})},Y=({lollipop:e,mainAxis:o,styleReaders:a,state:r,shouldAnimateTransitions:i})=>{const s=(0,t.composePoint)(o,{main:e.band,cross:e.tip}),n=a.get("fill",e.observation,r);return(0,l.jsx)(t.GeomCircle,{"data-testid":"lollipop-head",cx:(0,t.toPercent)((0,t.toViewBoxX)(s.x)),cy:(0,t.toPercent)((0,t.toViewBoxY)(s.y)),r:I(e,a,r),fill:n===void 0?void 0:(0,t.toPaintColor)(n),opacity:a.get("alpha",e.observation,r),fillOpacity:a.get("fillAlpha",e.observation,r),stroke:a.get("stroke",e.observation,r),strokeOpacity:a.get("strokeAlpha",e.observation,r),strokeWidth:a.get("strokeWidth",e.observation,r),shouldAnimateTransitions:i})},z=({lollipop:e,mainAxis:o,styleReaders:a})=>{const r=(0,t.composePoint)(o,{main:e.band,cross:e.tip}),i=I(e,a,"hovered"),s=a.get("strokeWidth",e.observation,"hovered")??0,n=Math.max(G,i*E),c=Math.max(X,i*R);return(0,l.jsx)("circle",{"data-testid":"lollipop-hover-ring",cx:(0,t.toPercent)((0,t.toViewBoxX)(r.x)),cy:(0,t.toPercent)((0,t.toViewBoxY)(r.y)),r:i+s/2+c+n/2,fill:"none",stroke:a.get("stroke",e.observation,"hovered"),strokeWidth:n})},I=(e,o,a)=>(o.get("size",e.observation,a)??0)/2,K=({layer:e,sourceLayer:o,mainAxis:a,styleReaders:r})=>(0,l.jsx)(y,{lollipops:(0,u.useMemo)(()=>p(e.data,a),[e.data,a]),mainAxis:a,styleReaders:r,getKey:(0,u.useMemo)(()=>m(o),[o])}),$=({layer:e,primary:o,siblings:a,mainAxis:r,styleReaders:i})=>(0,l.jsx)("g",{"data-testid":"hovered-lollipops",children:(0,l.jsx)(y,{lollipops:p([o,...a].map(s=>s.observation),r),mainAxis:r,styleReaders:i,getKey:(0,u.useMemo)(()=>m(e),[e]),hovered:{primary:b(o.observation,r)}})}),q=({layer:e,mainAxis:o,styleReaders:a,shouldAnimateTransitions:r,intro:i})=>{const s=(0,l.jsx)(y,{lollipops:(0,u.useMemo)(()=>p(e.data,o),[e.data,o]),mainAxis:o,styleReaders:a,getKey:(0,u.useMemo)(()=>m(e),[e]),shouldAnimateTransitions:r});return i?.type==="fade"?(0,l.jsx)(t.IntroFade,{intro:i,children:s}):s},F=(0,t.defineGeomRenderer)(new _,{coord:"cartesian",swatchShape:"circle",guideMode:"band",render:({layer:e,coordSystem:o,styleReaders:a,shouldAnimateTransitions:r,intro:i})=>(0,l.jsx)(q,{layer:e,mainAxis:(0,t.readMainAxis)(o),styleReaders:a,shouldAnimateTransitions:r,intro:i}),renderHighlight:({layer:e,sourceLayer:o,coordSystem:a,styleReaders:r})=>(0,l.jsx)(K,{layer:e,sourceLayer:o,mainAxis:(0,t.readMainAxis)(a),styleReaders:r}),renderHover:({layer:e,primary:o,group:a,related:r,coordSystem:i,styleReaders:s})=>(0,l.jsx)($,{layer:e,primary:o,siblings:[...a,...r],mainAxis:(0,t.readMainAxis)(i),styleReaders:s}),renderHoverCompanions:()=>null,getEditOutlineShapes:w});exports.LollipopGeom=_;exports.lollipop=F;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { LollipopGeom } from './engine/lollipop.geom';
+export { lollipop } from './renderer/lollipop';

package/dist/index.mjs

@@ -0,0 +1,302 @@
+import { Geom as w, GeomCircle as B, GeomLine as z, IntroFade as K, POSITION_VARIABLES as b, buildDotsEditOutlineShapes as N, buildPanelAnchorBox as X, composePoint as u, createStableKeyGenerator as Y, defineGeomRenderer as j, defineGeomStyleTarget as $, getX as S, getXMax as D, getXMin as M, getY as C, getYMax as E, getYMin as T, projectPointCartesian as F, readMainAxis as c, resolveAnchoredLabelCenter as J, scalePointToPanel as U, toPaintColor as R, toPercent as h, toStrokeDasharray as Z, toViewBoxX as m, toViewBoxY as f, token as x } from "@graphysdk/react";
+import { useMemo as v } from "react";
+import { Fragment as q, jsx as l, jsxs as Q } from "react/jsx-runtime";
+var L = (t, a) => {
+  const e = a === "x" ? G(M(t), D(t)) ?? S(t) : G(T(t), E(t)) ?? C(t), r = a === "x" ? T(t) : M(t), o = a === "x" ? E(t) ?? C(t) : D(t) ?? S(t);
+  return e === null || r === null || o === null ? null : {
+    observation: t,
+    band: e,
+    base: r,
+    tip: o
+  };
+}, g = (t, a) => {
+  const e = [];
+  for (const r of t) {
+    const o = L(r, a);
+    o !== null && e.push(o);
+  }
+  return e;
+}, tt = (t) => t.tip < t.base, G = (t, a) => t === null || a === null ? null : (t + a) / 2, et = (t) => {
+  const a = [];
+  if (!t.layer.dataLabels.showDataLabels) return {
+    labels: a,
+    droppedCount: 0
+  };
+  const { position: e, justify: r, align: o, offset: i } = t.layer.dataLabels, s = r === "panel-start" || r === "panel-end", d = c(t.coordSystem), n = X(t.panelRect);
+  for (const p of g(t.layer.data, d)) {
+    const y = t.formatLabel(p.observation);
+    if (y === "") continue;
+    const { width: W, height: I } = t.measureDataLabel("observation", "outside", y), O = (t.styleReaders.get("size", p.observation) ?? 0) / 2, H = u(d, {
+      main: p.band,
+      cross: p.tip
+    }), k = J({
+      box: {
+        x: H.x * t.panelRect.width,
+        y: (1 - H.y) * t.panelRect.height,
+        width: 0,
+        height: 0
+      },
+      panel: n,
+      orientation: at(d),
+      placement: e === "auto" ? "outside" : e,
+      justify: e === "auto" ? rt(p) : r,
+      align: o,
+      offset: s ? i : i + O,
+      alignOffset: i + O,
+      labelWidth: W,
+      labelHeight: I
+    });
+    a.push({
+      layerId: t.layer.id,
+      x: k.x,
+      y: k.y,
+      text: y,
+      width: W,
+      height: I,
+      isRotated: !1,
+      role: "observation",
+      position: k.position
+    });
+  }
+  return {
+    labels: a,
+    droppedCount: 0
+  };
+}, at = (t) => t === "x" ? {
+  valueAxis: "y",
+  valueDirectionSign: -1
+} : {
+  valueAxis: "x",
+  valueDirectionSign: 1
+}, rt = (t) => tt(t) ? "start" : "end", ot = 10, it = 1, st = 2, nt = 0.7, dt = {
+  size: "pixels",
+  strokeWidth: "pixels"
+}, lt = {
+  stroke: "color",
+  alpha: "unitInterval",
+  strokeWidth: "pixels",
+  dashArray: "dashArray"
+}, ht = class extends w {
+  constructor(...t) {
+    super(...t), this.type = "lollipop", this.defaultParams = {}, this.positionRoles = [
+      {
+        axis: "x",
+        role: "point",
+        valueKind: "value"
+      },
+      {
+        axis: "y",
+        role: "min",
+        valueKind: "value"
+      },
+      {
+        axis: "y",
+        role: "max",
+        valueKind: "value",
+        aes: "y"
+      }
+    ], this.aesthetics = [{
+      kind: "visual",
+      name: "color"
+    }], this.defaultPosition = "dodge", this.supportedPositions = ["identity", "dodge"], this.supportedCoordTypes = ["cartesian", "flip"], this.scaleConstraints = {
+      discreteMainAxis: !0,
+      zeroBaseline: !0
+    }, this.legend = { suppressWhenSingleItem: !0 }, this.dataLabelCoordTypes = ["cartesian", "flip"], this.getDataLabelPlacements = et, this.spatialKind = "spanned-buckets", this.highlightStrategy = "observation-rerender", this.styleTarget = $({
+      observation: {
+        vocabulary: dt,
+        aesthetics: {
+          fill: "color",
+          alpha: "alpha",
+          size: "size",
+          strokeWidth: "strokeWidth"
+        },
+        rest: {
+          fill: x("geom"),
+          fillAlpha: 1,
+          size: ot,
+          stroke: x("hoverAffordance"),
+          strokeWidth: it
+        }
+      },
+      parts: { stem: {
+        vocabulary: lt,
+        aesthetics: { stroke: "color" },
+        rest: {
+          stroke: x("geom"),
+          alpha: 1,
+          strokeWidth: st,
+          dashArray: []
+        }
+      } }
+    }), this.resolveAnchorPosition = (a, { coordSystem: e }) => {
+      const r = c(e), o = L(a, r);
+      return o === null ? null : r === "x" ? {
+        x: o.band,
+        y: o.tip
+      } : {
+        x: o.tip,
+        y: o.band
+      };
+    };
+  }
+  compile({ data: t }) {
+    const a = t.hasVariable(b.yMin) ? t : t.addConstantVariable(b.yMin, "numeric", 0), e = nt / 2;
+    return {
+      data: a.addConstantVariable(b.xMin, "numeric", -0.35).addConstantVariable(b.xMax, "numeric", e),
+      mapping: {}
+    };
+  }
+}, ct = ({ layer: t, coordSystem: a, panelRect: e, styleReaders: r }) => {
+  const o = c(a), i = g(t.data, o), s = N(i.map((n) => ({
+    center: _(n.band, n.tip, o, e),
+    size: (r.get("size", n.observation) ?? 0) + (r.get("strokeWidth", n.observation) ?? 0)
+  }))), d = r.part("stem");
+  return [...d === void 0 ? [] : i.map((n) => ut(n, o, e, d)), ...s];
+}, ut = (t, a, e, r) => {
+  const o = _(t.band, t.base, a, e), i = _(t.band, t.tip, a, e), s = r.get("strokeWidth", t.observation) ?? 0;
+  return {
+    kind: "stroke",
+    pathData: `M${o.x},${o.y}L${i.x},${i.y}`,
+    width: s
+  };
+}, _ = (t, a, e, r) => {
+  const o = u(e, {
+    main: t,
+    cross: a
+  });
+  return U(F(o.x, o.y), r);
+}, A = (t) => {
+  const a = Y(t.data, t.mapping, t.id);
+  return (e) => a(e.observation);
+}, pt = 0.4, vt = 0.2, gt = 1, bt = 0.5, P = ({ lollipops: t, mainAxis: a, styleReaders: e, getKey: r, hovered: o, shouldAnimateTransitions: i = !1 }) => {
+  const s = e.part("stem"), d = o === void 0 ? void 0 : "hovered";
+  return /* @__PURE__ */ Q(q, { children: [
+    s && t.map((n) => /* @__PURE__ */ l(mt, {
+      lollipop: n,
+      mainAxis: a,
+      readers: s,
+      state: d,
+      shouldAnimateTransitions: i
+    }, r(n))),
+    t.map((n) => /* @__PURE__ */ l(ft, {
+      lollipop: n,
+      mainAxis: a,
+      styleReaders: e,
+      state: d,
+      shouldAnimateTransitions: i
+    }, r(n))),
+    o?.primary && /* @__PURE__ */ l(yt, {
+      lollipop: o.primary,
+      mainAxis: a,
+      styleReaders: e
+    })
+  ] });
+}, mt = ({ lollipop: t, mainAxis: a, readers: e, state: r, shouldAnimateTransitions: o }) => {
+  const i = u(a, {
+    main: t.band,
+    cross: t.base
+  }), s = u(a, {
+    main: t.band,
+    cross: t.tip
+  }), d = e.get("strokeWidth", t.observation, r) ?? 0, n = e.get("stroke", t.observation, r);
+  return /* @__PURE__ */ l(z, {
+    "data-testid": "lollipop-stem",
+    x1: h(m(i.x)),
+    y1: h(f(i.y)),
+    x2: h(m(s.x)),
+    y2: h(f(s.y)),
+    stroke: n === void 0 ? void 0 : R(n),
+    strokeOpacity: e.get("alpha", t.observation, r),
+    strokeWidth: d,
+    strokeDasharray: Z(e.get("dashArray", t.observation, r), d),
+    shouldAnimateTransitions: o
+  });
+}, ft = ({ lollipop: t, mainAxis: a, styleReaders: e, state: r, shouldAnimateTransitions: o }) => {
+  const i = u(a, {
+    main: t.band,
+    cross: t.tip
+  }), s = e.get("fill", t.observation, r);
+  return /* @__PURE__ */ l(B, {
+    "data-testid": "lollipop-head",
+    cx: h(m(i.x)),
+    cy: h(f(i.y)),
+    r: V(t, e, r),
+    fill: s === void 0 ? void 0 : R(s),
+    opacity: e.get("alpha", t.observation, r),
+    fillOpacity: e.get("fillAlpha", t.observation, r),
+    stroke: e.get("stroke", t.observation, r),
+    strokeOpacity: e.get("strokeAlpha", t.observation, r),
+    strokeWidth: e.get("strokeWidth", t.observation, r),
+    shouldAnimateTransitions: o
+  });
+}, yt = ({ lollipop: t, mainAxis: a, styleReaders: e }) => {
+  const r = u(a, {
+    main: t.band,
+    cross: t.tip
+  }), o = V(t, e, "hovered"), i = e.get("strokeWidth", t.observation, "hovered") ?? 0, s = Math.max(gt, o * pt), d = Math.max(bt, o * vt);
+  return /* @__PURE__ */ l("circle", {
+    "data-testid": "lollipop-hover-ring",
+    cx: h(m(r.x)),
+    cy: h(f(r.y)),
+    r: o + i / 2 + d + s / 2,
+    fill: "none",
+    stroke: e.get("stroke", t.observation, "hovered"),
+    strokeWidth: s
+  });
+}, V = (t, a, e) => (a.get("size", t.observation, e) ?? 0) / 2, kt = ({ layer: t, sourceLayer: a, mainAxis: e, styleReaders: r }) => /* @__PURE__ */ l(P, {
+  lollipops: v(() => g(t.data, e), [t.data, e]),
+  mainAxis: e,
+  styleReaders: r,
+  getKey: v(() => A(a), [a])
+}), xt = ({ layer: t, primary: a, siblings: e, mainAxis: r, styleReaders: o }) => /* @__PURE__ */ l("g", {
+  "data-testid": "hovered-lollipops",
+  children: /* @__PURE__ */ l(P, {
+    lollipops: g([a, ...e].map((i) => i.observation), r),
+    mainAxis: r,
+    styleReaders: o,
+    getKey: v(() => A(t), [t]),
+    hovered: { primary: L(a.observation, r) }
+  })
+}), _t = ({ layer: t, mainAxis: a, styleReaders: e, shouldAnimateTransitions: r, intro: o }) => {
+  const i = /* @__PURE__ */ l(P, {
+    lollipops: v(() => g(t.data, a), [t.data, a]),
+    mainAxis: a,
+    styleReaders: e,
+    getKey: v(() => A(t), [t]),
+    shouldAnimateTransitions: r
+  });
+  return o?.type === "fade" ? /* @__PURE__ */ l(K, {
+    intro: o,
+    children: i
+  }) : i;
+}, Wt = j(new ht(), {
+  coord: "cartesian",
+  swatchShape: "circle",
+  guideMode: "band",
+  render: ({ layer: t, coordSystem: a, styleReaders: e, shouldAnimateTransitions: r, intro: o }) => /* @__PURE__ */ l(_t, {
+    layer: t,
+    mainAxis: c(a),
+    styleReaders: e,
+    shouldAnimateTransitions: r,
+    intro: o
+  }),
+  renderHighlight: ({ layer: t, sourceLayer: a, coordSystem: e, styleReaders: r }) => /* @__PURE__ */ l(kt, {
+    layer: t,
+    sourceLayer: a,
+    mainAxis: c(e),
+    styleReaders: r
+  }),
+  renderHover: ({ layer: t, primary: a, group: e, related: r, coordSystem: o, styleReaders: i }) => /* @__PURE__ */ l(xt, {
+    layer: t,
+    primary: a,
+    siblings: [...e, ...r],
+    mainAxis: c(o),
+    styleReaders: i
+  }),
+  renderHoverCompanions: () => null,
+  getEditOutlineShapes: ct
+});
+export {
+  ht as LollipopGeom,
+  Wt as lollipop
+};

package/dist/renderer/lollipop-edit-outline.d.ts

@@ -0,0 +1,3 @@
+import { EditOutlineShape, GeomEditOutlineShapesRendererInput } from '@graphysdk/react';
+/** What point and edit outlines round the lollipops they take: each stem as the stroke it is painted, and each head at its painted size. */
+export declare const getLollipopEditOutlineShapes: ({ layer, coordSystem, panelRect, styleReaders, }: GeomEditOutlineShapesRendererInput) => EditOutlineShape[];

package/dist/renderer/lollipop-highlight.d.ts

@@ -0,0 +1,11 @@
+import { GeomStyleReaders, MainAxis, SceneLayer } from '@graphysdk/react';
+interface HighlightedLollipopsProps {
+    layer: SceneLayer;
+    /** The whole layer the matched observations were taken from. */
+    sourceLayer: SceneLayer;
+    mainAxis: MainAxis;
+    styleReaders: GeomStyleReaders;
+}
+/** Repaints the matched lollipops above the dimmed layer. A stem belongs to its head alone, so each rises whole. */
+export declare const HighlightedLollipops: ({ layer, sourceLayer, mainAxis, styleReaders }: HighlightedLollipopsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/renderer/lollipop-hover.d.ts

@@ -0,0 +1,12 @@
+import { GeomStyleReaders, HoverHit, MainAxis, SceneLayer } from '@graphysdk/react';
+interface HoveredLollipopsProps {
+    layer: SceneLayer;
+    primary: HoverHit;
+    /** The other lollipops of the hovered category. */
+    siblings: readonly HoverHit[];
+    mainAxis: MainAxis;
+    styleReaders: GeomStyleReaders;
+}
+/** The hovered category's lollipops, repainted above the dimmed layer. */
+export declare const HoveredLollipops: ({ layer, primary, siblings, mainAxis, styleReaders }: HoveredLollipopsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/renderer/lollipop-layer.d.ts

@@ -0,0 +1,15 @@
+import { GeomStyleReaders, LayerIntroPlan, MainAxis, SceneLayer } from '@graphysdk/react';
+interface LollipopLayerProps {
+    layer: SceneLayer;
+    mainAxis: MainAxis;
+    styleReaders: GeomStyleReaders;
+    shouldAnimateTransitions: boolean;
+    intro: LayerIntroPlan | null | undefined;
+}
+/**
+ * The layer's own paint. The engine plans a plugin geom's entrance as a fade, so the whole layer comes up on
+ * one clock. The fade is independent of `shouldAnimateTransitions`: it rides the group rather than moving the
+ * marks, so it plays even when data changes snap.
+ */
+export declare const LollipopLayer: ({ layer, mainAxis, styleReaders, shouldAnimateTransitions, intro, }: LollipopLayerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/renderer/lollipop-paint.d.ts

@@ -0,0 +1,20 @@
+import { GeomStyleReaders, MainAxis } from '@graphysdk/react';
+import { Lollipop } from '../utils/read-lollipop';
+/** What one pass paints: every stem below, every head above them. */
+export interface LollipopPaintProps {
+    lollipops: readonly Lollipop[];
+    mainAxis: MainAxis;
+    styleReaders: GeomStyleReaders;
+    /** What identifies each lollipop across a data change, so a spring moves a mark rather than swapping it. */
+    getKey: (lollipop: Lollipop) => string;
+    /** Paints in the `hovered` state, ringing this head as the one the tooltip marks primary. */
+    hovered?: {
+        primary: Lollipop | null;
+    };
+    /**
+     * Whether stems and heads spring to their new positions when the data changes. The hover and highlight
+     * repaints mount and unmount with the interaction, so only the layer's own paint animates.
+     */
+    shouldAnimateTransitions?: boolean;
+}
+export declare const LollipopPaint: ({ lollipops, mainAxis, styleReaders, getKey, hovered, shouldAnimateTransitions, }: LollipopPaintProps) => import("react/jsx-runtime").JSX.Element;

package/dist/renderer/lollipop.d.ts

@@ -0,0 +1,15 @@
+import { BoundGeomRendererDefinition } from '@graphysdk/react';
+import { LollipopGeom } from '../engine/lollipop.geom';
+/**
+ * The lollipop plugin: pass it to `createGraphyKit({ plugins: [lollipop] })` for `kit.geom.lollipop()`.
+ *
+ * @example
+ *   const kit = createGraphyKit({ plugins: [lollipop] });
+ *   const spec = kit.pipe(
+ *     kit.createSpec({ x: 'product', y: 'revenue' }),
+ *     kit.geom.lollipop(),
+ *     kit.scale.x.discrete(),
+ *     kit.scale.y.continuous()
+ *   );
+ */
+export declare const lollipop: BoundGeomRendererDefinition<LollipopGeom>;

package/dist/renderer/utils/lollipop-keys.d.ts

@@ -0,0 +1,7 @@
+import { SceneLayer } from '@graphysdk/react';
+import { Lollipop } from '../../utils/read-lollipop';
+/**
+ * A lollipop keys on its `(group, category)`, read from raw values rather than the band: the band moves with the
+ * domain, the very change a mark should spring through, not remount on.
+ */
+export declare const createLollipopKeys: (layer: SceneLayer) => ((lollipop: Lollipop) => string);

package/dist/utils/read-lollipop.d.ts

@@ -0,0 +1,20 @@
+import { MainAxis, Observation } from '@graphysdk/react';
+/** A lollipop placed by where its stem stands on the main axis and the two ends it runs between on the other. */
+export interface Lollipop {
+    observation: Observation;
+    /** Where the stem stands on the main axis, as a `[0, 1]` fraction: its sub-band's centre under dodge. */
+    band: number;
+    /** The stem's foot on the value axis, as a `[0, 1]` fraction: the zero baseline. */
+    base: number;
+    /** The head's position on the value axis, as a `[0, 1]` fraction. */
+    tip: number;
+}
+/**
+ * Reads where a lollipop sits. The flip is already baked into the position columns, so under `coord.flip()`
+ * the band interval is `yMin`/`yMax` and the stem runs `xMin` to `xMax`; the main axis says which is which.
+ */
+export declare const readLollipop: (observation: Observation, mainAxis: MainAxis) => Lollipop | null;
+/** Reads every lollipop of a layer, skipping an observation with no value to stand on. */
+export declare const readLollipops: (observations: Iterable<Observation>, mainAxis: MainAxis) => Lollipop[];
+/** Whether the head sits below its baseline on the value axis, so the stem hangs rather than rises. */
+export declare const isHanging: (lollipop: Lollipop) => boolean;

package/licenses/PolyForm-Free-Trial-1.0.0.md

@@ -0,0 +1,93 @@
+# PolyForm Free Trial License 1.0.0
+
+<https://polyformproject.org/licenses/free-trial/1.0.0>
+
+## Acceptance
+
+In order to get any license under these terms, you must agree
+to them as both strict obligations and conditions to all
+your licenses.
+
+## Copyright License
+
+The licensor grants you a copyright license for the software
+to do everything you might do with the software that would
+otherwise infringe the licensor's copyright in it for any
+permitted purpose. However, you may only make changes or
+new works based on the software according to [Changes and New
+Works License](#changes-and-new-works-license), and you may
+not distribute copies of the software.
+
+## Changes and New Works License
+
+The licensor grants you an additional copyright license to
+make changes and new works based on the software for any
+permitted purpose.
+
+## Patent License
+
+The licensor grants you a patent license for the software that
+covers patent claims the licensor can license, or becomes able
+to license, that you would infringe by using the software.
+
+## Fair Use
+
+You may have "fair use" rights for the software under the
+law. These terms do not limit them.
+
+## Free Trial
+
+Use to evaluate whether the software suits a particular
+application for less than 32 consecutive calendar days, on
+behalf of you or your company, is use for a permitted purpose.
+
+## No Other Rights
+
+These terms do not allow you to sublicense or transfer any of
+your licenses to anyone else, or prevent the licensor from
+granting licenses to anyone else. These terms do not imply
+any other licenses.
+
+## Patent Defense
+
+If you make any written claim that the software infringes or
+contributes to infringement of any patent, your patent license
+for the software granted under these terms ends immediately. If
+your company makes such a claim, your patent license ends
+immediately for work on behalf of your company.
+
+## Violations
+
+If you violate any of these terms, or do anything with the
+software not covered by your licenses, all your licenses
+end immediately.
+
+## No Liability
+
+_**As far as the law allows, the software comes as is, without
+any warranty or condition, and the licensor will not be liable
+to you for any damages arising out of these terms or the use
+or nature of the software, under any kind of legal claim.**_
+
+## Definitions
+
+The **licensor** is the individual or entity offering these
+terms, and the **software** is the software the licensor makes
+available under these terms.
+
+**You** refers to the individual or entity agreeing to these
+terms.
+
+**Your company** is any legal entity, sole proprietorship,
+or other kind of organization that you work for, plus all
+organizations that have control over, are under the control of,
+or are under common control with that organization. **Control**
+means ownership of substantially all the assets of an entity,
+or the power to direct its management and policies by vote,
+contract, or otherwise. Control can be direct or indirect.
+
+**Your licenses** are all the licenses granted to you for the
+software under these terms.
+
+**Use** means anything you do with the software requiring one
+of your licenses.

package/licenses/PolyForm-NonCommercial-1.0.0.md

@@ -0,0 +1,131 @@
+# PolyForm Noncommercial License 1.0.0
+
+<https://polyformproject.org/licenses/noncommercial/1.0.0>
+
+## Acceptance
+
+In order to get any license under these terms, you must agree
+to them as both strict obligations and conditions to all
+your licenses.
+
+## Copyright License
+
+The licensor grants you a copyright license for the
+software to do everything you might do with the software
+that would otherwise infringe the licensor's copyright
+in it for any permitted purpose. However, you may
+only distribute the software according to [Distribution
+License](#distribution-license) and make changes or new works
+based on the software according to [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Distribution License
+
+The licensor grants you an additional copyright license
+to distribute copies of the software. Your license
+to distribute covers distributing the software with
+changes and new works permitted by [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Notices
+
+You must ensure that anyone who gets a copy of any part of
+the software from you also gets a copy of these terms or the
+URL for them above, as well as copies of any plain-text lines
+beginning with `Required Notice:` that the licensor provided
+with the software. For example:
+
+> Required Notice: Copyright Graphy Technologies Ltd. (https://graphy.dev)
+
+## Changes and New Works License
+
+The licensor grants you an additional copyright license to
+make changes and new works based on the software for any
+permitted purpose.
+
+## Patent License
+
+The licensor grants you a patent license for the software that
+covers patent claims the licensor can license, or becomes able
+to license, that you would infringe by using the software.
+
+## Noncommercial Purposes
+
+Any noncommercial purpose is a permitted purpose.
+
+## Personal Uses
+
+Personal use for research, experiment, and testing for
+the benefit of public knowledge, personal study, private
+entertainment, hobby projects, amateur pursuits, or religious
+observance, without any anticipated commercial application,
+is use for a permitted purpose.
+
+## Noncommercial Organizations
+
+Use by any charitable organization, educational institution,
+public research organization, public safety or health
+organization, environmental protection organization,
+or government institution is use for a permitted purpose
+regardless of the source of funding or obligations resulting
+from the funding.
+
+## Fair Use
+
+You may have "fair use" rights for the software under the
+law. These terms do not limit them.
+
+## No Other Rights
+
+These terms do not allow you to sublicense or transfer any of
+your licenses to anyone else, or prevent the licensor from
+granting licenses to anyone else. These terms do not imply
+any other licenses.
+
+## Patent Defense
+
+If you make any written claim that the software infringes or
+contributes to infringement of any patent, your patent license
+for the software granted under these terms ends immediately. If
+your company makes such a claim, your patent license ends
+immediately for work on behalf of your company.
+
+## Violations
+
+The first time you are notified in writing that you have
+violated any of these terms, or done anything with the software
+not covered by your licenses, your licenses can nonetheless
+continue if you come into full compliance with these terms,
+and take practical steps to correct past violations, within
+32 days of receiving notice. Otherwise, all your licenses
+end immediately.
+
+## No Liability
+
+_**As far as the law allows, the software comes as is, without
+any warranty or condition, and the licensor will not be liable
+to you for any damages arising out of these terms or the use
+or nature of the software, under any kind of legal claim.**_
+
+## Definitions
+
+The **licensor** is the individual or entity offering these
+terms, and the **software** is the software the licensor makes
+available under these terms.
+
+**You** refers to the individual or entity agreeing to these
+terms.
+
+**Your company** is any legal entity, sole proprietorship,
+or other kind of organization that you work for, plus all
+organizations that have control over, are under the control of,
+or are under common control with that organization. **Control**
+means ownership of substantially all the assets of an entity,
+or the power to direct its management and policies by vote,
+contract, or otherwise. Control can be direct or indirect.
+
+**Your licenses** are all the licenses granted to you for the
+software under these terms.
+
+**Use** means anything you do with the software requiring one
+of your licenses.

package/licenses/PolyForm-Small-Business-1.0.0.md

@@ -0,0 +1,121 @@
+# PolyForm Small Business License 1.0.0
+
+<https://polyformproject.org/licenses/small-business/1.0.0>
+
+## Acceptance
+
+In order to get any license under these terms, you must agree
+to them as both strict obligations and conditions to all
+your licenses.
+
+## Copyright License
+
+The licensor grants you a copyright license for the
+software to do everything you might do with the software
+that would otherwise infringe the licensor's copyright
+in it for any permitted purpose. However, you may
+only distribute the software according to [Distribution
+License](#distribution-license) and make changes or new works
+based on the software according to [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Distribution License
+
+The licensor grants you an additional copyright license
+to distribute copies of the software. Your license
+to distribute covers distributing the software with
+changes and new works permitted by [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Notices
+
+You must ensure that anyone who gets a copy of any part of
+the software from you also gets a copy of these terms or the
+URL for them above, as well as copies of any plain-text lines
+beginning with `Required Notice:` that the licensor provided
+with the software. For example:
+
+> Required Notice: Copyright Graphy Technologies Ltd. (https://graphy.dev)
+
+## Changes and New Works License
+
+The licensor grants you an additional copyright license to
+make changes and new works based on the software for any
+permitted purpose.
+
+## Patent License
+
+The licensor grants you a patent license for the software that
+covers patent claims the licensor can license, or becomes able
+to license, that you would infringe by using the software.
+
+## Fair Use
+
+You may have "fair use" rights for the software under the
+law. These terms do not limit them.
+
+## Small Business
+
+Use of the software for the benefit of your company is use for
+a permitted purpose if your company has fewer than 100 total
+individuals working as employees and independent contractors,
+and less than 1,000,000 USD (2019) total revenue in the prior
+tax year. Adjust this revenue threshold for inflation according
+to the United States Bureau of Labor Statistics' consumer price
+index for all urban consumers, U.S. city average, for all items,
+not seasonally adjusted, with 1982–1984=100 reference base.
+
+## No Other Rights
+
+These terms do not allow you to sublicense or transfer any of
+your licenses to anyone else, or prevent the licensor from
+granting licenses to anyone else. These terms do not imply
+any other licenses.
+
+## Patent Defense
+
+If you make any written claim that the software infringes or
+contributes to infringement of any patent, your patent license
+for the software granted under these terms ends immediately. If
+your company makes such a claim, your patent license ends
+immediately for work on behalf of your company.
+
+## Violations
+
+The first time you are notified in writing that you have
+violated any of these terms, or done anything with the software
+not covered by your licenses, your licenses can nonetheless
+continue if you come into full compliance with these terms,
+and take practical steps to correct past violations, within
+32 days of receiving notice. Otherwise, all your licenses
+end immediately.
+
+## No Liability
+
+_**As far as the law allows, the software comes as is, without
+any warranty or condition, and the licensor will not be liable
+to you for any damages arising out of these terms or the use
+or nature of the software, under any kind of legal claim.**_
+
+## Definitions
+
+The **licensor** is the individual or entity offering these
+terms, and the **software** is the software the licensor makes
+available under these terms.
+
+**You** refers to the individual or entity agreeing to these
+terms.
+
+**Your company** is any legal entity, sole proprietorship,
+or other kind of organization that you work for, plus all
+organizations that have control over, are under the control of,
+or are under common control with that organization. **Control**
+means ownership of substantially all the assets of an entity,
+or the power to direct its management and policies by vote,
+contract, or otherwise. Control can be direct or indirect.
+
+**Your licenses** are all the licenses granted to you for the
+software under these terms.
+
+**Use** means anything you do with the software requiring one
+of your licenses.

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@graphysdk/geom-lollipop",
+  "author": "Graphy",
+  "description": "Lollipop geom for the Graphy charting SDK (beta)",
+  "homepage": "https://docs.graphy.dev/sdk-next/graph-types/lollipop",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "keywords": [
+    "graphy",
+    "chart",
+    "react",
+    "visualization",
+    "grammar-of-graphics",
+    "lollipop"
+  ],
+  "version": "0.1.0",
+  "type": "module",
+  "sideEffects": false,
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "LICENSE.md",
+    "licenses",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "@graphysdk/react": "^1.9.0-beta.1790720825915"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "rollup-plugin-node-externals": "^8.1.1",
+    "vite": "^8.1.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.1.11",
+    "@graphysdk/react": "1.9.0-beta.1790720825915",
+    "@graphytools/typescript-config": "0.0.1",
+    "@graphytools/vitest-config": "1.0.0",
+    "@graphysdk/viz-engine": "1.8.0",
+    "@graphytools/eslint-config": "0.0.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,jsx,json,css,md}": [
+      "prettier --write"
+    ],
+    "*.{ts,tsx}": [
+      "eslint --max-warnings=0 --fix"
+    ]
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest run",
+    "test:watch": "TZ=utc vitest",
+    "lint": "eslint . --max-warnings 0",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "typecheck": "tsc --noEmit"
+  }
+}