@graphysdk/geom-mekko 0.0.0-stage → 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

@@ -1,3 +1,55 @@
-# Temporary Holding Version
+# @graphysdk/geom-mekko
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+> **Beta.** This geom is on a `0.x` version line: a minor release may change its aesthetics, params, style or look. Use a caret range (`^0.1.0`) to take only patches.
+
+A Marimekko geom for the Graphy charting SDK. It draws a 100% stacked column chart whose columns are as wide as their totals, so each cell's area is its share of the whole: a market's size across, each company's share of it up.
+
+Learn more at [graphy.dev](https://graphy.dev).
+
+## Install
+
+```bash
+npm install @graphysdk/geom-mekko @graphysdk/react
+```
+
+Requires React 19. Its only peer is `@graphysdk/react`.
+
+## Usage
+
+Data is one row per cell. Map the column to `x`, the cell's amount to `y` and its group to `color`. The share axis is continuous, so declare `scale.x.continuous()`; it is ticked with each column's name at its center:
+
+```tsx
+import { createGraphyKit, GraphRenderer } from '@graphysdk/react';
+import { mekko } from '@graphysdk/geom-mekko';
+
+const kit = createGraphyKit({ plugins: [mekko] });
+
+const spec = kit.pipe(
+  kit.createSpec({ x: 'market', y: 'revenue', color: 'company' }),
+  kit.geom.mekko(),
+  kit.scale.x.continuous(),
+  kit.scale.y.continuous()
+);
+
+export function Markets({ data }) {
+  return (
+    <kit.GraphProvider spec={spec} data={data}>
+      <GraphRenderer />
+    </kit.GraphProvider>
+  );
+}
+```
+
+Add `kit.coord.flip()` for a horizontal mekko. Style the cells with `kit.style.geom.mekko()`.
+
+## Docs
+
+- [Mekko](https://docs.graphy.dev/sdk-next/graph-types/mekko)
+
+## 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).

package/dist/engine/mekko-columns.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Columns the stat writes, as `percentage` fractions. Public: authors name them in a `label`, `highlight` or `where`.
+ */
+export declare const MEKKO_COLUMNS: {
+    /** A cell's share of its column: what its height encodes, and what the value axis reads. */
+    readonly shareOfColumn: "mekkoShareOfColumn";
+    /** The cell's column's share of the grand total: what the column's width encodes. */
+    readonly columnShare: "mekkoColumnShare";
+};

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

@@ -0,0 +1,6 @@
+import { PlacementResult, PluginPlacementContext } from '@graphysdk/react';
+/**
+ * A label per cell. Cells tile the panel, so under `'auto'` a label that does not fit centered inside its cell is
+ * dropped rather than moved onto a neighbour. An explicit position is honoured as written.
+ */
+export declare const placeMekkoDataLabels: (context: PluginPlacementContext) => PlacementResult;

package/dist/engine/mekko-params.d.ts

@@ -0,0 +1,11 @@
+/** A column's key as an author names it in `sort`. */
+export type MekkoColumnKey = string | number;
+/** Column order: by first row, by total, or as listed. Unlisted columns follow the listed ones, in data order. */
+export type MekkoColumnSort = 'data' | 'ascending' | 'descending' | readonly MekkoColumnKey[];
+/** Read by the stat, since they decide where a cell sits. */
+export interface MekkoGeomParams {
+    /** The order the columns run in. Defaults to `'data'`. */
+    sort?: MekkoColumnSort;
+}
+export declare const isColumnSort: (value: unknown) => value is MekkoColumnSort;
+export declare const readColumnSort: (params: Readonly<Record<string, unknown>> | undefined) => MekkoColumnSort;

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

@@ -0,0 +1,86 @@
+import { AnchorContext, AnchorPosition, GeomCompileResult, GeomCompilerInput, GeomMappingValidationInput, GeomObservationPart, GeomStyleTarget, Observation, PlacementResult, PluginPlacementContext, UserInputIssue, Geom } from '@graphysdk/react';
+import { MekkoStat } from './mekko.stat';
+import { MekkoGeomParams } from './mekko-params';
+/** Adds the width of the border that parts one cell from the next. */
+declare const CELL_VOCABULARY: {
+    readonly strokeWidth: "pixels";
+};
+/** Named so the published types reach the observations through `@graphysdk/react`, the package's one peer. */
+interface MekkoStyleTarget extends GeomStyleTarget {
+    observation: GeomObservationPart<typeof CELL_VOCABULARY>;
+}
+/**
+ * A Marimekko chart: a 100% stacked column chart whose columns are as wide as their totals, so each cell's area is
+ * its share of the whole. One row per cell: `x` the column, `y` its amount, `color` its group. Both axes run 0 to
+ * 100%; the main axis is ticked at each column's center with its name. Horizontal is `coord.flip()`.
+ */
+export declare class MekkoGeom extends Geom<MekkoGeomParams> {
+    readonly type: "mekko";
+    readonly defaultParams: MekkoGeomParams;
+    readonly defaultStat: MekkoStat;
+    /** A cell is an `x` interval spanning one category by a `y` interval; its share of the column stands in for `y`. */
+    readonly positionRoles: readonly [{
+        readonly axis: "x";
+        readonly role: "min";
+        readonly valueKind: "value";
+    }, {
+        readonly axis: "x";
+        readonly role: "max";
+        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 kind: "visual";
+        readonly name: "alpha";
+    }, {
+        readonly kind: "data";
+        readonly name: "value";
+    }, {
+        readonly kind: "data";
+        readonly name: "columnShare";
+    }];
+    readonly derivedVariables: ("mekkoShareOfColumn" | "mekkoColumnShare")[];
+    /** The stat already places every cell; there is nothing to stack or dodge. */
+    readonly supportedPositions: readonly ["identity"];
+    readonly supportedCoordTypes: readonly ["cartesian", "flip"];
+    /** Each `x` interval spans one column, so the main axis names its columns at their centers rather than printing percentages. */
+    readonly categorySpanAxes: readonly ["x"];
+    /** A grid line at each column's center would cut through the column it names. */
+    readonly grid: {
+        cartesian: {
+            hideGridX: boolean;
+        };
+        flip: {
+            hideGridX: boolean;
+        };
+    };
+    readonly legend: {
+        suppressWhenSingleItem: boolean;
+    };
+    readonly dataLabelCoordTypes: readonly ["cartesian", "flip"];
+    readonly getDataLabelPlacements: (context: PluginPlacementContext) => PlacementResult;
+    /** Each cell hovers as one unit, like a stacked bar's segment. */
+    readonly spatialKind = "rects";
+    readonly highlightStrategy: "observation-rerender";
+    readonly styleTarget: MekkoStyleTarget;
+    /** Only the `mekko` stat lays cells out, and it computes `value` and `columnShare`, overwriting any mapping. */
+    readonly validateMapping: ({ mapping, computedVariables, }: GeomMappingValidationInput) => readonly UserInputIssue[];
+    /** Drops a `sort` the stat cannot read and reports it, so the columns fall back to data order. */
+    resolveParams(options: Parameters<Geom['resolveParams']>[0]): Record<string, unknown>;
+    /** Anchors annotations at the cell's center: a mekko is read by area, not by an end. */
+    readonly resolveAnchorPosition: (observation: Observation, { coordSystem }: AnchorContext) => AnchorPosition | null;
+    /** The stat has laid the cells out; nothing is left to compute. */
+    compile({ data }: GeomCompilerInput): GeomCompileResult;
+}
+export {};

package/dist/engine/mekko.stat.d.ts

@@ -0,0 +1,12 @@
+import { StatCompileResult, StatCompilerInput, Stat } from '@graphysdk/react';
+/** Every aesthetic the layout provides from `x` and `y`, so a layer under this stat maps none of them itself. */
+export declare const MEKKO_STAT_AESTHETICS: ReadonlySet<string>;
+/**
+ * Sums `y` per column and group, then lays the cells out. `y` becomes the share of the column, which the value
+ * axis reads; the summed amount moves to `value`.
+ */
+export declare class MekkoStat extends Stat {
+    readonly type: "mekko";
+    readonly computedVariables: ReadonlySet<string>;
+    protected computeStat({ data, mapping, params }: StatCompilerInput): StatCompileResult;
+}

package/dist/engine/utils/measure-cells.d.ts

@@ -0,0 +1,23 @@
+import { MekkoColumnSort } from '../mekko-params';
+/** Where one cell sits in the unit square, and the two shares that place it, all as fractions of `1`. */
+export interface Cell {
+    /** The column's two edges along the main axis. */
+    columnStart: number;
+    columnEnd: number;
+    /** The cell's two ends within its column, lower first. */
+    cellStart: number;
+    cellEnd: number;
+    shareOfColumn: number;
+    columnShare: number;
+}
+/**
+ * Reads a cell's value as what it draws: a positive amount, so a missing, zero, negative or non-finite value draws
+ * nothing and adds nothing to its column's width. A zero would draw a cell with no height that hover still finds.
+ */
+export declare const readCellValue: (value: number | null) => number | null;
+/**
+ * Each column is as wide as its total's share of the grand total, in `sort` order; each cell as tall as its share
+ * of its column. Cells stack by their group's first appearance in the data, so a group keeps its place in every
+ * column and matches the legend. `null` for a cell with no value or a zero total.
+ */
+export declare const measureCells: (columnKeys: readonly unknown[], groupKeys: readonly unknown[], values: ReadonlyArray<number | null>, sort?: MekkoColumnSort) => Array<Cell | null>;

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let n=require("@graphysdk/react"),x=require("react"),f=require("react/jsx-runtime");var V=(e,t)=>{const a=t==="x"?(0,n.getXMin)(e):(0,n.getYMin)(e),o=t==="x"?(0,n.getXMax)(e):(0,n.getYMax)(e),r=t==="x"?(0,n.getYMin)(e):(0,n.getXMin)(e),s=t==="x"?(0,n.getYMax)(e):(0,n.getXMax)(e);return a===null||o===null||r===null||s===null?null:{observation:e,columnStart:a,columnEnd:o,low:r,high:s}},S=(e,t)=>{const a=[];for(const o of e){const r=V(o,t);r!==null&&a.push(r)}return a},w=e=>e===null||!Number.isFinite(e)||e<=0?null:e,B=(e,t,a,o="data")=>{const r=a.map(w),s=I(t),l=e.map((d,c)=>c).sort((d,c)=>(s.get(t[d])??0)-(s.get(t[c])??0)),u=new Map;for(const d of l){const c=e[d],m=r[d];c===null||m===null||m===void 0||u.set(c,(u.get(c)??0)+m)}const v=new Map;let h=0;for(const[d,c]of j([...u],o)){const m=h;h+=c,v.set(d,{start:m,end:h})}const i=h;if(i===0)return r.map(()=>null);const g=r.map(()=>null),p=new Map;for(const d of l){const c=e[d],m=r[d],k=u.get(c),b=v.get(c);if(m==null||k===void 0||k===0||b===void 0)continue;const M=p.get(c)??0;p.set(c,M+m),g[d]={columnStart:b.start/i,columnEnd:b.end/i,cellStart:M/k,cellEnd:(M+m)/k,shareOfColumn:m/k,columnShare:k/i}}return g},I=e=>{const t=new Map;for(const a of e)t.has(a)||t.set(a,t.size);return t},j=(e,t)=>{if(t==="data")return e;if(t==="ascending")return[...e].sort(([,r],[,s])=>r-s);if(t==="descending")return[...e].sort(([,r],[,s])=>s-r);const a=I(t),o=r=>a.get(r)??a.size;return[...e].sort(([r],[s])=>o(r)-o(s))},y={shareOfColumn:"mekkoShareOfColumn",columnShare:"mekkoColumnShare"},G=["data","ascending","descending"],P=e=>G.includes(e)||Array.isArray(e)&&e.every(t=>typeof t=="string"||typeof t=="number"),D=e=>{const t=e?.sort;return P(t)?t:"data"},E=new Set(["value","columnShare"]),O="mekkoAmount",K=class extends n.Stat{constructor(...e){super(...e),this.type="mekko",this.computedVariables=E}computeStat({data:e,mapping:t,params:a}){const o=(0,n.readVariableName)(t.x),r=(0,n.readVariableName)(t.y);if(o===null||r===null||!e.hasVariable(o)||!e.hasVariable(r))return{data:e,mapping:{}};if(e.size()>0&&e.getType(r)!=="numeric"){const u=e.getType(r);throw new n.UserInputError({code:"INCOMPATIBLE_TYPE",message:`'mekko' stat requires a numeric 'y' (got '${u}' for variable '${r}')`,context:{aesthetic:"y",variableName:r,variableType:u},suggestion:"Map each cell's amount to 'y'."})}const s=(0,n.getGroupVariables)(e,t).filter(u=>u!==o),l=H(e,o,r,s);return{data:R(l,o,r,s,D(a)),mapping:{y:y.shareOfColumn,value:r,columnShare:y.columnShare}}}},H=(e,t,a,o)=>{const r=e.getValues(a,{type:"numeric"}).map(w);return e.addVariable(O,"numeric",r,e.getValueFormat(a)).groupBy(t,...o).rollup({[a]:{variableName:O,aggregation:"sum"}})},R=(e,t,a,o,r)=>{const s=o.map(i=>e.getValues(i)),l=Array.from({length:e.size()},(i,g)=>JSON.stringify(s.map(p=>p[g]))),u=B(e.getValues(t).map(X),l,e.getValues(a,{type:"numeric"}),r),v={type:"percentage"},h=i=>u.map(g=>g===null?null:i(g));return e.addVariable(y.shareOfColumn,"numeric",h(i=>i.shareOfColumn),v).addVariable(y.columnShare,"numeric",h(i=>i.columnShare),v).addVariable(n.POSITION_VARIABLES.xMin,"numeric",h(i=>i.columnStart)).addVariable(n.POSITION_VARIABLES.xMax,"numeric",h(i=>i.columnEnd)).addVariable(n.POSITION_VARIABLES.yMin,"numeric",h(i=>i.cellStart)).addVariable(n.POSITION_VARIABLES.yMax,"numeric",h(i=>i.cellEnd))},X=e=>e instanceof Date?e.getTime():e,_=(e,t)=>{const a=(0,n.composePoint)(t,{main:e.columnStart,cross:e.low}),o=(0,n.composePoint)(t,{main:e.columnEnd,cross:e.high}),[r,s]=T((0,n.toViewBoxX)(a.x),(0,n.toViewBoxX)(o.x)),[l,u]=T((0,n.toViewBoxY)(a.y),(0,n.toViewBoxY)(o.y));return{x:r,y:l,width:s-r,height:u-l}},L=(e,t,a)=>{const o=_(e,t);return{x:o.x*a.width,y:o.y*a.height,width:o.width*a.width,height:o.height*a.height}},T=(e,t)=>e<=t?[e,t]:[t,e],$=e=>{const t=[];if(!e.layer.dataLabels.showDataLabels)return{labels:t,droppedCount:0};const{position:a,justify:o,align:r,offset:s}=e.layer.dataLabels,l=a==="auto",u=l?"inside":a,v=(0,n.readMainAxis)(e.coordSystem),h=(0,n.buildPanelAnchorBox)(e.panelRect);let i=0;for(const g of S(e.layer.data,v)){const p=e.formatLabel(g.observation);if(p==="")continue;const{width:d,height:c}=e.measureDataLabel("observation",u,p),m=(0,n.resolveAnchoredLabelCenter)({box:L(g,v,e.panelRect),panel:h,orientation:v==="x"?{valueAxis:"y",valueDirectionSign:-1}:{valueAxis:"x",valueDirectionSign:1},placement:u,justify:l?"center":o,align:l?"center":r,offset:s,labelWidth:d,labelHeight:c});if(l&&m.position!=="inside"){i+=1;continue}t.push({layerId:e.layer.id,x:m.x,y:m.y,text:p,width:d,height:c,isRotated:!1,role:"observation",position:m.position,backdropColor:m.position==="inside"?(0,n.readBackdropColor)(e.styleReaders,g.observation):void 0})}return{labels:t,droppedCount:i}},W=1,Y={strokeWidth:"pixels"},N=class extends n.Geom{constructor(...e){super(...e),this.type="mekko",this.defaultParams={},this.defaultStat=new K,this.positionRoles=[{axis:"x",role:"min",valueKind:"value"},{axis:"x",role:"max",valueKind:"value"},{axis:"y",role:"min",valueKind:"value"},{axis:"y",role:"max",valueKind:"value",aes:"y"}],this.aesthetics=[{kind:"visual",name:"color"},{kind:"visual",name:"alpha"},{kind:"data",name:"value"},{kind:"data",name:"columnShare"}],this.derivedVariables=[y.shareOfColumn,y.columnShare],this.supportedPositions=["identity"],this.supportedCoordTypes=["cartesian","flip"],this.categorySpanAxes=["x"],this.grid={cartesian:{hideGridX:!0},flip:{hideGridX:!0}},this.legend={suppressWhenSingleItem:!0},this.dataLabelCoordTypes=["cartesian","flip"],this.getDataLabelPlacements=$,this.spatialKind="rects",this.highlightStrategy="observation-rerender",this.styleTarget=(0,n.defineGeomStyleTarget)({observation:{vocabulary:Y,aesthetics:{fill:"color",alpha:"alpha"},rest:{fill:(0,n.token)("geom"),fillAlpha:1,stroke:(0,n.token)("graphBackground"),strokeWidth:W}}}),this.validateMapping=({mapping:t,computedVariables:a})=>a.has("columnShare")?[...E].filter(o=>t[o]!==void 0).map(o=>({code:"CONFLICTING_STAT_MAPPING",message:`mekko stat computes '${o}' from 'x' and 'y'; remove its mapping`})):[{code:"MISSING_STAT_OUTPUT",message:"mekko geom lays its cells out in the 'mekko' stat; remove the layer's stat"}],this.resolveAnchorPosition=(t,{coordSystem:a})=>{const o=(0,n.readMainAxis)(a),r=V(t,o);if(r===null)return null;const s=(r.columnStart+r.columnEnd)/2,l=(r.low+r.high)/2;return o==="x"?{x:s,y:l}:{x:l,y:s}}}resolveParams(e){const{sort:t,...a}=super.resolveParams(e);return t===void 0||P(t)?t===void 0?a:{...a,sort:t}:(e.diagnostics?.addWarning({code:"INVALID_GEOM_PARAM",message:`Mekko sort must be 'data', 'ascending', 'descending' or a list of columns, got ${JSON.stringify(t)}; falling back to 'data'.`,context:{geom:"mekko",param:"sort",expected:"'data' | 'ascending' | 'descending' | columns[]"},suggestion:"Set params.sort to 'descending' to run the columns largest first, or list them in order."}),a)}compile({data:e}){return{data:e,mapping:{}}}},F=({layer:e,coordSystem:t,panelRect:a})=>{const o=(0,n.readMainAxis)(t);return S(e.data,o).map(r=>{const s=L(r,o,a),l=s.x+s.width,u=s.y+s.height;return{kind:"region",pathData:`M${s.x},${s.y}H${l}V${u}H${s.x}Z`}})},C=e=>{const t=(0,n.createStableKeyGenerator)(e.data,e.mapping,e.id);return a=>t(a.observation)},A=({cells:e,mainAxis:t,styleReaders:a,getKey:o,isHovered:r=!1,shouldAnimateTransitions:s=!1})=>{const l=r?"hovered":void 0,u=(0,x.useMemo)(()=>e.map(i=>a.get("fill",i.observation,l)??"transparent"),[e,a,l]),{fillFor:v,defs:h}=(0,n.usePaintDefs)({paints:u});return(0,f.jsxs)(f.Fragment,{children:[h,e.map((i,g)=>{const p=_(i,t),d=u[g],c=a.get("stroke",i.observation,l);return(0,f.jsx)(n.GeomRect,{"data-testid":"mekko-cell",x:(0,n.toPercent)(p.x),y:(0,n.toPercent)(p.y),width:(0,n.toPercent)(p.width),height:(0,n.toPercent)(p.height),fill:d===void 0?void 0:v(d),opacity:a.get("alpha",i.observation,l),fillOpacity:a.get("fillAlpha",i.observation,l),stroke:c===void 0?void 0:(0,n.toPaintColor)(c),strokeWidth:a.get("strokeWidth",i.observation,l),shouldAnimateTransitions:s},o(i))})]})},U=({layer:e,sourceLayer:t,mainAxis:a,styleReaders:o})=>(0,f.jsx)(A,{cells:(0,x.useMemo)(()=>S(e.data,a),[e.data,a]),mainAxis:a,styleReaders:o,getKey:(0,x.useMemo)(()=>C(t),[t])}),q=({layer:e,primary:t,mainAxis:a,styleReaders:o})=>(0,f.jsx)("g",{"data-testid":"hovered-cells",children:(0,f.jsx)(A,{cells:S([t.observation],a),mainAxis:a,styleReaders:o,getKey:(0,x.useMemo)(()=>C(e),[e]),isHovered:!0})}),z=({layer:e,mainAxis:t,styleReaders:a,shouldAnimateTransitions:o,intro:r})=>{const s=(0,f.jsx)(A,{cells:(0,x.useMemo)(()=>S(e.data,t),[e.data,t]),mainAxis:t,styleReaders:a,getKey:(0,x.useMemo)(()=>C(e),[e]),shouldAnimateTransitions:o});return r==null?s:(0,f.jsx)(n.IntroFade,{intro:{type:"fade",layerId:r.layerId,durationSeconds:r.durationSeconds},children:s})},J=(0,n.defineGeomRenderer)(new N,{coord:"cartesian",swatchShape:"square",render:({layer:e,coordSystem:t,styleReaders:a,shouldAnimateTransitions:o,intro:r})=>(0,f.jsx)(z,{layer:e,mainAxis:(0,n.readMainAxis)(t),styleReaders:a,shouldAnimateTransitions:o,intro:r}),renderHighlight:({layer:e,sourceLayer:t,coordSystem:a,styleReaders:o})=>(0,f.jsx)(U,{layer:e,sourceLayer:t,mainAxis:(0,n.readMainAxis)(a),styleReaders:o}),renderHover:({layer:e,primary:t,coordSystem:a,styleReaders:o})=>(0,f.jsx)(q,{layer:e,primary:t,mainAxis:(0,n.readMainAxis)(a),styleReaders:o}),renderHoverCompanions:()=>null,getEditOutlineShapes:F});exports.MekkoGeom=N;exports.mekko=J;

package/dist/index.d.ts

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

package/dist/index.mjs

@@ -0,0 +1,374 @@
+import { Geom as X, GeomRect as Y, IntroFade as j, POSITION_VARIABLES as b, Stat as z, UserInputError as q, buildPanelAnchorBox as J, composePoint as O, createStableKeyGenerator as Z, defineGeomRenderer as Q, defineGeomStyleTarget as ee, getGroupVariables as te, getXMax as V, getXMin as E, getYMax as P, getYMin as I, readBackdropColor as re, readMainAxis as k, readVariableName as L, resolveAnchoredLabelCenter as ae, toPaintColor as oe, toPercent as C, toViewBoxX as _, toViewBoxY as N, token as B, usePaintDefs as ne } from "@graphysdk/react";
+import { useMemo as y } from "react";
+import { Fragment as se, jsx as f, jsxs as ie } from "react/jsx-runtime";
+var K = (e, t) => {
+  const r = t === "x" ? E(e) : I(e), o = t === "x" ? V(e) : P(e), a = t === "x" ? I(e) : E(e), n = t === "x" ? P(e) : V(e);
+  return r === null || o === null || a === null || n === null ? null : {
+    observation: e,
+    columnStart: r,
+    columnEnd: o,
+    low: a,
+    high: n
+  };
+}, x = (e, t) => {
+  const r = [];
+  for (const o of e) {
+    const a = K(o, t);
+    a !== null && r.push(a);
+  }
+  return r;
+}, H = (e) => e === null || !Number.isFinite(e) || e <= 0 ? null : e, le = (e, t, r, o = "data") => {
+  const a = r.map(H), n = $(t), i = e.map((c, u) => u).sort((c, u) => (n.get(t[c]) ?? 0) - (n.get(t[u]) ?? 0)), l = /* @__PURE__ */ new Map();
+  for (const c of i) {
+    const u = e[c], d = a[c];
+    u === null || d === null || d === void 0 || l.set(u, (l.get(u) ?? 0) + d);
+  }
+  const p = /* @__PURE__ */ new Map();
+  let m = 0;
+  for (const [c, u] of ue([...l], o)) {
+    const d = m;
+    m += u, p.set(c, {
+      start: d,
+      end: m
+    });
+  }
+  const s = m;
+  if (s === 0) return a.map(() => null);
+  const h = a.map(() => null), g = /* @__PURE__ */ new Map();
+  for (const c of i) {
+    const u = e[c], d = a[c], v = l.get(u), M = p.get(u);
+    if (d == null || v === void 0 || v === 0 || M === void 0) continue;
+    const T = g.get(u) ?? 0;
+    g.set(u, T + d), h[c] = {
+      columnStart: M.start / s,
+      columnEnd: M.end / s,
+      cellStart: T / v,
+      cellEnd: (T + d) / v,
+      shareOfColumn: d / v,
+      columnShare: v / s
+    };
+  }
+  return h;
+}, $ = (e) => {
+  const t = /* @__PURE__ */ new Map();
+  for (const r of e) t.has(r) || t.set(r, t.size);
+  return t;
+}, ue = (e, t) => {
+  if (t === "data") return e;
+  if (t === "ascending") return [...e].sort(([, a], [, n]) => a - n);
+  if (t === "descending") return [...e].sort(([, a], [, n]) => n - a);
+  const r = $(t), o = (a) => r.get(a) ?? r.size;
+  return [...e].sort(([a], [n]) => o(a) - o(n));
+}, S = {
+  shareOfColumn: "mekkoShareOfColumn",
+  columnShare: "mekkoColumnShare"
+}, ce = [
+  "data",
+  "ascending",
+  "descending"
+], W = (e) => ce.includes(e) || Array.isArray(e) && e.every((t) => typeof t == "string" || typeof t == "number"), de = (e) => {
+  const t = e?.sort;
+  return W(t) ? t : "data";
+}, F = /* @__PURE__ */ new Set(["value", "columnShare"]), D = "mekkoAmount", me = class extends z {
+  constructor(...e) {
+    super(...e), this.type = "mekko", this.computedVariables = F;
+  }
+  computeStat({ data: e, mapping: t, params: r }) {
+    const o = L(t.x), a = L(t.y);
+    if (o === null || a === null || !e.hasVariable(o) || !e.hasVariable(a)) return {
+      data: e,
+      mapping: {}
+    };
+    if (e.size() > 0 && e.getType(a) !== "numeric") {
+      const l = e.getType(a);
+      throw new q({
+        code: "INCOMPATIBLE_TYPE",
+        message: `'mekko' stat requires a numeric 'y' (got '${l}' for variable '${a}')`,
+        context: {
+          aesthetic: "y",
+          variableName: a,
+          variableType: l
+        },
+        suggestion: "Map each cell's amount to 'y'."
+      });
+    }
+    const n = te(e, t).filter((l) => l !== o), i = he(e, o, a, n);
+    return {
+      data: ge(i, o, a, n, de(r)),
+      mapping: {
+        y: S.shareOfColumn,
+        value: a,
+        columnShare: S.columnShare
+      }
+    };
+  }
+}, he = (e, t, r, o) => {
+  const a = e.getValues(r, { type: "numeric" }).map(H);
+  return e.addVariable(D, "numeric", a, e.getValueFormat(r)).groupBy(t, ...o).rollup({ [r]: {
+    variableName: D,
+    aggregation: "sum"
+  } });
+}, ge = (e, t, r, o, a) => {
+  const n = o.map((s) => e.getValues(s)), i = Array.from({ length: e.size() }, (s, h) => JSON.stringify(n.map((g) => g[h]))), l = le(e.getValues(t).map(pe), i, e.getValues(r, { type: "numeric" }), a), p = { type: "percentage" }, m = (s) => l.map((h) => h === null ? null : s(h));
+  return e.addVariable(S.shareOfColumn, "numeric", m((s) => s.shareOfColumn), p).addVariable(S.columnShare, "numeric", m((s) => s.columnShare), p).addVariable(b.xMin, "numeric", m((s) => s.columnStart)).addVariable(b.xMax, "numeric", m((s) => s.columnEnd)).addVariable(b.yMin, "numeric", m((s) => s.cellStart)).addVariable(b.yMax, "numeric", m((s) => s.cellEnd));
+}, pe = (e) => e instanceof Date ? e.getTime() : e, R = (e, t) => {
+  const r = O(t, {
+    main: e.columnStart,
+    cross: e.low
+  }), o = O(t, {
+    main: e.columnEnd,
+    cross: e.high
+  }), [a, n] = G(_(r.x), _(o.x)), [i, l] = G(N(r.y), N(o.y));
+  return {
+    x: a,
+    y: i,
+    width: n - a,
+    height: l - i
+  };
+}, U = (e, t, r) => {
+  const o = R(e, t);
+  return {
+    x: o.x * r.width,
+    y: o.y * r.height,
+    width: o.width * r.width,
+    height: o.height * r.height
+  };
+}, G = (e, t) => e <= t ? [e, t] : [t, e], fe = (e) => {
+  const t = [];
+  if (!e.layer.dataLabels.showDataLabels) return {
+    labels: t,
+    droppedCount: 0
+  };
+  const { position: r, justify: o, align: a, offset: n } = e.layer.dataLabels, i = r === "auto", l = i ? "inside" : r, p = k(e.coordSystem), m = J(e.panelRect);
+  let s = 0;
+  for (const h of x(e.layer.data, p)) {
+    const g = e.formatLabel(h.observation);
+    if (g === "") continue;
+    const { width: c, height: u } = e.measureDataLabel("observation", l, g), d = ae({
+      box: U(h, p, e.panelRect),
+      panel: m,
+      orientation: p === "x" ? {
+        valueAxis: "y",
+        valueDirectionSign: -1
+      } : {
+        valueAxis: "x",
+        valueDirectionSign: 1
+      },
+      placement: l,
+      justify: i ? "center" : o,
+      align: i ? "center" : a,
+      offset: n,
+      labelWidth: c,
+      labelHeight: u
+    });
+    if (i && d.position !== "inside") {
+      s += 1;
+      continue;
+    }
+    t.push({
+      layerId: e.layer.id,
+      x: d.x,
+      y: d.y,
+      text: g,
+      width: c,
+      height: u,
+      isRotated: !1,
+      role: "observation",
+      position: d.position,
+      backdropColor: d.position === "inside" ? re(e.styleReaders, h.observation) : void 0
+    });
+  }
+  return {
+    labels: t,
+    droppedCount: s
+  };
+}, ve = 1, ke = { strokeWidth: "pixels" }, ye = class extends X {
+  constructor(...e) {
+    super(...e), this.type = "mekko", this.defaultParams = {}, this.defaultStat = new me(), this.positionRoles = [
+      {
+        axis: "x",
+        role: "min",
+        valueKind: "value"
+      },
+      {
+        axis: "x",
+        role: "max",
+        valueKind: "value"
+      },
+      {
+        axis: "y",
+        role: "min",
+        valueKind: "value"
+      },
+      {
+        axis: "y",
+        role: "max",
+        valueKind: "value",
+        aes: "y"
+      }
+    ], this.aesthetics = [
+      {
+        kind: "visual",
+        name: "color"
+      },
+      {
+        kind: "visual",
+        name: "alpha"
+      },
+      {
+        kind: "data",
+        name: "value"
+      },
+      {
+        kind: "data",
+        name: "columnShare"
+      }
+    ], this.derivedVariables = [S.shareOfColumn, S.columnShare], this.supportedPositions = ["identity"], this.supportedCoordTypes = ["cartesian", "flip"], this.categorySpanAxes = ["x"], this.grid = {
+      cartesian: { hideGridX: !0 },
+      flip: { hideGridX: !0 }
+    }, this.legend = { suppressWhenSingleItem: !0 }, this.dataLabelCoordTypes = ["cartesian", "flip"], this.getDataLabelPlacements = fe, this.spatialKind = "rects", this.highlightStrategy = "observation-rerender", this.styleTarget = ee({ observation: {
+      vocabulary: ke,
+      aesthetics: {
+        fill: "color",
+        alpha: "alpha"
+      },
+      rest: {
+        fill: B("geom"),
+        fillAlpha: 1,
+        stroke: B("graphBackground"),
+        strokeWidth: ve
+      }
+    } }), this.validateMapping = ({ mapping: t, computedVariables: r }) => r.has("columnShare") ? [...F].filter((o) => t[o] !== void 0).map((o) => ({
+      code: "CONFLICTING_STAT_MAPPING",
+      message: `mekko stat computes '${o}' from 'x' and 'y'; remove its mapping`
+    })) : [{
+      code: "MISSING_STAT_OUTPUT",
+      message: "mekko geom lays its cells out in the 'mekko' stat; remove the layer's stat"
+    }], this.resolveAnchorPosition = (t, { coordSystem: r }) => {
+      const o = k(r), a = K(t, o);
+      if (a === null) return null;
+      const n = (a.columnStart + a.columnEnd) / 2, i = (a.low + a.high) / 2;
+      return o === "x" ? {
+        x: n,
+        y: i
+      } : {
+        x: i,
+        y: n
+      };
+    };
+  }
+  resolveParams(e) {
+    const { sort: t, ...r } = super.resolveParams(e);
+    return t === void 0 || W(t) ? t === void 0 ? r : {
+      ...r,
+      sort: t
+    } : (e.diagnostics?.addWarning({
+      code: "INVALID_GEOM_PARAM",
+      message: `Mekko sort must be 'data', 'ascending', 'descending' or a list of columns, got ${JSON.stringify(t)}; falling back to 'data'.`,
+      context: {
+        geom: "mekko",
+        param: "sort",
+        expected: "'data' | 'ascending' | 'descending' | columns[]"
+      },
+      suggestion: "Set params.sort to 'descending' to run the columns largest first, or list them in order."
+    }), r);
+  }
+  compile({ data: e }) {
+    return {
+      data: e,
+      mapping: {}
+    };
+  }
+}, Se = ({ layer: e, coordSystem: t, panelRect: r }) => {
+  const o = k(t);
+  return x(e.data, o).map((a) => {
+    const n = U(a, o, r), i = n.x + n.width, l = n.y + n.height;
+    return {
+      kind: "region",
+      pathData: `M${n.x},${n.y}H${i}V${l}H${n.x}Z`
+    };
+  });
+}, w = (e) => {
+  const t = Z(e.data, e.mapping, e.id);
+  return (r) => t(r.observation);
+}, A = ({ cells: e, mainAxis: t, styleReaders: r, getKey: o, isHovered: a = !1, shouldAnimateTransitions: n = !1 }) => {
+  const i = a ? "hovered" : void 0, l = y(() => e.map((s) => r.get("fill", s.observation, i) ?? "transparent"), [
+    e,
+    r,
+    i
+  ]), { fillFor: p, defs: m } = ne({ paints: l });
+  return /* @__PURE__ */ ie(se, { children: [m, e.map((s, h) => {
+    const g = R(s, t), c = l[h], u = r.get("stroke", s.observation, i);
+    return /* @__PURE__ */ f(Y, {
+      "data-testid": "mekko-cell",
+      x: C(g.x),
+      y: C(g.y),
+      width: C(g.width),
+      height: C(g.height),
+      fill: c === void 0 ? void 0 : p(c),
+      opacity: r.get("alpha", s.observation, i),
+      fillOpacity: r.get("fillAlpha", s.observation, i),
+      stroke: u === void 0 ? void 0 : oe(u),
+      strokeWidth: r.get("strokeWidth", s.observation, i),
+      shouldAnimateTransitions: n
+    }, o(s));
+  })] });
+}, xe = ({ layer: e, sourceLayer: t, mainAxis: r, styleReaders: o }) => /* @__PURE__ */ f(A, {
+  cells: y(() => x(e.data, r), [e.data, r]),
+  mainAxis: r,
+  styleReaders: o,
+  getKey: y(() => w(t), [t])
+}), be = ({ layer: e, primary: t, mainAxis: r, styleReaders: o }) => /* @__PURE__ */ f("g", {
+  "data-testid": "hovered-cells",
+  children: /* @__PURE__ */ f(A, {
+    cells: x([t.observation], r),
+    mainAxis: r,
+    styleReaders: o,
+    getKey: y(() => w(e), [e]),
+    isHovered: !0
+  })
+}), Ce = ({ layer: e, mainAxis: t, styleReaders: r, shouldAnimateTransitions: o, intro: a }) => {
+  const n = /* @__PURE__ */ f(A, {
+    cells: y(() => x(e.data, t), [e.data, t]),
+    mainAxis: t,
+    styleReaders: r,
+    getKey: y(() => w(e), [e]),
+    shouldAnimateTransitions: o
+  });
+  return a == null ? n : /* @__PURE__ */ f(j, {
+    intro: {
+      type: "fade",
+      layerId: a.layerId,
+      durationSeconds: a.durationSeconds
+    },
+    children: n
+  });
+}, Ae = Q(new ye(), {
+  coord: "cartesian",
+  swatchShape: "square",
+  render: ({ layer: e, coordSystem: t, styleReaders: r, shouldAnimateTransitions: o, intro: a }) => /* @__PURE__ */ f(Ce, {
+    layer: e,
+    mainAxis: k(t),
+    styleReaders: r,
+    shouldAnimateTransitions: o,
+    intro: a
+  }),
+  renderHighlight: ({ layer: e, sourceLayer: t, coordSystem: r, styleReaders: o }) => /* @__PURE__ */ f(xe, {
+    layer: e,
+    sourceLayer: t,
+    mainAxis: k(r),
+    styleReaders: o
+  }),
+  renderHover: ({ layer: e, primary: t, coordSystem: r, styleReaders: o }) => /* @__PURE__ */ f(be, {
+    layer: e,
+    primary: t,
+    mainAxis: k(r),
+    styleReaders: o
+  }),
+  renderHoverCompanions: () => null,
+  getEditOutlineShapes: Se
+});
+export {
+  ye as MekkoGeom,
+  Ae as mekko
+};

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

@@ -0,0 +1,3 @@
+import { EditOutlineShape, GeomEditOutlineShapesRendererInput } from '@graphysdk/react';
+/** Each cell's box as an outline region. */
+export declare const getMekkoEditOutlineShapes: ({ layer, coordSystem, panelRect, }: GeomEditOutlineShapesRendererInput) => EditOutlineShape[];

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

@@ -0,0 +1,11 @@
+import { GeomStyleReaders, MainAxis, SceneLayer } from '@graphysdk/react';
+interface HighlightedCellsProps {
+    layer: SceneLayer;
+    /** The whole layer the matched observations were taken from. */
+    sourceLayer: SceneLayer;
+    mainAxis: MainAxis;
+    styleReaders: GeomStyleReaders;
+}
+/** Repaints the matched cells above the dimmed layer. */
+export declare const HighlightedCells: ({ layer, sourceLayer, mainAxis, styleReaders }: HighlightedCellsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+import { GeomStyleReaders, HoverHit, MainAxis, SceneLayer } from '@graphysdk/react';
+interface HoveredCellsProps {
+    layer: SceneLayer;
+    primary: HoverHit;
+    mainAxis: MainAxis;
+    styleReaders: GeomStyleReaders;
+}
+/** The hovered cell, repainted above the dimmed layer. */
+export declare const HoveredCells: ({ layer, primary, mainAxis, styleReaders }: HoveredCellsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import { GeomStyleReaders, LayerIntroPlan, MainAxis, SceneLayer } from '@graphysdk/react';
+interface MekkoLayerProps {
+    layer: SceneLayer;
+    mainAxis: MainAxis;
+    styleReaders: GeomStyleReaders;
+    shouldAnimateTransitions: boolean;
+    intro: LayerIntroPlan | null | undefined;
+}
+/**
+ * Fades the layer up whole: the `rects` grow-from-axis entrance would raise every cell from its column's foot. The
+ * fade rides the group, so it plays even when data changes snap.
+ */
+export declare const MekkoLayer: ({ layer, mainAxis, styleReaders, shouldAnimateTransitions, intro }: MekkoLayerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { GeomStyleReaders, MainAxis } from '@graphysdk/react';
+import { MekkoCell } from '../utils/read-mekko';
+export interface MekkoPaintProps {
+    cells: readonly MekkoCell[];
+    mainAxis: MainAxis;
+    styleReaders: GeomStyleReaders;
+    /** What identifies each cell across a data change, so a spring moves a mark rather than swapping it. */
+    getKey: (cell: MekkoCell) => string;
+    isHovered?: boolean;
+    /** Springs cells to new boxes on a data change. Only the layer's paint sets it; repaints mount per interaction. */
+    shouldAnimateTransitions?: boolean;
+}
+export declare const MekkoPaint: ({ cells, mainAxis, styleReaders, getKey, isHovered, shouldAnimateTransitions, }: MekkoPaintProps) => import("react/jsx-runtime").JSX.Element;

package/dist/renderer/mekko.d.ts

@@ -0,0 +1,15 @@
+import { BoundGeomRendererDefinition } from '@graphysdk/react';
+import { MekkoGeom } from '../engine/mekko.geom';
+/**
+ * The mekko plugin.
+ *
+ * @example
+ *   const kit = createGraphyKit({ plugins: [mekko] });
+ *   const spec = kit.pipe(
+ *     kit.createSpec({ x: 'market', y: 'revenue', color: 'company' }),
+ *     kit.geom.mekko(),
+ *     kit.scale.x.continuous(),
+ *     kit.scale.y.continuous()
+ *   );
+ */
+export declare const mekko: BoundGeomRendererDefinition<MekkoGeom>;

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

@@ -0,0 +1,4 @@
+import { SceneLayer } from '@graphysdk/react';
+import { MekkoCell } from '../../utils/read-mekko';
+/** Keys a cell by its column and group, not its place: a data change moves every cell, which should spring. */
+export declare const createMekkoKeys: (layer: SceneLayer) => ((cell: MekkoCell) => string);

package/dist/utils/cell-geometry.d.ts

@@ -0,0 +1,16 @@
+import { MainAxis } from '@graphysdk/react';
+import { MekkoCell } from './read-mekko';
+/** A box in the `[0, 1]` view box, from its top left, y growing downward. */
+export interface ViewBoxRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/** A cell's box: its column's extent on the main axis, its own extent across it. */
+export declare const readCellBox: (cell: MekkoCell, mainAxis: MainAxis) => ViewBoxRect;
+/** A cell's box in panel pixels, from the panel's top left. */
+export declare const readCellPanelBox: (cell: MekkoCell, mainAxis: MainAxis, panelRect: {
+    width: number;
+    height: number;
+}) => ViewBoxRect;

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

@@ -0,0 +1,18 @@
+import { MainAxis, Observation } from '@graphysdk/react';
+/** A cell's column extent on the main axis and its own extent across it, as `[0, 1]` fractions. */
+export interface MekkoCell {
+    observation: Observation;
+    /** The column's two edges. */
+    columnStart: number;
+    columnEnd: number;
+    /** The cell's two ends within its column, lower first. */
+    low: number;
+    high: number;
+}
+/**
+ * Reads where a cell sits. The flip is already baked into the position columns, so under `coord.flip()` the
+ * column runs `yMin` to `yMax` and the cell `xMin` to `xMax`. `null` for a row that draws no cell.
+ */
+export declare const readCell: (observation: Observation, mainAxis: MainAxis) => MekkoCell | null;
+/** Reads every cell of a layer, skipping a row that draws none. */
+export declare const readCells: (observations: Iterable<Observation>, mainAxis: MainAxis) => MekkoCell[];

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

@@ -1,6 +1,75 @@
 {
   "name": "@graphysdk/geom-mekko",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "author": "Graphy",
+  "description": "Marimekko geom for the Graphy charting SDK (beta)",
+  "homepage": "https://docs.graphy.dev/sdk-next/graph-types/mekko",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "keywords": [
+    "graphy",
+    "chart",
+    "react",
+    "visualization",
+    "grammar-of-graphics",
+    "mekko",
+    "marimekko",
+    "mosaic"
+  ],
+  "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.1791968387850"
+  },
+  "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.1791968387850",
+    "@graphysdk/viz-engine": "1.8.0",
+    "@graphytools/typescript-config": "0.0.1",
+    "@graphytools/eslint-config": "0.0.1",
+    "@graphytools/vitest-config": "1.0.0"
+  },
+  "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"
+  }
 }