@graphysdk/theme-typewriter 0.1.1-beta.1792421638596 → 0.1.1-beta.1792426767391

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let k=require("react"),i=require("@graphysdk/react"),s=require("react/jsx-runtime");var p={paper:"#EBD9A9",card:"#F8F0D8",text:"#1F1B16",secondary:"#4A443A",grid:"rgba(31, 27, 22, 0.4)",edge:"#C4AE74"},le="'Special Elite', 'Courier New', ui-monospace, monospace",y={black:"#1F1B16",red:"#B3271E",carbonBlue:"#2F4F8F",pencilGrey:"#6E6A62",stampGreen:"#2E6B4B",duplicatorViolet:"#7B5A9C"},de=[y.black,y.red,y.carbonBlue,y.pencilGrey,y.stampGreen,y.duplicatorViolet],he=["#D6C18B",y.black],ce=[y.carbonBlue,"#DECEA4",y.red],R={fontWeight:400,textColor:p.text},_={...R,fontSize:13,fill:p.paper,stroke:"transparent",strokeWidth:0,cornerRadius:0,paddingInline:3,paddingBlock:1,shadow:"none"},v={fontWeight:400,textColor:p.secondary},H={fill:p.card,stroke:p.text,strokeWidth:1,cornerRadius:0,shadow:"none"},ue={tokens:{graphBackground:p.paper,graphBorder:p.edge,geomBorder:p.text,textPrimary:p.text,textSecondary:p.secondary,ruleLine:p.text,gridLine:p.grid,hoverAffordance:p.paper,hoverGuideFill:"rgba(31, 27, 22, 0.07)",hoverGuideLine:p.secondary,tooltipBackground:p.card,tooltipBorder:p.text,tooltipPrimaryRow:"rgba(31, 27, 22, 0.08)",annotationShape:y.red,annotationArrow:p.text,differenceLabelBackground:p.card,trendPositive:y.black,trendNegative:y.red,trendNeutral:y.pencilGrey},defaults:[i.style.graph({strokeWidth:1,cornerRadius:0,fontFamily:le,fontWeight:400,padding:24}),i.style.geom({shadow:"none"}),i.style.geom({shadow:"none"},{state:"hovered"}),i.style.geom.bar({stroke:p.text,strokeWidth:1,cornerRadius:"none"}),i.style.geom.line({strokeWidth:2,dashArray:[],lineCap:"butt",lineJoin:"miter"}),i.style.geom.area({fillAlpha:.6,strokeWidth:1.5,dashArray:[],lineCap:"butt",lineJoin:"miter"}),i.style.geom.point({size:9,stroke:p.paper,strokeWidth:1.5}),i.style.geom.tile({cornerRadius:0,stroke:p.paper,strokeWidth:2}),i.style.geom.rule({stroke:y.red,strokeWidth:1.5,dashArray:[5,4]}),i.style.geom.rule.label({...R,fontSize:13}),i.style.gridLine({dashArray:[5,4]}),i.style.panelBorder({strokeWidth:0,cornerRadius:0}),i.style.panelBorder.left({stroke:p.text,strokeWidth:1,dashArray:[]}),i.style.panelBorder.bottom({stroke:p.text,strokeWidth:1,dashArray:[]}),i.style.tickLine({strokeWidth:0}),i.style.tickLabel({...v,fontSize:13,lineHeight:1}),i.style.axisLabel({...v,fontSize:12,lineHeight:1,letterSpacing:1,textTransform:"uppercase"}),i.style.axisLabel.top({margin:{bottom:14}}),i.style.heading({...R}),i.style.heading.h1({fontSize:19,lineHeight:1.15,letterSpacing:1.5,textTransform:"uppercase",textDecoration:"underline"}),i.style.heading.h2({...v,fontSize:15,lineHeight:1.2}),i.style.header({margin:{bottom:18}}),i.style.caption({...v,fontSize:12.5}),i.style.source({...v,fontSize:12.5}),i.style.source.link({...v,fontSize:12.5}),i.style.dataLabel({...R,fontSize:13,fill:"transparent",cornerRadius:0}),i.style.legendItem({...v,fontSize:13,fill:"transparent",stroke:"transparent"}),i.style.legend.popover({...H}),i.style.directLabel({fontWeight:400,fontSize:13}),i.style.headlineItem.number({...R}),i.style.headlineItem.caption({...v}),i.style.headlineItem.label({...v}),i.style.headlineItem.trend({fontWeight:400}),i.style.tooltip({...H,paddingInline:12,paddingBlock:9}),i.style.tooltip.heading({...R,fontSize:13,lineHeight:1.3,letterSpacing:1,textTransform:"uppercase"}),i.style.tooltip.label({...v,fontSize:13,lineHeight:1.4}),i.style.tooltip.value({...R,fontSize:13,lineHeight:1.4}),i.style.annotation.text({..._,paddingInline:4,paddingBlock:2,lineHeight:1.3}),i.style.annotation.pinnedNumber({fill:y.red,stroke:p.paper,shadow:"none"}),i.style.annotation.pinnedNumber.label({..._}),i.style.annotation.comment({fill:y.red,stroke:p.paper,shadow:"none"}),i.style.annotation.comment.label({..._}),i.style.annotation.differenceArrow({stroke:p.text,strokeWidth:1.5}),i.style.annotation.differenceArrow.label({..._}),i.style.annotation.arrow({stroke:p.text,strokeWidth:1.5,dashArray:[]}),i.style.annotation.shape({fill:p.text,fillAlpha:.06,stroke:p.secondary,strokeWidth:.75}),i.style.geom.area({fillAlpha:.45},{coord:"polar"}),i.style.panelBorder.left({strokeWidth:0},{coord:"polar"}),i.style.panelBorder.bottom({strokeWidth:0},{coord:"polar"}),i.style.tickLabel({textColor:p.text,fontSize:14,fontWeight:700,textOutlineColor:p.paper,textOutlineWidth:8},{coord:"polar"})]},pe=/[a-df-zA-DF-Z]|[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/gu,ge=/^[a-zA-Z]$/u,fe=(e,t)=>e==="H"?"x":e==="V"?"y":t%2===0?"x":"y",G=(e,t)=>{let r="",n=0;return(e.match(pe)??[]).map(a=>{if(ge.test(a))return r=a.toUpperCase(),n=0,a;const o=fe(r,n);return n+=1,String(Number(a)*(o==="x"?t.width:t.height))}).join(" ")},T=(e,t)=>{const r=(0,i.getX)(e),n=(0,i.getY)(e)??(0,i.getYMax)(e);return r===null||n===null?null:{x:(0,i.toViewBoxX)(r)*t.width,y:(0,i.toViewBoxY)(n)*t.height}},j=(e,t)=>{const r=(0,i.getX)(e),n=(0,i.getY)(e)??(0,i.getRadiusExtent)(e).outerRadius;if(r===null||n===null)return null;const a=(0,i.polarToUnit)(r,n),o=Math.min(t.width,t.height)/2;return{x:t.width/2+a.x*o,y:t.height/2-a.y*o}},ye=e=>`${e.map((t,r)=>`${r===0?"M":"L"}${t.x},${t.y}`).join(" ")} Z`,w=e=>{const t=(0,i.useGeomStyleReader)(e);return(r,n)=>({color:(0,i.toPaintColor)(t.get("fill",r,n)),opacity:t.get("alpha",r,n),fillOpacity:t.get("fillAlpha",r,n),edge:t.get("stroke",r,n),edgeWidth:t.get("strokeWidth",r,n)})},U=e=>{const t=(0,i.useGeomStyleReader)(e);return(r,n)=>{const a=t.get("strokeWidth",r,n);return{color:t.get("stroke",r,n),opacity:t.get("alpha",r,n)*t.get("strokeAlpha",r,n),width:a,dashArray:(0,i.toStrokeDasharray)(t.get("dashArray",r,n),a)}}},xe=1.3,E=[.72,.87,1],C=.35,me=.7,B=100,D=.7,ve=4,Ae=e=>{let t=2166136261;for(let r=0;r<e.length;r+=1)t^=e.charCodeAt(r),t=Math.imul(t,16777619);return t>>>0},L=(e,t,r,n)=>{let a=Math.imul(e^Math.imul(t,374761393)^Math.imul(r,668265263)^n,1274126177);return a=Math.imul(a^a>>>13,1103515245),((a^a>>>16)>>>0)/4294967296},x=e=>Math.round(e*B)/B,Z=(e,t,r,n,a)=>{const o=x(t-n/2),d=x(t+n/2),l=x(r-a/2),h=x(r+a/2),c=`M${o},${l}L${d},${h}M${d},${l}L${o},${h}`;if(e==="x"||e==="X"&&n<ve)return c;if(e==="X"){const f=(m,P)=>`M${x(m-D)},${P}L${x(m+D)},${P}`;return`${c}${f(o,l)}${f(d,l)}${f(o,h)}${f(d,h)}`}if(e==="/")return`M${o},${h}L${d},${l}`;if(e==="_")return`M${o},${x(r)}L${d},${x(r)}`;if(e==="|")return`M${x(t)},${l}L${x(t)},${h}`;const g=x(n/2),u=x(a/2);return`M${o},${x(r)}a${g},${u} 0 1,0 ${x(n)},0a${g},${u} 0 1,0 ${-x(n)},0`},W=e=>{const t=Ae(e);return(r,n,a,o,d,l,h)=>{const c=(L(t,l,h,1)*2-1)*C,g=(L(t,l,h,2)*2-1)*C,u=Math.floor(L(t,l,h,3)*E.length);return{path:Z(r,n+c,a+g,o,d),weight:u}}},M=(e,t,r,n,a)=>({path:Z(e,t,r,n,a),weight:E.length-1}),S=e=>`${e}-${(0,k.useId)().replace(/[^a-zA-Z0-9]/gu,"")}`,A=({strikes:e,color:t,opacity:r=1,width:n=xe,isOverstruck:a=!1})=>e.length===0?null:(0,s.jsxs)("g",{fill:"none",stroke:t,strokeWidth:n,strokeLinecap:"round",opacity:r,children:[E.map((o,d)=>e.filter(l=>l.weight===d).map(l=>l.path).join("")).map((o,d)=>o===""?null:(0,s.jsx)("path",{d:o,strokeOpacity:E[d]},E[d])),a&&(0,s.jsx)("path",{d:e.map(o=>o.path).join(""),transform:`translate(${me},0)`})]}),z=6,ke=14,Re=1.5,N=10,Me=1.8,b=(e,t,r,n)=>{const a=(0,i.createStableKeyGenerator)(e.data,e.mapping,e.id),o=[];return e.data.groupBy(i.GROUP_VARIABLES.group).forEach(d=>{const l=[...d],[h]=l,c=t(l);if(h===void 0||c===null)return;const g=l.flatMap(u=>r(u,n)??[]);o.push({key:a(h),observation:h,path:c,readings:g})}),o},q=(e,t)=>{const r=e.flatMap(n=>{const a=(0,i.getX)(n),o=j(n,t);return a===null||o===null?[]:[{angle:a,point:o}]}).sort((n,a)=>n.angle-a.angle).map(({point:n})=>n);return r.length===0?null:ye(r)},je=e=>e.every((t,r)=>{const n=e[r+1];return n===void 0||Math.hypot(n.x-t.x,n.y-t.y)>=ke}),we=({readings:e,color:t,opacity:r})=>je(e)?(0,s.jsx)(A,{strikes:e.map(({x:n,y:a})=>M("x",n,a,z,z)),color:t,opacity:r,width:Re}):null,J=({geom:e,observation:t,panel:r,project:n,color:a,opacity:o})=>{const d=n(t,r);return d===null?null:(0,s.jsx)("g",{"data-geom":e,children:(0,s.jsx)(A,{strikes:[M("X",d.x,d.y,N,N)],color:a,opacity:o,width:Me,isOverstruck:!0})})},Q=.55,Se=1.5,ee=(e,t,r={x:0,y:0,...e})=>{const n=W(t),a=[],o=Math.max(0,Math.floor((e.height-r.y-r.height)/12-.5)),d=Math.min(Math.ceil(e.height/12),Math.ceil((e.height-r.y)/12)),l=Math.max(0,Math.floor(r.x/8)),h=Math.min(Math.ceil(e.width/8),Math.ceil((r.x+r.width)/8));for(let c=o;c<d;c+=1){const g=e.height-(c+.5)*12;for(let u=l;u<h;u+=1)a.push(n("/",(u+.5)*8,g,5,8,u,c))}return a},te=({layer:e,coordSystem:t,panel:r})=>{const n=w(e),a=S("typewriter-area"),o=(0,k.useMemo)(()=>{if(t===void 0)return b(e,c=>q(c,r),j,r).map(c=>({...c,fill:c.path,edge:c.path}));const{areaGenerator:d,lineGenerator:l}=(0,i.createAreaPathGenerators)(t,e.params),h=new Map;return b(e,c=>{const g=(0,i.prepareAreaObservations)(c,e.params.missingValues),u=d(g),f=l(g);if(!u)return null;const m=G(u,r);return f&&h.set(m,G(f,r)),m},T,r).map(c=>({...c,fill:c.path,edge:h.get(c.path)??""}))},[e,t,r]);return r.width<=0||r.height<=0?null:(0,s.jsx)("g",{"data-geom":"area",children:o.map(({key:d,observation:l,fill:h,edge:c},g)=>{const u=n(l);return(0,s.jsxs)("g",{opacity:u.opacity,children:[(0,s.jsx)("clipPath",{id:`${a}-${g}`,children:(0,s.jsx)("path",{d:h})}),(0,s.jsx)("path",{d:h,fill:p.paper}),(0,s.jsx)("path",{d:h,fill:u.color,fillOpacity:u.fillOpacity*Q}),(0,s.jsx)("g",{clipPath:`url(#${a}-${g})`,children:(0,s.jsx)(A,{strikes:ee(r,d),color:u.color,opacity:u.fillOpacity})}),(0,s.jsx)("path",{d:c,fill:"none",stroke:u.color,strokeWidth:Se,strokeLinejoin:"round",strokeLinecap:"round"})]},d)})})},re=({layer:e,observation:t,panel:r,project:n})=>{const a=w(e)(t,"hovered");return(0,s.jsx)(J,{geom:"area",observation:t,panel:r,project:n,color:a.color,opacity:a.opacity})},Ee=(0,i.defineGeomRenderer)("area",{coord:"cartesian",guideMode:"crosshair",swatchShape:"area",render:({layer:e,coordSystem:t,panelRect:r})=>t.type!=="cartesian"?null:(0,s.jsx)(te,{layer:e,coordSystem:t,panel:r}),renderHover:({layer:e,primary:t,panelRect:r})=>(0,s.jsx)(re,{layer:e,observation:t.observation,panel:r,project:T}),renderHoverCompanions:()=>null}),Te=(0,i.defineGeomRenderer)("area",{coord:"polar",guideMode:"crosshair",swatchShape:"area",render:({layer:e,panelRect:t})=>(0,s.jsx)(te,{layer:e,panel:t}),renderHover:({layer:e,primary:t,panelRect:r})=>(0,s.jsx)(re,{layer:e,observation:t.observation,panel:r,project:j}),renderHoverCompanions:()=>null}),Pe=2,ne=1.8,_e=1,$e=3.3,Ie={solo:{base:!0,value:!0},floor:{base:!0,value:!1},ceiling:{base:!1,value:!0},middle:{base:!1,value:!1}},be={top:"bottom",bottom:"top",left:"right",right:"left"},We=(e,t)=>t==="x"?((0,i.getYMax)(e)??(0,i.getY)(e)??0)>=((0,i.getYMin)(e)??0)?"top":"bottom":((0,i.getXMax)(e)??0)>=((0,i.getXMin)(e)??0)?"right":"left",Le=(e,t,r)=>{const n=Math.max(0,e.width-r),a=Math.max(0,e.height-r);return t==="top"?{...e,y:e.y+e.height-a,height:a}:t==="bottom"?{...e,height:a}:t==="left"?{...e,x:e.x+e.width-n,width:n}:{...e,width:n}},O=(e,t)=>{const r=Math.max(1,Math.round(e/t));return{count:r,size:e/r}},X=(e,t,r)=>{const n=[];for(let a=$e+r/2;a-r/2<e;a+=t)n.push(a);return n},Ge=(e,t,r)=>{const n=W(r),a=t==="top"||t==="bottom",o=a?O(e.width,8):O(e.height,12),d=a?Math.min(5,o.size-2):5,l=a?8:Math.max(1,Math.min(8,o.size-4));return(a?X(e.height,12,8):X(e.width,8,5)).flatMap((h,c)=>Array.from({length:o.count},(g,u)=>{const f=(u+.5)*o.size;if(t==="top")return n("X",e.x+f,e.y+h,d,l,u,c);if(t==="bottom")return n("X",e.x+f,e.y+e.height-h,d,l,u,c);const m=t==="right"?e.x+e.width-h:e.x+h;return n("X",m,e.y+f,d,l,c,u)}))},Oe=(e,t)=>{const r=t==="top"||t==="bottom",n=O(r?e.width:e.height,r?8:12),a=Math.max(1,n.size-_e),o=ne/2;return Array.from({length:n.count},(d,l)=>{const h=(l+.5)*n.size;return t==="top"?M("_",e.x+h,e.y+o,a,0):t==="bottom"?M("_",e.x+h,e.y+e.height-o,a,0):M("|",t==="right"?e.x+e.width-o:e.x+o,e.y+h,0,a)})},He=({layer:e,observation:t,seed:r,mainAxis:n,panel:a,clipId:o,state:d})=>{const l=w(e),h=(0,i.getBarRectBounds)(n,t);if(!h||h.width<=0||h.height<=0)return null;const c=l(t,d),g=Ie[(0,i.getStackRole)(t)],u=We(t,n),f={x:h.x*a.width,y:h.y*a.height,width:h.width*a.width,height:h.height*a.height},m=[g.value?[]:[u],g.base?[]:[be[u]]].flat().reduce((P,se)=>Le(P,se,Pe/2),f);return m.width<=0||m.height<=0?null:(0,s.jsx)(ae,{rect:m,edge:u,seed:r,clipId:o,color:c.color,opacity:c.opacity,pressure:c.fillOpacity,isOverstruck:d==="hovered"})},ae=({rect:e,edge:t,seed:r,clipId:n,color:a,opacity:o,pressure:d,isOverstruck:l})=>(0,s.jsxs)("g",{opacity:o,children:[(0,s.jsx)("clipPath",{id:n,children:(0,s.jsx)("rect",{...e})}),(0,s.jsx)("rect",{...e,fill:p.paper}),(0,s.jsx)("g",{clipPath:`url(#${n})`,children:(0,s.jsx)(A,{strikes:Ge(e,t,r),color:a,opacity:d,isOverstruck:l})}),(0,s.jsx)(A,{strikes:Oe(e,t),color:a,width:ne,isOverstruck:l})]}),K=({layer:e,observations:t,mainAxis:r,panel:n,state:a})=>{const o=S("typewriter-bar"),d=(0,k.useMemo)(()=>(0,i.createStableKeyGenerator)(e.data,e.mapping,e.id),[e.data,e.mapping,e.id]);return n.width<=0||n.height<=0?null:(0,s.jsx)("g",{"data-geom":"bar",children:Array.from(t,(l,h)=>{const c=d(l);return(0,s.jsx)(He,{layer:e,observation:l,seed:c,mainAxis:r,panel:n,clipId:`${o}-${h}`,state:a},c)})})},Ce=(0,i.defineGeomRenderer)("bar",{coord:"cartesian",guideMode:"band",swatchShape:"square",render:({layer:e,coordSystem:t,panelRect:r})=>(0,s.jsx)(K,{layer:e,observations:e.data,mainAxis:(0,i.readMainAxis)(t),panel:r}),renderHover:({layer:e,coordSystem:t,primary:r,panelRect:n})=>(0,s.jsx)(K,{layer:e,observations:[r.observation],mainAxis:(0,i.readMainAxis)(t),panel:n,state:"hovered"}),renderHoverCompanions:()=>null}),Be=({layer:e,panel:t,coord:r})=>{const n=U(e),a=(0,k.useMemo)(()=>{if(r==="polar")return b(e,d=>q(d,t),j,t);const o=(0,i.createLinePathGenerator)(e.params);return b(e,d=>{const l=o((0,i.prepareLineObservations)(d,e.params.missingValues));return l?G(l,t):null},T,t)},[e,t,r]);return t.width<=0||t.height<=0?null:(0,s.jsx)("g",{"data-geom":"line",children:a.map(({key:o,path:d,observation:l,readings:h})=>{const c=n(l);return(0,s.jsxs)("g",{children:[(0,s.jsx)("path",{d,fill:"none",stroke:c.color,strokeOpacity:c.opacity,strokeWidth:c.width,strokeDasharray:c.dashArray,strokeLinejoin:"round",strokeLinecap:"round"}),(0,s.jsx)(we,{readings:h,color:c.color,opacity:c.opacity})]},o)})})},De=({layer:e,observation:t,panel:r,project:n})=>{const a=U(e)(t,"hovered");return(0,s.jsx)(J,{geom:"line",observation:t,panel:r,project:n,color:a.color,opacity:a.opacity})},ie=(e,t)=>(0,i.defineGeomRenderer)("line",{coord:e,guideMode:"crosshair",swatchShape:"line",render:({layer:r,panelRect:n})=>(0,s.jsx)(Be,{layer:r,panel:n,coord:e}),renderHover:({layer:r,primary:n,panelRect:a})=>(0,s.jsx)(De,{layer:r,observation:n.observation,panel:a,project:t}),renderHoverCompanions:()=>null,getOverlayAnchor:({observation:r})=>{const n=(0,i.getX)(r),a=(0,i.getY)(r);return n===null||a===null?null:{x:n,y:a}}}),ze=ie("cartesian",T),Ne=ie("polar",j),Xe=.85,Ke=1.6,Ye=4,Y=({layer:e,observations:t,panel:r,project:n,state:a})=>{const o=(0,i.useGeomStyleReader)(e),d=w(e),l=(0,k.useMemo)(()=>(0,i.createStableKeyGenerator)(e.data,e.mapping,e.id),[e.data,e.mapping,e.id]),h=a==="hovered",c=h?Ye:0;return(0,s.jsx)("g",{"data-geom":"point",children:Array.from(t,g=>{const u=n(g,r);if(u===null)return null;const f=d(g,a),m=o.get("size",g,a)+c;return(0,s.jsx)(A,{strikes:[M("o",u.x,u.y,m*Xe,m)],color:f.color,opacity:f.opacity,width:Ke,isOverstruck:h},l(g))})})},oe=(e,t)=>(0,i.defineGeomRenderer)("point",{coord:e,swatchShape:"circle",render:({layer:r,panelRect:n})=>(0,s.jsx)(Y,{layer:r,observations:r.data,panel:n,project:t}),renderHover:({layer:r,primary:n,panelRect:a})=>(0,s.jsx)(Y,{layer:r,observations:[n.observation],panel:a,project:t,state:"hovered"}),renderHoverCompanions:()=>null}),Fe=oe("cartesian",T),Ve=oe("polar",j),Ue=4,Ze=1.2,qe=3,I=Math.PI*2,Je=.3,Qe=(e,t)=>{const{startAngle:r,endAngle:n}=(0,i.getAngleExtent)(e),{innerRadius:a,outerRadius:o}=(0,i.getRadiusExtent)(e);if(r===null||n===null||a===null||o===null)return null;const d=Math.min(t.width,t.height)/2;if(d<=0||o<=0)return null;const l=Math.max(0,n-r),h=Ue/2/(o*d),c=l>=I-1e-6?0:Math.min(h,l/4),g=r+c,u=n-c,f=(0,i.buildPolarBarArcPath)({startAngle:g,endAngle:u,innerRadius:a,outerRadius:o},{centerX:t.width/2,centerY:t.height/2,radius:d,digits:qe});return f===void 0?null:{path:f,startAngle:g,endAngle:u,inner:a*d,outer:o*d}},et=(e,t,r,n)=>{const a=Math.hypot(t,r);if(a>e.outer-n||a<e.inner+n)return!1;const o=((Math.atan2(t,-r)-e.startAngle)%I+I)%I,d=n/Math.max(a,1);return o>=d&&o<=e.endAngle-e.startAngle-d},tt=(e,t,r)=>{const n=W(r),a=Math.ceil(e.outer/8)+1,o=Math.ceil(e.outer/12)+1,d=-Math.hypot(8,12)/2,l=[];for(let h=-o;h<=o;h+=1)for(let c=-a;c<=a;c+=1){const g=c*8,u=h*12;et(e,g,u,d)&&l.push(n("/",t.width/2+g,t.height/2+u,5,8,c,h))}return l},F=({layer:e,observations:t,panel:r,state:n})=>{const a=w(e),o=S("slice-shading"),d=(0,k.useMemo)(()=>(0,i.createStableKeyGenerator)(e.data,e.mapping,e.id),[e.data,e.mapping,e.id]);return r.width<=0||r.height<=0?null:(0,s.jsx)("g",{"data-geom":"bar",children:Array.from(t,l=>{const h=Qe(l,r);if(h===null)return null;const c=d(l),g=a(l,n),u=`${o}-${c.replace(/[^a-zA-Z0-9]/gu,"")}`;return(0,s.jsxs)("g",{opacity:g.opacity,children:[(0,s.jsx)("path",{d:h.path,fill:p.paper}),(0,s.jsxs)("g",{children:[(0,s.jsx)("clipPath",{id:u,children:(0,s.jsx)("path",{d:h.path})}),(0,s.jsx)("path",{d:h.path,fill:g.color,fillOpacity:g.fillOpacity*Je}),(0,s.jsx)("g",{clipPath:`url(#${u})`,children:(0,s.jsx)(A,{strikes:tt(h,r,c),color:g.color,opacity:g.fillOpacity,isOverstruck:n==="hovered"})})]}),(0,s.jsx)("path",{d:h.path,fill:"none",stroke:g.color,strokeWidth:Ze,strokeLinejoin:"round"})]},c)})})},rt=(0,i.defineGeomRenderer)("bar",{coord:"polar",guideMode:"band",swatchShape:"slice",render:({layer:e,panelRect:t})=>(0,s.jsx)(F,{layer:e,observations:e.data,panel:t}),renderHover:({layer:e,primary:t,panelRect:r})=>(0,s.jsx)(F,{layer:e,observations:[t.observation],panel:r,state:"hovered"}),renderHoverCompanions:()=>null}),$=2,nt=.2,at=(e,t)=>{const r=W(t),n=[],a=Math.floor(e.y/12),o=Math.floor(e.x/8);for(let d=a;d*12<e.y+e.height;d+=1)for(let l=o;l*8<e.x+e.width;l+=1){const h=(l+.5)*8,c=(d+.5)*12;n.push(r("X",h,c,5,8,l,d))}return n},it=({layer:e,observation:t,seed:r,panel:n,clipId:a,state:o})=>{const d=w(e),l=(0,i.getPaintedTileRect)(t);if(l===null)return null;const h=d(t,o),c={x:l.x*n.width+$/2,y:l.y*n.height+$/2,width:Math.max(0,l.width*n.width-$),height:Math.max(0,l.height*n.height-$)};return c.width<=0||c.height<=0?null:(0,s.jsxs)("g",{opacity:h.opacity,children:[(0,s.jsx)("clipPath",{id:a,children:(0,s.jsx)("rect",{...c})}),(0,s.jsx)("rect",{...c,fill:h.color,fillOpacity:h.fillOpacity}),(0,s.jsx)("g",{clipPath:`url(#${a})`,children:(0,s.jsx)(A,{strikes:at(c,r),color:p.paper,opacity:nt,isOverstruck:o==="hovered"})}),o==="hovered"&&(0,s.jsx)("rect",{...c,fill:"none",stroke:p.text,strokeWidth:h.edgeWidth})]})},V=({layer:e,observations:t,panel:r,state:n})=>{const a=S("typewriter-tile"),o=(0,k.useMemo)(()=>(0,i.createStableCellKeyGenerator)(e.data,e.mapping,e.id),[e.data,e.mapping,e.id]);return r.width<=0||r.height<=0?null:(0,s.jsx)("g",{"data-geom":"tile",children:Array.from(t,(d,l)=>{const h=o(d);return(0,s.jsx)(it,{layer:e,observation:d,seed:h,panel:r,clipId:`${a}-${l}`,state:n},h)})})},ot=(0,i.defineGeomRenderer)("tile",{coord:"cartesian",guideMode:null,swatchShape:"square",render:({layer:e,panelRect:t})=>(0,s.jsx)(V,{layer:e,observations:e.data,panel:t}),renderHover:({layer:e,primary:t,panelRect:r})=>(0,s.jsx)(V,{layer:e,observations:[t.observation],panel:r,state:"hovered"}),renderHoverCompanions:()=>null}),st=[Ce,rt,ot,ze,Ne,Ee,Te,Fe,Ve],lt=e=>{const t=S("typewriter-rect"),r=(0,i.useGeomPanelSize)(),n=r===null?null:(0,i.readRectPixels)(e,r);return n===null||e.fill===void 0?(0,s.jsx)(i.DefaultGeomRect,{...e}):n.width<=0||n.height<=0?null:(0,s.jsx)("g",{"data-testid":e["data-testid"],children:(0,s.jsx)(ae,{rect:n,edge:"top",seed:`${n.x},${n.y}`,clipId:t,color:e.fill,opacity:e.opacity??1,pressure:e.fillOpacity??1,isOverstruck:!1})})},dt=e=>{const t=(e.match(/-?\d*\.?\d+(?:e-?\d+)?/giu)??[]).map(Number),r=t.filter((d,l)=>l%2===0),n=t.filter((d,l)=>l%2===1);if(r.length===0||n.length===0)return null;const a=Math.min(...r),o=Math.min(...n);return{x:a,y:o,width:Math.max(...r)-a,height:Math.max(...n)-o}},ht=e=>{const t=S("typewriter-path"),r=(0,i.useGeomPanelSize)(),n=(0,k.useMemo)(()=>{const o=dt(e.d);return r===null||o===null?null:ee(r,e.d,o)},[r,e.d]);if(n===null||e.fill===void 0||e.fill.startsWith("url("))return(0,s.jsx)(i.DefaultGeomPath,{...e});const a=e.fillOpacity??1;return(0,s.jsxs)("g",{"data-testid":e["data-testid"],opacity:e.opacity??1,children:[(0,s.jsx)("clipPath",{id:t,children:(0,s.jsx)("path",{d:e.d})}),(0,s.jsx)("path",{d:e.d,fill:p.paper}),(0,s.jsx)("path",{d:e.d,fill:e.fill,fillOpacity:a*Q}),(0,s.jsx)("g",{clipPath:`url(#${t})`,children:(0,s.jsx)(A,{strikes:n,color:e.fill,opacity:a})})]})},ct={Rect:lt,Path:ht},ut={name:"typewriter",styles:ue,palettes:{categorical:de,sequential:he,diverging:ce},config:{axes:{y:{position:"left"}}},colorScheme:"light",plugins:st,shapes:ct};exports.typewriter=ut;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let A=require("react"),i=require("@graphysdk/react"),s=require("react/jsx-runtime");var g={paper:"#EBD9A9",card:"#F8F0D8",text:"#1F1B16",secondary:"#4A443A",grid:"rgba(31, 27, 22, 0.4)",edge:"#C4AE74"},le="'Special Elite', 'Courier New', ui-monospace, monospace",y={black:"#1F1B16",red:"#B3271E",carbonBlue:"#2F4F8F",pencilGrey:"#6E6A62",stampGreen:"#2E6B4B",duplicatorViolet:"#7B5A9C"},de=[y.black,y.red,y.carbonBlue,y.pencilGrey,y.stampGreen,y.duplicatorViolet],he=["#D6C18B",y.black],ce=[y.carbonBlue,"#DECEA4",y.red],R={fontWeight:400,textColor:g.text},_={...R,fontSize:13,fill:g.paper,stroke:"transparent",strokeWidth:0,cornerRadius:0,paddingInline:3,paddingBlock:1,shadow:"none"},v={fontWeight:400,textColor:g.secondary},H={fill:g.card,stroke:g.text,strokeWidth:1,cornerRadius:0,shadow:"none"},ue={tokens:{graphBackground:g.paper,graphBorder:g.edge,geomBorder:g.text,textPrimary:g.text,textSecondary:g.secondary,ruleLine:g.text,gridLine:g.grid,hoverAffordance:g.paper,hoverGuideFill:"rgba(31, 27, 22, 0.07)",hoverGuideLine:g.secondary,tooltipBackground:g.card,tooltipBorder:g.text,tooltipPrimaryRow:"rgba(31, 27, 22, 0.08)",annotationShape:y.red,annotationArrow:g.text,differenceLabelBackground:g.card,trendPositive:y.black,trendNegative:y.red,trendNeutral:y.pencilGrey},defaults:[i.style.graph({strokeWidth:1,cornerRadius:0,fontFamily:le,fontWeight:400,padding:24}),i.style.geom({shadow:"none"}),i.style.geom({shadow:"none"},{state:"hovered"}),i.style.geom.bar({stroke:g.text,strokeWidth:1,cornerRadius:"none"}),i.style.geom.line({strokeWidth:2,dashArray:[],lineCap:"butt",lineJoin:"miter"}),i.style.geom.area({fillAlpha:.6,strokeWidth:1.5,dashArray:[],lineCap:"butt",lineJoin:"miter"}),i.style.geom.point({size:9,stroke:g.paper,strokeWidth:1.5}),i.style.geom.tile({cornerRadius:0,stroke:g.paper,strokeWidth:2}),i.style.geom.rule({stroke:y.red,strokeWidth:1.5,dashArray:[5,4]}),i.style.geom.rule.label({...R,fontSize:13}),i.style.gridLine({dashArray:[5,4]}),i.style.panelBorder({strokeWidth:0,cornerRadius:0}),i.style.panelBorder.left({stroke:g.text,strokeWidth:1,dashArray:[]}),i.style.panelBorder.bottom({stroke:g.text,strokeWidth:1,dashArray:[]}),i.style.tickLine({strokeWidth:0}),i.style.tickLabel({...v,fontSize:13,lineHeight:1}),i.style.axisLabel({...v,fontSize:12,lineHeight:1,letterSpacing:1,textTransform:"uppercase"}),i.style.axisLabel.top({margin:{bottom:14}}),i.style.heading({...R}),i.style.heading.h1({fontSize:19,lineHeight:1.15,letterSpacing:1.5,textTransform:"uppercase",textDecoration:"underline"}),i.style.heading.h2({...v,fontSize:15,lineHeight:1.2}),i.style.header({margin:{bottom:18}}),i.style.caption({...v,fontSize:12.5}),i.style.source({...v,fontSize:12.5}),i.style.source.link({...v,fontSize:12.5}),i.style.dataLabel({...R,fontSize:13,fill:"transparent",cornerRadius:0}),i.style.legendItem({...v,fontSize:13,fill:"transparent",stroke:"transparent"}),i.style.legend.popover({...H}),i.style.directLabel({fontWeight:400,fontSize:13}),i.style.headlineItem.number({...R}),i.style.headlineItem.caption({...v}),i.style.headlineItem.label({...v}),i.style.headlineItem.trend({fontWeight:400}),i.style.tooltip({...H,paddingInline:12,paddingBlock:9}),i.style.tooltip.heading({...R,fontSize:13,lineHeight:1.3,letterSpacing:1,textTransform:"uppercase"}),i.style.tooltip.label({...v,fontSize:13,lineHeight:1.4}),i.style.tooltip.value({...R,fontSize:13,lineHeight:1.4}),i.style.annotation.text({..._,paddingInline:4,paddingBlock:2,lineHeight:1.3}),i.style.annotation.pinnedNumber({fill:y.red,stroke:g.paper,shadow:"none"}),i.style.annotation.pinnedNumber.label({..._}),i.style.annotation.comment({fill:y.red,stroke:g.paper,shadow:"none"}),i.style.annotation.comment.label({..._}),i.style.annotation.differenceArrow({stroke:g.text,strokeWidth:1.5}),i.style.annotation.differenceArrow.label({..._}),i.style.annotation.arrow({stroke:g.text,strokeWidth:1.5,dashArray:[]}),i.style.annotation.shape({fill:g.text,fillAlpha:.06,stroke:g.secondary,strokeWidth:.75}),i.style.geom.area({fillAlpha:.45},{coord:"polar"}),i.style.panelBorder.left({strokeWidth:0},{coord:"polar"}),i.style.panelBorder.bottom({strokeWidth:0},{coord:"polar"}),i.style.tickLabel({textColor:g.text,fontSize:14,fontWeight:700,textOutlineColor:g.paper,textOutlineWidth:8},{coord:"polar"})]},pe=/[a-df-zA-DF-Z]|[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/gu,ge=/^[a-zA-Z]$/u,fe=(e,t)=>e==="H"?"x":e==="V"?"y":t%2===0?"x":"y",G=(e,t)=>{let r="",n=0;return(e.match(pe)??[]).map(a=>{if(ge.test(a))return r=a.toUpperCase(),n=0,a;const o=fe(r,n);return n+=1,String(Number(a)*(o==="x"?t.width:t.height))}).join(" ")},T=(e,t)=>{const r=(0,i.getX)(e),n=(0,i.getY)(e)??(0,i.getYMax)(e);return r===null||n===null?null:{x:(0,i.toViewBoxX)(r)*t.width,y:(0,i.toViewBoxY)(n)*t.height}},j=(e,t)=>{const r=(0,i.getX)(e),n=(0,i.getY)(e)??(0,i.getRadiusExtent)(e).outerRadius;if(r===null||n===null)return null;const a=(0,i.polarToUnit)(r,n),o=Math.min(t.width,t.height)/2;return{x:t.width/2+a.x*o,y:t.height/2-a.y*o}},ye=e=>`${e.map((t,r)=>`${r===0?"M":"L"}${t.x},${t.y}`).join(" ")} Z`,w=e=>{const t=(0,i.useGeomStyleReader)(e);return(r,n)=>({color:(0,i.toPaintColor)(t.get("fill",r,n)),opacity:t.get("alpha",r,n),fillOpacity:t.get("fillAlpha",r,n),edge:t.get("stroke",r,n),edgeWidth:t.get("strokeWidth",r,n)})},U=e=>{const t=(0,i.useGeomStyleReader)(e);return(r,n)=>{const a=t.get("strokeWidth",r,n);return{color:t.get("stroke",r,n),opacity:t.get("alpha",r,n)*t.get("strokeAlpha",r,n),width:a,dashArray:(0,i.toStrokeDasharray)(t.get("dashArray",r,n),a)}}},xe=1.3,E=[.72,.87,1],C=.35,me=.7,B=100,D=.7,ve=4,Ae=e=>{let t=2166136261;for(let r=0;r<e.length;r+=1)t^=e.charCodeAt(r),t=Math.imul(t,16777619);return t>>>0},b=(e,t,r,n)=>{let a=Math.imul(e^Math.imul(t,374761393)^Math.imul(r,668265263)^n,1274126177);return a=Math.imul(a^a>>>13,1103515245),((a^a>>>16)>>>0)/4294967296},x=e=>Math.round(e*B)/B,Z=(e,t,r,n,a)=>{const o=x(t-n/2),d=x(t+n/2),l=x(r-a/2),c=x(r+a/2),h=`M${o},${l}L${d},${c}M${d},${l}L${o},${c}`;if(e==="x"||e==="X"&&n<ve)return h;if(e==="X"){const f=(m,P)=>`M${x(m-D)},${P}L${x(m+D)},${P}`;return`${h}${f(o,l)}${f(d,l)}${f(o,c)}${f(d,c)}`}if(e==="/")return`M${o},${c}L${d},${l}`;if(e==="_")return`M${o},${x(r)}L${d},${x(r)}`;if(e==="|")return`M${x(t)},${l}L${x(t)},${c}`;const p=x(n/2),u=x(a/2);return`M${o},${x(r)}a${p},${u} 0 1,0 ${x(n)},0a${p},${u} 0 1,0 ${-x(n)},0`},L=e=>{const t=Ae(e);return(r,n,a,o,d,l,c)=>{const h=(b(t,l,c,1)*2-1)*C,p=(b(t,l,c,2)*2-1)*C,u=Math.floor(b(t,l,c,3)*E.length);return{path:Z(r,n+h,a+p,o,d),weight:u}}},M=(e,t,r,n,a)=>({path:Z(e,t,r,n,a),weight:E.length-1}),S=e=>`${e}-${(0,A.useId)().replace(/[^a-zA-Z0-9]/gu,"")}`,k=({strikes:e,color:t,opacity:r=1,width:n=xe,isOverstruck:a=!1})=>e.length===0?null:(0,s.jsxs)("g",{fill:"none",stroke:t,strokeWidth:n,strokeLinecap:"round",opacity:r,children:[E.map((o,d)=>e.filter(l=>l.weight===d).map(l=>l.path).join("")).map((o,d)=>o===""?null:(0,s.jsx)("path",{d:o,strokeOpacity:E[d]},E[d])),a&&(0,s.jsx)("path",{d:e.map(o=>o.path).join(""),transform:`translate(${me},0)`})]}),z=6,ke=14,Re=1.5,N=10,Me=1.8,W=(e,t,r,n)=>{const a=(0,i.createStableKeyGenerator)(e.data,e.mapping,e.id),o=[];return e.data.groupBy(i.GROUP_VARIABLES.group).forEach(d=>{const l=[...d],[c]=l,h=t(l);if(c===void 0||h===null)return;const p=l.flatMap(u=>r(u,n)??[]);o.push({key:a(c),observation:c,path:h,readings:p})}),o},q=(e,t)=>{const r=e.flatMap(n=>{const a=(0,i.getX)(n),o=j(n,t);return a===null||o===null?[]:[{angle:a,point:o}]}).sort((n,a)=>n.angle-a.angle).map(({point:n})=>n);return r.length===0?null:ye(r)},je=e=>e.every((t,r)=>{const n=e[r+1];return n===void 0||Math.hypot(n.x-t.x,n.y-t.y)>=ke}),we=({readings:e,color:t,opacity:r})=>je(e)?(0,s.jsx)(k,{strikes:e.map(({x:n,y:a})=>M("x",n,a,z,z)),color:t,opacity:r,width:Re}):null,J=({geom:e,observation:t,panel:r,project:n,color:a,opacity:o})=>{const d=n(t,r);return d===null?null:(0,s.jsx)("g",{"data-geom":e,children:(0,s.jsx)(k,{strikes:[M("X",d.x,d.y,N,N)],color:a,opacity:o,width:Me,isOverstruck:!0})})},Q=.55,Se=1.5,ee=(e,t,r={x:0,y:0,...e})=>{const n=L(t),a=[],o=Math.max(0,Math.floor((e.height-r.y-r.height)/12-.5)),d=Math.min(Math.ceil(e.height/12),Math.ceil((e.height-r.y)/12)),l=Math.max(0,Math.floor(r.x/8)),c=Math.min(Math.ceil(e.width/8),Math.ceil((r.x+r.width)/8));for(let h=o;h<d;h+=1){const p=e.height-(h+.5)*12;for(let u=l;u<c;u+=1)a.push(n("/",(u+.5)*8,p,5,8,u,h))}return a},te=({layer:e,coordSystem:t,panel:r})=>{const n=w(e),a=S("typewriter-area"),o=(0,A.useMemo)(()=>{if(t===void 0)return W(e,h=>q(h,r),j,r).map(h=>({...h,fill:h.path,edge:h.path}));const{areaGenerator:d,lineGenerator:l}=(0,i.createAreaPathGenerators)(t,e.params),c=new Map;return W(e,h=>{const p=(0,i.prepareAreaObservations)(h,e.params.missingValues),u=d(p),f=l(p);if(!u)return null;const m=G(u,r);return f&&c.set(m,G(f,r)),m},T,r).map(h=>({...h,fill:h.path,edge:c.get(h.path)??""}))},[e,t,r]);return r.width<=0||r.height<=0?null:(0,s.jsx)("g",{"data-geom":"area",children:o.map(({key:d,observation:l,fill:c,edge:h},p)=>{const u=n(l);return(0,s.jsxs)("g",{opacity:u.opacity,children:[(0,s.jsx)("clipPath",{id:`${a}-${p}`,children:(0,s.jsx)("path",{d:c})}),(0,s.jsx)("path",{d:c,fill:g.paper}),(0,s.jsx)("path",{d:c,fill:u.color,fillOpacity:u.fillOpacity*Q}),(0,s.jsx)("g",{clipPath:`url(#${a}-${p})`,children:(0,s.jsx)(k,{strikes:ee(r,d),color:u.color,opacity:u.fillOpacity})}),(0,s.jsx)("path",{d:h,fill:"none",stroke:u.color,strokeWidth:Se,strokeLinejoin:"round",strokeLinecap:"round"})]},d)})})},re=({layer:e,observation:t,panel:r,project:n})=>{const a=w(e)(t,"hovered");return(0,s.jsx)(J,{geom:"area",observation:t,panel:r,project:n,color:a.color,opacity:a.opacity})},Ee=(0,i.defineGeomRenderer)("area",{coord:"cartesian",guideMode:"crosshair",swatchShape:"area",render:({layer:e,coordSystem:t,panelRect:r})=>t.type!=="cartesian"?null:(0,s.jsx)(te,{layer:e,coordSystem:t,panel:r}),renderHover:({layer:e,primary:t,panelRect:r})=>(0,s.jsx)(re,{layer:e,observation:t.observation,panel:r,project:T}),renderHoverCompanions:()=>null}),Te=(0,i.defineGeomRenderer)("area",{coord:"polar",guideMode:"crosshair",swatchShape:"area",render:({layer:e,panelRect:t})=>(0,s.jsx)(te,{layer:e,panel:t}),renderHover:({layer:e,primary:t,panelRect:r})=>(0,s.jsx)(re,{layer:e,observation:t.observation,panel:r,project:j}),renderHoverCompanions:()=>null}),Pe=2,ne=1.8,_e=1,$e=3.3,Ie={solo:{base:!0,value:!0},floor:{base:!0,value:!1},ceiling:{base:!1,value:!0},middle:{base:!1,value:!1}},We={top:"bottom",bottom:"top",left:"right",right:"left"},Le=(e,t)=>t==="x"?((0,i.getYMax)(e)??(0,i.getY)(e)??0)>=((0,i.getYMin)(e)??0)?"top":"bottom":((0,i.getXMax)(e)??0)>=((0,i.getXMin)(e)??0)?"right":"left",be=(e,t,r)=>{const n=Math.max(0,e.width-r),a=Math.max(0,e.height-r);return t==="top"?{...e,y:e.y+e.height-a,height:a}:t==="bottom"?{...e,height:a}:t==="left"?{...e,x:e.x+e.width-n,width:n}:{...e,width:n}},O=(e,t)=>{const r=Math.max(1,Math.round(e/t));return{count:r,size:e/r}},X=(e,t,r)=>{const n=[];for(let a=$e+r/2;a-r/2<e;a+=t)n.push(a);return n},Ge=(e,t,r)=>{const n=L(r),a=t==="top"||t==="bottom",o=a?O(e.width,8):O(e.height,12),d=a?Math.min(5,o.size-2):5,l=a?8:Math.max(1,Math.min(8,o.size-4));return(a?X(e.height,12,8):X(e.width,8,5)).flatMap((c,h)=>Array.from({length:o.count},(p,u)=>{const f=(u+.5)*o.size;if(t==="top")return n("X",e.x+f,e.y+c,d,l,u,h);if(t==="bottom")return n("X",e.x+f,e.y+e.height-c,d,l,u,h);const m=t==="right"?e.x+e.width-c:e.x+c;return n("X",m,e.y+f,d,l,h,u)}))},Oe=(e,t)=>{const r=t==="top"||t==="bottom",n=O(r?e.width:e.height,r?8:12),a=Math.max(1,n.size-_e),o=ne/2;return Array.from({length:n.count},(d,l)=>{const c=(l+.5)*n.size;return t==="top"?M("_",e.x+c,e.y+o,a,0):t==="bottom"?M("_",e.x+c,e.y+e.height-o,a,0):M("|",t==="right"?e.x+e.width-o:e.x+o,e.y+c,0,a)})},He=({layer:e,observation:t,bounds:r,seed:n,mainAxis:a,panel:o,clipId:d,state:l})=>{const c=w(e);if(!r||r.width<=0||r.height<=0)return null;const h=c(t,l),p=Ie[(0,i.getStackRole)(t)],u=Le(t,a),f={x:r.x*o.width,y:r.y*o.height,width:r.width*o.width,height:r.height*o.height},m=[p.value?[]:[u],p.base?[]:[We[u]]].flat().reduce((P,se)=>be(P,se,Pe/2),f);return m.width<=0||m.height<=0?null:(0,s.jsx)(ae,{rect:m,edge:u,seed:n,clipId:d,color:h.color,opacity:h.opacity,pressure:h.fillOpacity,isOverstruck:l==="hovered"})},ae=({rect:e,edge:t,seed:r,clipId:n,color:a,opacity:o,pressure:d,isOverstruck:l})=>(0,s.jsxs)("g",{opacity:o,children:[(0,s.jsx)("clipPath",{id:n,children:(0,s.jsx)("rect",{...e})}),(0,s.jsx)("rect",{...e,fill:g.paper}),(0,s.jsx)("g",{clipPath:`url(#${n})`,children:(0,s.jsx)(k,{strikes:Ge(e,t,r),color:a,opacity:d,isOverstruck:l})}),(0,s.jsx)(k,{strikes:Oe(e,t),color:a,width:ne,isOverstruck:l})]}),K=({layer:e,observations:t,mainAxis:r,panel:n,state:a})=>{const o=S("typewriter-bar"),d=(0,i.useGeomStyleReader)(e),l=(0,A.useMemo)(()=>(0,i.createStableKeyGenerator)(e.data,e.mapping,e.id),[e.data,e.mapping,e.id]),c=(0,A.useMemo)(()=>(0,i.createBarBoundsReader)(e,r,d,n),[e,r,d,n]);return n.width<=0||n.height<=0?null:(0,s.jsx)("g",{"data-geom":"bar",children:Array.from(t,(h,p)=>{const u=l(h);return(0,s.jsx)(He,{layer:e,observation:h,bounds:c(h),seed:u,mainAxis:r,panel:n,clipId:`${o}-${p}`,state:a},u)})})},Ce=(0,i.defineGeomRenderer)("bar",{coord:"cartesian",guideMode:"band",swatchShape:"square",render:({layer:e,coordSystem:t,panelRect:r})=>(0,s.jsx)(K,{layer:e,observations:e.data,mainAxis:(0,i.readMainAxis)(t),panel:r}),renderHover:({layer:e,coordSystem:t,primary:r,panelRect:n})=>(0,s.jsx)(K,{layer:e,observations:[r.observation],mainAxis:(0,i.readMainAxis)(t),panel:n,state:"hovered"}),renderHoverCompanions:()=>null}),Be=({layer:e,panel:t,coord:r})=>{const n=U(e),a=(0,A.useMemo)(()=>{if(r==="polar")return W(e,d=>q(d,t),j,t);const o=(0,i.createLinePathGenerator)(e.params);return W(e,d=>{const l=o((0,i.prepareLineObservations)(d,e.params.missingValues));return l?G(l,t):null},T,t)},[e,t,r]);return t.width<=0||t.height<=0?null:(0,s.jsx)("g",{"data-geom":"line",children:a.map(({key:o,path:d,observation:l,readings:c})=>{const h=n(l);return(0,s.jsxs)("g",{children:[(0,s.jsx)("path",{d,fill:"none",stroke:h.color,strokeOpacity:h.opacity,strokeWidth:h.width,strokeDasharray:h.dashArray,strokeLinejoin:"round",strokeLinecap:"round"}),(0,s.jsx)(we,{readings:c,color:h.color,opacity:h.opacity})]},o)})})},De=({layer:e,observation:t,panel:r,project:n})=>{const a=U(e)(t,"hovered");return(0,s.jsx)(J,{geom:"line",observation:t,panel:r,project:n,color:a.color,opacity:a.opacity})},ie=(e,t)=>(0,i.defineGeomRenderer)("line",{coord:e,guideMode:"crosshair",swatchShape:"line",render:({layer:r,panelRect:n})=>(0,s.jsx)(Be,{layer:r,panel:n,coord:e}),renderHover:({layer:r,primary:n,panelRect:a})=>(0,s.jsx)(De,{layer:r,observation:n.observation,panel:a,project:t}),renderHoverCompanions:()=>null,getOverlayAnchor:({observation:r})=>{const n=(0,i.getX)(r),a=(0,i.getY)(r);return n===null||a===null?null:{x:n,y:a}}}),ze=ie("cartesian",T),Ne=ie("polar",j),Xe=.85,Ke=1.6,Ye=4,Y=({layer:e,observations:t,panel:r,project:n,state:a})=>{const o=(0,i.useGeomStyleReader)(e),d=w(e),l=(0,A.useMemo)(()=>(0,i.createStableKeyGenerator)(e.data,e.mapping,e.id),[e.data,e.mapping,e.id]),c=a==="hovered",h=c?Ye:0;return(0,s.jsx)("g",{"data-geom":"point",children:Array.from(t,p=>{const u=n(p,r);if(u===null)return null;const f=d(p,a),m=o.get("size",p,a)+h;return(0,s.jsx)(k,{strikes:[M("o",u.x,u.y,m*Xe,m)],color:f.color,opacity:f.opacity,width:Ke,isOverstruck:c},l(p))})})},oe=(e,t)=>(0,i.defineGeomRenderer)("point",{coord:e,swatchShape:"circle",render:({layer:r,panelRect:n})=>(0,s.jsx)(Y,{layer:r,observations:r.data,panel:n,project:t}),renderHover:({layer:r,primary:n,panelRect:a})=>(0,s.jsx)(Y,{layer:r,observations:[n.observation],panel:a,project:t,state:"hovered"}),renderHoverCompanions:()=>null}),Fe=oe("cartesian",T),Ve=oe("polar",j),Ue=4,Ze=1.2,qe=3,I=Math.PI*2,Je=.3,Qe=(e,t)=>{const{startAngle:r,endAngle:n}=(0,i.getAngleExtent)(e),{innerRadius:a,outerRadius:o}=(0,i.getRadiusExtent)(e);if(r===null||n===null||a===null||o===null)return null;const d=Math.min(t.width,t.height)/2;if(d<=0||o<=0)return null;const l=Math.max(0,n-r),c=Ue/2/(o*d),h=l>=I-1e-6?0:Math.min(c,l/4),p=r+h,u=n-h,f=(0,i.buildPolarBarArcPath)({startAngle:p,endAngle:u,innerRadius:a,outerRadius:o},{centerX:t.width/2,centerY:t.height/2,radius:d,digits:qe});return f===void 0?null:{path:f,startAngle:p,endAngle:u,inner:a*d,outer:o*d}},et=(e,t,r,n)=>{const a=Math.hypot(t,r);if(a>e.outer-n||a<e.inner+n)return!1;const o=((Math.atan2(t,-r)-e.startAngle)%I+I)%I,d=n/Math.max(a,1);return o>=d&&o<=e.endAngle-e.startAngle-d},tt=(e,t,r)=>{const n=L(r),a=Math.ceil(e.outer/8)+1,o=Math.ceil(e.outer/12)+1,d=-Math.hypot(8,12)/2,l=[];for(let c=-o;c<=o;c+=1)for(let h=-a;h<=a;h+=1){const p=h*8,u=c*12;et(e,p,u,d)&&l.push(n("/",t.width/2+p,t.height/2+u,5,8,h,c))}return l},F=({layer:e,observations:t,panel:r,state:n})=>{const a=w(e),o=S("slice-shading"),d=(0,A.useMemo)(()=>(0,i.createStableKeyGenerator)(e.data,e.mapping,e.id),[e.data,e.mapping,e.id]);return r.width<=0||r.height<=0?null:(0,s.jsx)("g",{"data-geom":"bar",children:Array.from(t,l=>{const c=Qe(l,r);if(c===null)return null;const h=d(l),p=a(l,n),u=`${o}-${h.replace(/[^a-zA-Z0-9]/gu,"")}`;return(0,s.jsxs)("g",{opacity:p.opacity,children:[(0,s.jsx)("path",{d:c.path,fill:g.paper}),(0,s.jsxs)("g",{children:[(0,s.jsx)("clipPath",{id:u,children:(0,s.jsx)("path",{d:c.path})}),(0,s.jsx)("path",{d:c.path,fill:p.color,fillOpacity:p.fillOpacity*Je}),(0,s.jsx)("g",{clipPath:`url(#${u})`,children:(0,s.jsx)(k,{strikes:tt(c,r,h),color:p.color,opacity:p.fillOpacity,isOverstruck:n==="hovered"})})]}),(0,s.jsx)("path",{d:c.path,fill:"none",stroke:p.color,strokeWidth:Ze,strokeLinejoin:"round"})]},h)})})},rt=(0,i.defineGeomRenderer)("bar",{coord:"polar",guideMode:"band",swatchShape:"slice",render:({layer:e,panelRect:t})=>(0,s.jsx)(F,{layer:e,observations:e.data,panel:t}),renderHover:({layer:e,primary:t,panelRect:r})=>(0,s.jsx)(F,{layer:e,observations:[t.observation],panel:r,state:"hovered"}),renderHoverCompanions:()=>null}),$=2,nt=.2,at=(e,t)=>{const r=L(t),n=[],a=Math.floor(e.y/12),o=Math.floor(e.x/8);for(let d=a;d*12<e.y+e.height;d+=1)for(let l=o;l*8<e.x+e.width;l+=1){const c=(l+.5)*8,h=(d+.5)*12;n.push(r("X",c,h,5,8,l,d))}return n},it=({layer:e,observation:t,seed:r,panel:n,clipId:a,state:o})=>{const d=w(e),l=(0,i.getPaintedTileRect)(t);if(l===null)return null;const c=d(t,o),h={x:l.x*n.width+$/2,y:l.y*n.height+$/2,width:Math.max(0,l.width*n.width-$),height:Math.max(0,l.height*n.height-$)};return h.width<=0||h.height<=0?null:(0,s.jsxs)("g",{opacity:c.opacity,children:[(0,s.jsx)("clipPath",{id:a,children:(0,s.jsx)("rect",{...h})}),(0,s.jsx)("rect",{...h,fill:c.color,fillOpacity:c.fillOpacity}),(0,s.jsx)("g",{clipPath:`url(#${a})`,children:(0,s.jsx)(k,{strikes:at(h,r),color:g.paper,opacity:nt,isOverstruck:o==="hovered"})}),o==="hovered"&&(0,s.jsx)("rect",{...h,fill:"none",stroke:g.text,strokeWidth:c.edgeWidth})]})},V=({layer:e,observations:t,panel:r,state:n})=>{const a=S("typewriter-tile"),o=(0,A.useMemo)(()=>(0,i.createStableCellKeyGenerator)(e.data,e.mapping,e.id),[e.data,e.mapping,e.id]);return r.width<=0||r.height<=0?null:(0,s.jsx)("g",{"data-geom":"tile",children:Array.from(t,(d,l)=>{const c=o(d);return(0,s.jsx)(it,{layer:e,observation:d,seed:c,panel:r,clipId:`${a}-${l}`,state:n},c)})})},ot=(0,i.defineGeomRenderer)("tile",{coord:"cartesian",guideMode:null,swatchShape:"square",render:({layer:e,panelRect:t})=>(0,s.jsx)(V,{layer:e,observations:e.data,panel:t}),renderHover:({layer:e,primary:t,panelRect:r})=>(0,s.jsx)(V,{layer:e,observations:[t.observation],panel:r,state:"hovered"}),renderHoverCompanions:()=>null}),st=[Ce,rt,ot,ze,Ne,Ee,Te,Fe,Ve],lt=e=>{const t=S("typewriter-rect"),r=(0,i.useGeomPanelSize)(),n=r===null?null:(0,i.readRectPixels)(e,r);return n===null||e.fill===void 0?(0,s.jsx)(i.DefaultGeomRect,{...e}):n.width<=0||n.height<=0?null:(0,s.jsx)("g",{"data-testid":e["data-testid"],children:(0,s.jsx)(ae,{rect:n,edge:"top",seed:`${n.x},${n.y}`,clipId:t,color:e.fill,opacity:e.opacity??1,pressure:e.fillOpacity??1,isOverstruck:!1})})},dt=e=>{const t=(e.match(/-?\d*\.?\d+(?:e-?\d+)?/giu)??[]).map(Number),r=t.filter((d,l)=>l%2===0),n=t.filter((d,l)=>l%2===1);if(r.length===0||n.length===0)return null;const a=Math.min(...r),o=Math.min(...n);return{x:a,y:o,width:Math.max(...r)-a,height:Math.max(...n)-o}},ht=e=>{const t=S("typewriter-path"),r=(0,i.useGeomPanelSize)(),n=(0,A.useMemo)(()=>{const o=dt(e.d);return r===null||o===null?null:ee(r,e.d,o)},[r,e.d]);if(n===null||e.fill===void 0||e.fill.startsWith("url("))return(0,s.jsx)(i.DefaultGeomPath,{...e});const a=e.fillOpacity??1;return(0,s.jsxs)("g",{"data-testid":e["data-testid"],opacity:e.opacity??1,children:[(0,s.jsx)("clipPath",{id:t,children:(0,s.jsx)("path",{d:e.d})}),(0,s.jsx)("path",{d:e.d,fill:g.paper}),(0,s.jsx)("path",{d:e.d,fill:e.fill,fillOpacity:a*Q}),(0,s.jsx)("g",{clipPath:`url(#${t})`,children:(0,s.jsx)(k,{strikes:n,color:e.fill,opacity:a})})]})},ct={Rect:lt,Path:ht},ut={name:"typewriter",styles:ue,palettes:{categorical:de,sequential:he,diverging:ce},config:{axes:{y:{position:"left"}}},colorScheme:"light",plugins:st,shapes:ct};exports.typewriter=ut;

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { useId as yt, useMemo as R } from "react";
-import { DefaultGeomPath as At, DefaultGeomRect as kt, GROUP_VARIABLES as xt, buildPolarBarArcPath as wt, createAreaPathGenerators as Rt, createLinePathGenerator as Mt, createStableCellKeyGenerator as Et, createStableKeyGenerator as O, defineGeomRenderer as M, getAngleExtent as Tt, getBarRectBounds as St, getPaintedTileRect as Pt, getRadiusExtent as rt, getStackRole as $t, getX as C, getXMax as It, getXMin as _t, getY as B, getYMax as nt, getYMin as Wt, polarToUnit as bt, prepareAreaObservations as Lt, prepareLineObservations as Ht, readMainAxis as F, readRectPixels as Ot, style as c, toPaintColor as Ct, toStrokeDasharray as Bt, toViewBoxX as Gt, toViewBoxY as Dt, useGeomPanelSize as at, useGeomStyleReader as X } from "@graphysdk/react";
-import { jsx as d, jsxs as x } from "react/jsx-runtime";
-var p = {
+import { useId as yt, useMemo as x } from "react";
+import { DefaultGeomPath as At, DefaultGeomRect as kt, GROUP_VARIABLES as xt, buildPolarBarArcPath as Rt, createAreaPathGenerators as wt, createBarBoundsReader as Mt, createLinePathGenerator as Et, createStableCellKeyGenerator as Tt, createStableKeyGenerator as b, defineGeomRenderer as M, getAngleExtent as St, getPaintedTileRect as Pt, getRadiusExtent as rt, getStackRole as $t, getX as C, getXMax as It, getXMin as _t, getY as B, getYMax as nt, getYMin as Wt, polarToUnit as Lt, prepareAreaObservations as Ht, prepareLineObservations as Ot, readMainAxis as F, readRectPixels as bt, style as c, toPaintColor as Ct, toStrokeDasharray as Bt, toViewBoxX as Gt, toViewBoxY as Dt, useGeomPanelSize as at, useGeomStyleReader as G } from "@graphysdk/react";
+import { jsx as s, jsxs as R } from "react/jsx-runtime";
+var g = {
   paper: "#EBD9A9",
   card: "#F8F0D8",
   text: "#1F1B16",
@@ -28,11 +28,11 @@ var p = {
   m.red
 ], w = {
   fontWeight: 400,
-  textColor: p.text
+  textColor: g.text
 }, W = {
   ...w,
   fontSize: 13,
-  fill: p.paper,
+  fill: g.paper,
   stroke: "transparent",
   strokeWidth: 0,
   cornerRadius: 0,
@@ -41,31 +41,31 @@ var p = {
   shadow: "none"
 }, A = {
   fontWeight: 400,
-  textColor: p.secondary
+  textColor: g.secondary
 }, K = {
-  fill: p.card,
-  stroke: p.text,
+  fill: g.card,
+  stroke: g.text,
   strokeWidth: 1,
   cornerRadius: 0,
   shadow: "none"
 }, Kt = {
   tokens: {
-    graphBackground: p.paper,
-    graphBorder: p.edge,
-    geomBorder: p.text,
-    textPrimary: p.text,
-    textSecondary: p.secondary,
-    ruleLine: p.text,
-    gridLine: p.grid,
-    hoverAffordance: p.paper,
+    graphBackground: g.paper,
+    graphBorder: g.edge,
+    geomBorder: g.text,
+    textPrimary: g.text,
+    textSecondary: g.secondary,
+    ruleLine: g.text,
+    gridLine: g.grid,
+    hoverAffordance: g.paper,
     hoverGuideFill: "rgba(31, 27, 22, 0.07)",
-    hoverGuideLine: p.secondary,
-    tooltipBackground: p.card,
-    tooltipBorder: p.text,
+    hoverGuideLine: g.secondary,
+    tooltipBackground: g.card,
+    tooltipBorder: g.text,
     tooltipPrimaryRow: "rgba(31, 27, 22, 0.08)",
     annotationShape: m.red,
-    annotationArrow: p.text,
-    differenceLabelBackground: p.card,
+    annotationArrow: g.text,
+    differenceLabelBackground: g.card,
     trendPositive: m.black,
     trendNegative: m.red,
     trendNeutral: m.pencilGrey
@@ -81,7 +81,7 @@ var p = {
     c.geom({ shadow: "none" }),
     c.geom({ shadow: "none" }, { state: "hovered" }),
     c.geom.bar({
-      stroke: p.text,
+      stroke: g.text,
       strokeWidth: 1,
       cornerRadius: "none"
     }),
@@ -100,12 +100,12 @@ var p = {
     }),
     c.geom.point({
       size: 9,
-      stroke: p.paper,
+      stroke: g.paper,
       strokeWidth: 1.5
     }),
     c.geom.tile({
       cornerRadius: 0,
-      stroke: p.paper,
+      stroke: g.paper,
       strokeWidth: 2
     }),
     c.geom.rule({
@@ -123,12 +123,12 @@ var p = {
       cornerRadius: 0
     }),
     c.panelBorder.left({
-      stroke: p.text,
+      stroke: g.text,
       strokeWidth: 1,
       dashArray: []
     }),
     c.panelBorder.bottom({
-      stroke: p.text,
+      stroke: g.text,
       strokeWidth: 1,
       dashArray: []
     }),
@@ -223,44 +223,44 @@ var p = {
     }),
     c.annotation.pinnedNumber({
       fill: m.red,
-      stroke: p.paper,
+      stroke: g.paper,
       shadow: "none"
     }),
     c.annotation.pinnedNumber.label({ ...W }),
     c.annotation.comment({
       fill: m.red,
-      stroke: p.paper,
+      stroke: g.paper,
       shadow: "none"
     }),
     c.annotation.comment.label({ ...W }),
     c.annotation.differenceArrow({
-      stroke: p.text,
+      stroke: g.text,
       strokeWidth: 1.5
     }),
     c.annotation.differenceArrow.label({ ...W }),
     c.annotation.arrow({
-      stroke: p.text,
+      stroke: g.text,
       strokeWidth: 1.5,
       dashArray: []
     }),
     c.annotation.shape({
-      fill: p.text,
+      fill: g.text,
       fillAlpha: 0.06,
-      stroke: p.secondary,
+      stroke: g.secondary,
       strokeWidth: 0.75
     }),
     c.geom.area({ fillAlpha: 0.45 }, { coord: "polar" }),
     c.panelBorder.left({ strokeWidth: 0 }, { coord: "polar" }),
     c.panelBorder.bottom({ strokeWidth: 0 }, { coord: "polar" }),
     c.tickLabel({
-      textColor: p.text,
+      textColor: g.text,
       fontSize: 14,
       fontWeight: 700,
-      textOutlineColor: p.paper,
+      textOutlineColor: g.paper,
       textOutlineWidth: 8
     }, { coord: "polar" })
   ]
-}, Vt = /[a-df-zA-DF-Z]|[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/gu, Yt = /^[a-zA-Z]$/u, jt = (t, e) => t === "H" ? "x" : t === "V" ? "y" : e % 2 === 0 ? "x" : "y", z = (t, e) => {
+}, Vt = /[a-df-zA-DF-Z]|[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/gu, Yt = /^[a-zA-Z]$/u, jt = (t, e) => t === "H" ? "x" : t === "V" ? "y" : e % 2 === 0 ? "x" : "y", N = (t, e) => {
   let r = "", n = 0;
   return (t.match(Vt) ?? []).map((a) => {
     if (Yt.test(a))
@@ -277,13 +277,13 @@ var p = {
 }, T = (t, e) => {
   const r = C(t), n = B(t) ?? rt(t).outerRadius;
   if (r === null || n === null) return null;
-  const a = bt(r, n), i = Math.min(e.width, e.height) / 2;
+  const a = Lt(r, n), i = Math.min(e.width, e.height) / 2;
   return {
     x: e.width / 2 + a.x * i,
     y: e.height / 2 - a.y * i
   };
 }, Ut = (t) => `${t.map((e, r) => `${r === 0 ? "M" : "L"}${e.x},${e.y}`).join(" ")} Z`, S = (t) => {
-  const e = X(t);
+  const e = G(t);
   return (r, n) => ({
     color: Ct(e.get("fill", r, n)),
     opacity: e.get("alpha", r, n),
@@ -292,7 +292,7 @@ var p = {
     edgeWidth: e.get("strokeWidth", r, n)
   });
 }, it = (t) => {
-  const e = X(t);
+  const e = G(t);
   return (r, n) => {
     const a = e.get("strokeWidth", r, n);
     return {
@@ -311,57 +311,57 @@ var p = {
   for (let r = 0; r < t.length; r += 1)
     e ^= t.charCodeAt(r), e = Math.imul(e, 16777619);
   return e >>> 0;
-}, D = (t, e, r, n) => {
+}, z = (t, e, r, n) => {
   let a = Math.imul(t ^ Math.imul(e, 374761393) ^ Math.imul(r, 668265263) ^ n, 1274126177);
   return a = Math.imul(a ^ a >>> 13, 1103515245), ((a ^ a >>> 16) >>> 0) / 4294967296;
 }, v = (t) => Math.round(t * Y) / Y, ot = (t, e, r, n, a) => {
-  const i = v(e - n / 2), l = v(e + n / 2), o = v(r - a / 2), s = v(r + a / 2), h = `M${i},${o}L${l},${s}M${l},${o}L${i},${s}`;
-  if (t === "x" || t === "X" && n < Jt) return h;
+  const i = v(e - n / 2), l = v(e + n / 2), o = v(r - a / 2), h = v(r + a / 2), d = `M${i},${o}L${l},${h}M${l},${o}L${i},${h}`;
+  if (t === "x" || t === "X" && n < Jt) return d;
   if (t === "X") {
     const f = (y, _) => `M${v(y - j)},${_}L${v(y + j)},${_}`;
-    return `${h}${f(i, o)}${f(l, o)}${f(i, s)}${f(l, s)}`;
+    return `${d}${f(i, o)}${f(l, o)}${f(i, h)}${f(l, h)}`;
   }
-  if (t === "/") return `M${i},${s}L${l},${o}`;
+  if (t === "/") return `M${i},${h}L${l},${o}`;
   if (t === "_") return `M${i},${v(r)}L${l},${v(r)}`;
-  if (t === "|") return `M${v(e)},${o}L${v(e)},${s}`;
-  const g = v(n / 2), u = v(a / 2);
-  return `M${i},${v(r)}a${g},${u} 0 1,0 ${v(n)},0a${g},${u} 0 1,0 ${-v(n)},0`;
-}, G = (t) => {
+  if (t === "|") return `M${v(e)},${o}L${v(e)},${h}`;
+  const p = v(n / 2), u = v(a / 2);
+  return `M${i},${v(r)}a${p},${u} 0 1,0 ${v(n)},0a${p},${u} 0 1,0 ${-v(n)},0`;
+}, D = (t) => {
   const e = Qt(t);
-  return (r, n, a, i, l, o, s) => {
-    const h = (D(e, o, s, 1) * 2 - 1) * V, g = (D(e, o, s, 2) * 2 - 1) * V, u = Math.floor(D(e, o, s, 3) * $.length);
+  return (r, n, a, i, l, o, h) => {
+    const d = (z(e, o, h, 1) * 2 - 1) * V, p = (z(e, o, h, 2) * 2 - 1) * V, u = Math.floor(z(e, o, h, 3) * $.length);
     return {
-      path: ot(r, n + h, a + g, i, l),
+      path: ot(r, n + d, a + p, i, l),
       weight: u
     };
   };
 }, E = (t, e, r, n, a) => ({
   path: ot(t, e, r, n, a),
   weight: $.length - 1
-}), P = (t) => `${t}-${yt().replace(/[^a-zA-Z0-9]/gu, "")}`, k = ({ strikes: t, color: e, opacity: r = 1, width: n = Zt, isOverstruck: a = !1 }) => t.length === 0 ? null : /* @__PURE__ */ x("g", {
+}), P = (t) => `${t}-${yt().replace(/[^a-zA-Z0-9]/gu, "")}`, k = ({ strikes: t, color: e, opacity: r = 1, width: n = Zt, isOverstruck: a = !1 }) => t.length === 0 ? null : /* @__PURE__ */ R("g", {
   fill: "none",
   stroke: e,
   strokeWidth: n,
   strokeLinecap: "round",
   opacity: r,
-  children: [$.map((i, l) => t.filter((o) => o.weight === l).map((o) => o.path).join("")).map((i, l) => i === "" ? null : /* @__PURE__ */ d("path", {
+  children: [$.map((i, l) => t.filter((o) => o.weight === l).map((o) => o.path).join("")).map((i, l) => i === "" ? null : /* @__PURE__ */ s("path", {
     d: i,
     strokeOpacity: $[l]
-  }, $[l])), a && /* @__PURE__ */ d("path", {
+  }, $[l])), a && /* @__PURE__ */ s("path", {
     d: t.map((i) => i.path).join(""),
     transform: `translate(${qt},0)`
   })]
-}), U = 6, te = 14, ee = 1.5, Z = 10, re = 1.8, H = (t, e, r, n) => {
-  const a = O(t.data, t.mapping, t.id), i = [];
+}), U = 6, te = 14, ee = 1.5, Z = 10, re = 1.8, O = (t, e, r, n) => {
+  const a = b(t.data, t.mapping, t.id), i = [];
   return t.data.groupBy(xt.group).forEach((l) => {
-    const o = [...l], [s] = o, h = e(o);
-    if (s === void 0 || h === null) return;
-    const g = o.flatMap((u) => r(u, n) ?? []);
+    const o = [...l], [h] = o, d = e(o);
+    if (h === void 0 || d === null) return;
+    const p = o.flatMap((u) => r(u, n) ?? []);
     i.push({
-      key: a(s),
-      observation: s,
-      path: h,
-      readings: g
+      key: a(h),
+      observation: h,
+      path: d,
+      readings: p
     });
   }), i;
 }, lt = (t, e) => {
@@ -376,16 +376,16 @@ var p = {
 }, ne = (t) => t.every((e, r) => {
   const n = t[r + 1];
   return n === void 0 || Math.hypot(n.x - e.x, n.y - e.y) >= te;
-}), ae = ({ readings: t, color: e, opacity: r }) => ne(t) ? /* @__PURE__ */ d(k, {
+}), ae = ({ readings: t, color: e, opacity: r }) => ne(t) ? /* @__PURE__ */ s(k, {
   strikes: t.map(({ x: n, y: a }) => E("x", n, a, U, U)),
   color: e,
   opacity: r,
   width: ee
 }) : null, st = ({ geom: t, observation: e, panel: r, project: n, color: a, opacity: i }) => {
   const l = n(e, r);
-  return l === null ? null : /* @__PURE__ */ d("g", {
+  return l === null ? null : /* @__PURE__ */ s("g", {
     "data-geom": t,
-    children: /* @__PURE__ */ d(k, {
+    children: /* @__PURE__ */ s(k, {
       strikes: [E("X", l.x, l.y, Z, Z)],
       color: a,
       opacity: i,
@@ -398,65 +398,65 @@ var p = {
   y: 0,
   ...t
 }) => {
-  const n = G(e), a = [], i = Math.max(0, Math.floor((t.height - r.y - r.height) / 12 - 0.5)), l = Math.min(Math.ceil(t.height / 12), Math.ceil((t.height - r.y) / 12)), o = Math.max(0, Math.floor(r.x / 8)), s = Math.min(Math.ceil(t.width / 8), Math.ceil((r.x + r.width) / 8));
-  for (let h = i; h < l; h += 1) {
-    const g = t.height - (h + 0.5) * 12;
-    for (let u = o; u < s; u += 1) a.push(n("/", (u + 0.5) * 8, g, 5, 8, u, h));
+  const n = D(e), a = [], i = Math.max(0, Math.floor((t.height - r.y - r.height) / 12 - 0.5)), l = Math.min(Math.ceil(t.height / 12), Math.ceil((t.height - r.y) / 12)), o = Math.max(0, Math.floor(r.x / 8)), h = Math.min(Math.ceil(t.width / 8), Math.ceil((r.x + r.width) / 8));
+  for (let d = i; d < l; d += 1) {
+    const p = t.height - (d + 0.5) * 12;
+    for (let u = o; u < h; u += 1) a.push(n("/", (u + 0.5) * 8, p, 5, 8, u, d));
   }
   return a;
 }, ct = ({ layer: t, coordSystem: e, panel: r }) => {
-  const n = S(t), a = P("typewriter-area"), i = R(() => {
-    if (e === void 0) return H(t, (h) => lt(h, r), T, r).map((h) => ({
-      ...h,
-      fill: h.path,
-      edge: h.path
+  const n = S(t), a = P("typewriter-area"), i = x(() => {
+    if (e === void 0) return O(t, (d) => lt(d, r), T, r).map((d) => ({
+      ...d,
+      fill: d.path,
+      edge: d.path
     }));
-    const { areaGenerator: l, lineGenerator: o } = Rt(e, t.params), s = /* @__PURE__ */ new Map();
-    return H(t, (h) => {
-      const g = Lt(h, t.params.missingValues), u = l(g), f = o(g);
+    const { areaGenerator: l, lineGenerator: o } = wt(e, t.params), h = /* @__PURE__ */ new Map();
+    return O(t, (d) => {
+      const p = Ht(d, t.params.missingValues), u = l(p), f = o(p);
       if (!u) return null;
-      const y = z(u, r);
-      return f && s.set(y, z(f, r)), y;
-    }, I, r).map((h) => ({
-      ...h,
-      fill: h.path,
-      edge: s.get(h.path) ?? ""
+      const y = N(u, r);
+      return f && h.set(y, N(f, r)), y;
+    }, I, r).map((d) => ({
+      ...d,
+      fill: d.path,
+      edge: h.get(d.path) ?? ""
     }));
   }, [
     t,
     e,
     r
   ]);
-  return r.width <= 0 || r.height <= 0 ? null : /* @__PURE__ */ d("g", {
+  return r.width <= 0 || r.height <= 0 ? null : /* @__PURE__ */ s("g", {
     "data-geom": "area",
-    children: i.map(({ key: l, observation: o, fill: s, edge: h }, g) => {
+    children: i.map(({ key: l, observation: o, fill: h, edge: d }, p) => {
       const u = n(o);
-      return /* @__PURE__ */ x("g", {
+      return /* @__PURE__ */ R("g", {
         opacity: u.opacity,
         children: [
-          /* @__PURE__ */ d("clipPath", {
-            id: `${a}-${g}`,
-            children: /* @__PURE__ */ d("path", { d: s })
+          /* @__PURE__ */ s("clipPath", {
+            id: `${a}-${p}`,
+            children: /* @__PURE__ */ s("path", { d: h })
           }),
-          /* @__PURE__ */ d("path", {
-            d: s,
-            fill: p.paper
+          /* @__PURE__ */ s("path", {
+            d: h,
+            fill: g.paper
           }),
-          /* @__PURE__ */ d("path", {
-            d: s,
+          /* @__PURE__ */ s("path", {
+            d: h,
             fill: u.color,
             fillOpacity: u.fillOpacity * dt
           }),
-          /* @__PURE__ */ d("g", {
-            clipPath: `url(#${a}-${g})`,
-            children: /* @__PURE__ */ d(k, {
+          /* @__PURE__ */ s("g", {
+            clipPath: `url(#${a}-${p})`,
+            children: /* @__PURE__ */ s(k, {
               strikes: ht(r, l),
               color: u.color,
               opacity: u.fillOpacity
             })
           }),
-          /* @__PURE__ */ d("path", {
-            d: h,
+          /* @__PURE__ */ s("path", {
+            d,
             fill: "none",
             stroke: u.color,
             strokeWidth: ie,
@@ -469,7 +469,7 @@ var p = {
   });
 }, ut = ({ layer: t, observation: e, panel: r, project: n }) => {
   const a = S(t)(e, "hovered");
-  return /* @__PURE__ */ d(st, {
+  return /* @__PURE__ */ s(st, {
     geom: "area",
     observation: e,
     panel: r,
@@ -481,12 +481,12 @@ var p = {
   coord: "cartesian",
   guideMode: "crosshair",
   swatchShape: "area",
-  render: ({ layer: t, coordSystem: e, panelRect: r }) => e.type !== "cartesian" ? null : /* @__PURE__ */ d(ct, {
+  render: ({ layer: t, coordSystem: e, panelRect: r }) => e.type !== "cartesian" ? null : /* @__PURE__ */ s(ct, {
     layer: t,
     coordSystem: e,
     panel: r
   }),
-  renderHover: ({ layer: t, primary: e, panelRect: r }) => /* @__PURE__ */ d(ut, {
+  renderHover: ({ layer: t, primary: e, panelRect: r }) => /* @__PURE__ */ s(ut, {
     layer: t,
     observation: e.observation,
     panel: r,
@@ -497,11 +497,11 @@ var p = {
   coord: "polar",
   guideMode: "crosshair",
   swatchShape: "area",
-  render: ({ layer: t, panelRect: e }) => /* @__PURE__ */ d(ct, {
+  render: ({ layer: t, panelRect: e }) => /* @__PURE__ */ s(ct, {
     layer: t,
     panel: e
   }),
-  renderHover: ({ layer: t, primary: e, panelRect: r }) => /* @__PURE__ */ d(ut, {
+  renderHover: ({ layer: t, primary: e, panelRect: r }) => /* @__PURE__ */ s(ut, {
     layer: t,
     observation: e.observation,
     panel: r,
@@ -547,7 +547,7 @@ var p = {
     ...t,
     width: n
   };
-}, N = (t, e) => {
+}, X = (t, e) => {
   const r = Math.max(1, Math.round(t / e));
   return {
     count: r,
@@ -558,60 +558,60 @@ var p = {
   for (let a = he + r / 2; a - r / 2 < t; a += e) n.push(a);
   return n;
 }, fe = (t, e, r) => {
-  const n = G(r), a = e === "top" || e === "bottom", i = a ? N(t.width, 8) : N(t.height, 12), l = a ? Math.min(5, i.size - 2) : 5, o = a ? 8 : Math.max(1, Math.min(8, i.size - 4));
-  return (a ? q(t.height, 12, 8) : q(t.width, 8, 5)).flatMap((s, h) => Array.from({ length: i.count }, (g, u) => {
+  const n = D(r), a = e === "top" || e === "bottom", i = a ? X(t.width, 8) : X(t.height, 12), l = a ? Math.min(5, i.size - 2) : 5, o = a ? 8 : Math.max(1, Math.min(8, i.size - 4));
+  return (a ? q(t.height, 12, 8) : q(t.width, 8, 5)).flatMap((h, d) => Array.from({ length: i.count }, (p, u) => {
     const f = (u + 0.5) * i.size;
-    if (e === "top") return n("X", t.x + f, t.y + s, l, o, u, h);
-    if (e === "bottom") return n("X", t.x + f, t.y + t.height - s, l, o, u, h);
-    const y = e === "right" ? t.x + t.width - s : t.x + s;
-    return n("X", y, t.y + f, l, o, h, u);
+    if (e === "top") return n("X", t.x + f, t.y + h, l, o, u, d);
+    if (e === "bottom") return n("X", t.x + f, t.y + t.height - h, l, o, u, d);
+    const y = e === "right" ? t.x + t.width - h : t.x + h;
+    return n("X", y, t.y + f, l, o, d, u);
   }));
 }, me = (t, e) => {
-  const r = e === "top" || e === "bottom", n = N(r ? t.width : t.height, r ? 8 : 12), a = Math.max(1, n.size - de), i = pt / 2;
+  const r = e === "top" || e === "bottom", n = X(r ? t.width : t.height, r ? 8 : 12), a = Math.max(1, n.size - de), i = pt / 2;
   return Array.from({ length: n.count }, (l, o) => {
-    const s = (o + 0.5) * n.size;
-    return e === "top" ? E("_", t.x + s, t.y + i, a, 0) : e === "bottom" ? E("_", t.x + s, t.y + t.height - i, a, 0) : E("|", e === "right" ? t.x + t.width - i : t.x + i, t.y + s, 0, a);
+    const h = (o + 0.5) * n.size;
+    return e === "top" ? E("_", t.x + h, t.y + i, a, 0) : e === "bottom" ? E("_", t.x + h, t.y + t.height - i, a, 0) : E("|", e === "right" ? t.x + t.width - i : t.x + i, t.y + h, 0, a);
   });
-}, ve = ({ layer: t, observation: e, seed: r, mainAxis: n, panel: a, clipId: i, state: l }) => {
-  const o = S(t), s = St(n, e);
-  if (!s || s.width <= 0 || s.height <= 0) return null;
-  const h = o(e, l), g = ce[$t(e)], u = pe(e, n), f = {
-    x: s.x * a.width,
-    y: s.y * a.height,
-    width: s.width * a.width,
-    height: s.height * a.height
-  }, y = [g.value ? [] : [u], g.base ? [] : [ue[u]]].flat().reduce((_, vt) => ge(_, vt, se / 2), f);
-  return y.width <= 0 || y.height <= 0 ? null : /* @__PURE__ */ d(gt, {
+}, ve = ({ layer: t, observation: e, bounds: r, seed: n, mainAxis: a, panel: i, clipId: l, state: o }) => {
+  const h = S(t);
+  if (!r || r.width <= 0 || r.height <= 0) return null;
+  const d = h(e, o), p = ce[$t(e)], u = pe(e, a), f = {
+    x: r.x * i.width,
+    y: r.y * i.height,
+    width: r.width * i.width,
+    height: r.height * i.height
+  }, y = [p.value ? [] : [u], p.base ? [] : [ue[u]]].flat().reduce((_, vt) => ge(_, vt, se / 2), f);
+  return y.width <= 0 || y.height <= 0 ? null : /* @__PURE__ */ s(gt, {
     rect: y,
     edge: u,
-    seed: r,
-    clipId: i,
-    color: h.color,
-    opacity: h.opacity,
-    pressure: h.fillOpacity,
-    isOverstruck: l === "hovered"
+    seed: n,
+    clipId: l,
+    color: d.color,
+    opacity: d.opacity,
+    pressure: d.fillOpacity,
+    isOverstruck: o === "hovered"
   });
-}, gt = ({ rect: t, edge: e, seed: r, clipId: n, color: a, opacity: i, pressure: l, isOverstruck: o }) => /* @__PURE__ */ x("g", {
+}, gt = ({ rect: t, edge: e, seed: r, clipId: n, color: a, opacity: i, pressure: l, isOverstruck: o }) => /* @__PURE__ */ R("g", {
   opacity: i,
   children: [
-    /* @__PURE__ */ d("clipPath", {
+    /* @__PURE__ */ s("clipPath", {
       id: n,
-      children: /* @__PURE__ */ d("rect", { ...t })
+      children: /* @__PURE__ */ s("rect", { ...t })
     }),
-    /* @__PURE__ */ d("rect", {
+    /* @__PURE__ */ s("rect", {
       ...t,
-      fill: p.paper
+      fill: g.paper
     }),
-    /* @__PURE__ */ d("g", {
+    /* @__PURE__ */ s("g", {
       clipPath: `url(#${n})`,
-      children: /* @__PURE__ */ d(k, {
+      children: /* @__PURE__ */ s(k, {
         strikes: fe(t, e, r),
         color: a,
         opacity: l,
         isOverstruck: o
       })
     }),
-    /* @__PURE__ */ d(k, {
+    /* @__PURE__ */ s(k, {
       strikes: me(t, e),
       color: a,
       width: pt,
@@ -619,37 +619,43 @@ var p = {
     })
   ]
 }), J = ({ layer: t, observations: e, mainAxis: r, panel: n, state: a }) => {
-  const i = P("typewriter-bar"), l = R(() => O(t.data, t.mapping, t.id), [
+  const i = P("typewriter-bar"), l = G(t), o = x(() => b(t.data, t.mapping, t.id), [
     t.data,
     t.mapping,
     t.id
+  ]), h = x(() => Mt(t, r, l, n), [
+    t,
+    r,
+    l,
+    n
   ]);
-  return n.width <= 0 || n.height <= 0 ? null : /* @__PURE__ */ d("g", {
+  return n.width <= 0 || n.height <= 0 ? null : /* @__PURE__ */ s("g", {
     "data-geom": "bar",
-    children: Array.from(e, (o, s) => {
-      const h = l(o);
-      return /* @__PURE__ */ d(ve, {
+    children: Array.from(e, (d, p) => {
+      const u = o(d);
+      return /* @__PURE__ */ s(ve, {
         layer: t,
-        observation: o,
-        seed: h,
+        observation: d,
+        bounds: h(d),
+        seed: u,
         mainAxis: r,
         panel: n,
-        clipId: `${i}-${s}`,
+        clipId: `${i}-${p}`,
         state: a
-      }, h);
+      }, u);
     })
   });
 }, ye = M("bar", {
   coord: "cartesian",
   guideMode: "band",
   swatchShape: "square",
-  render: ({ layer: t, coordSystem: e, panelRect: r }) => /* @__PURE__ */ d(J, {
+  render: ({ layer: t, coordSystem: e, panelRect: r }) => /* @__PURE__ */ s(J, {
     layer: t,
     observations: t.data,
     mainAxis: F(e),
     panel: r
   }),
-  renderHover: ({ layer: t, coordSystem: e, primary: r, panelRect: n }) => /* @__PURE__ */ d(J, {
+  renderHover: ({ layer: t, coordSystem: e, primary: r, panelRect: n }) => /* @__PURE__ */ s(J, {
     layer: t,
     observations: [r.observation],
     mainAxis: F(e),
@@ -658,41 +664,41 @@ var p = {
   }),
   renderHoverCompanions: () => null
 }), Ae = ({ layer: t, panel: e, coord: r }) => {
-  const n = it(t), a = R(() => {
-    if (r === "polar") return H(t, (l) => lt(l, e), T, e);
-    const i = Mt(t.params);
-    return H(t, (l) => {
-      const o = i(Ht(l, t.params.missingValues));
-      return o ? z(o, e) : null;
+  const n = it(t), a = x(() => {
+    if (r === "polar") return O(t, (l) => lt(l, e), T, e);
+    const i = Et(t.params);
+    return O(t, (l) => {
+      const o = i(Ot(l, t.params.missingValues));
+      return o ? N(o, e) : null;
     }, I, e);
   }, [
     t,
     e,
     r
   ]);
-  return e.width <= 0 || e.height <= 0 ? null : /* @__PURE__ */ d("g", {
+  return e.width <= 0 || e.height <= 0 ? null : /* @__PURE__ */ s("g", {
     "data-geom": "line",
-    children: a.map(({ key: i, path: l, observation: o, readings: s }) => {
-      const h = n(o);
-      return /* @__PURE__ */ x("g", { children: [/* @__PURE__ */ d("path", {
+    children: a.map(({ key: i, path: l, observation: o, readings: h }) => {
+      const d = n(o);
+      return /* @__PURE__ */ R("g", { children: [/* @__PURE__ */ s("path", {
         d: l,
         fill: "none",
-        stroke: h.color,
-        strokeOpacity: h.opacity,
-        strokeWidth: h.width,
-        strokeDasharray: h.dashArray,
+        stroke: d.color,
+        strokeOpacity: d.opacity,
+        strokeWidth: d.width,
+        strokeDasharray: d.dashArray,
         strokeLinejoin: "round",
         strokeLinecap: "round"
-      }), /* @__PURE__ */ d(ae, {
-        readings: s,
-        color: h.color,
-        opacity: h.opacity
+      }), /* @__PURE__ */ s(ae, {
+        readings: h,
+        color: d.color,
+        opacity: d.opacity
       })] }, i);
     })
   });
 }, ke = ({ layer: t, observation: e, panel: r, project: n }) => {
   const a = it(t)(e, "hovered");
-  return /* @__PURE__ */ d(st, {
+  return /* @__PURE__ */ s(st, {
     geom: "line",
     observation: e,
     panel: r,
@@ -704,12 +710,12 @@ var p = {
   coord: t,
   guideMode: "crosshair",
   swatchShape: "line",
-  render: ({ layer: r, panelRect: n }) => /* @__PURE__ */ d(Ae, {
+  render: ({ layer: r, panelRect: n }) => /* @__PURE__ */ s(Ae, {
     layer: r,
     panel: n,
     coord: t
   }),
-  renderHover: ({ layer: r, primary: n, panelRect: a }) => /* @__PURE__ */ d(ke, {
+  renderHover: ({ layer: r, primary: n, panelRect: a }) => /* @__PURE__ */ s(ke, {
     layer: r,
     observation: n.observation,
     panel: a,
@@ -723,37 +729,37 @@ var p = {
       y: a
     };
   }
-}), xe = ft("cartesian", I), we = ft("polar", T), Re = 0.85, Me = 1.6, Ee = 4, Q = ({ layer: t, observations: e, panel: r, project: n, state: a }) => {
-  const i = X(t), l = S(t), o = R(() => O(t.data, t.mapping, t.id), [
+}), xe = ft("cartesian", I), Re = ft("polar", T), we = 0.85, Me = 1.6, Ee = 4, Q = ({ layer: t, observations: e, panel: r, project: n, state: a }) => {
+  const i = G(t), l = S(t), o = x(() => b(t.data, t.mapping, t.id), [
     t.data,
     t.mapping,
     t.id
-  ]), s = a === "hovered", h = s ? Ee : 0;
-  return /* @__PURE__ */ d("g", {
+  ]), h = a === "hovered", d = h ? Ee : 0;
+  return /* @__PURE__ */ s("g", {
     "data-geom": "point",
-    children: Array.from(e, (g) => {
-      const u = n(g, r);
+    children: Array.from(e, (p) => {
+      const u = n(p, r);
       if (u === null) return null;
-      const f = l(g, a), y = i.get("size", g, a) + h;
-      return /* @__PURE__ */ d(k, {
-        strikes: [E("o", u.x, u.y, y * Re, y)],
+      const f = l(p, a), y = i.get("size", p, a) + d;
+      return /* @__PURE__ */ s(k, {
+        strikes: [E("o", u.x, u.y, y * we, y)],
         color: f.color,
         opacity: f.opacity,
         width: Me,
-        isOverstruck: s
-      }, o(g));
+        isOverstruck: h
+      }, o(p));
     })
   });
 }, mt = (t, e) => M("point", {
   coord: t,
   swatchShape: "circle",
-  render: ({ layer: r, panelRect: n }) => /* @__PURE__ */ d(Q, {
+  render: ({ layer: r, panelRect: n }) => /* @__PURE__ */ s(Q, {
     layer: r,
     observations: r.data,
     panel: n,
     project: e
   }),
-  renderHover: ({ layer: r, primary: n, panelRect: a }) => /* @__PURE__ */ d(Q, {
+  renderHover: ({ layer: r, primary: n, panelRect: a }) => /* @__PURE__ */ s(Q, {
     layer: r,
     observations: [n.observation],
     panel: a,
@@ -761,13 +767,13 @@ var p = {
     state: "hovered"
   }),
   renderHoverCompanions: () => null
-}), Te = mt("cartesian", I), Se = mt("polar", T), Pe = 4, $e = 1.2, Ie = 3, L = Math.PI * 2, _e = 0.3, We = (t, e) => {
-  const { startAngle: r, endAngle: n } = Tt(t), { innerRadius: a, outerRadius: i } = rt(t);
+}), Te = mt("cartesian", I), Se = mt("polar", T), Pe = 4, $e = 1.2, Ie = 3, H = Math.PI * 2, _e = 0.3, We = (t, e) => {
+  const { startAngle: r, endAngle: n } = St(t), { innerRadius: a, outerRadius: i } = rt(t);
   if (r === null || n === null || a === null || i === null) return null;
   const l = Math.min(e.width, e.height) / 2;
   if (l <= 0 || i <= 0) return null;
-  const o = Math.max(0, n - r), s = Pe / 2 / (i * l), h = o >= L - 1e-6 ? 0 : Math.min(s, o / 4), g = r + h, u = n - h, f = wt({
-    startAngle: g,
+  const o = Math.max(0, n - r), h = Pe / 2 / (i * l), d = o >= H - 1e-6 ? 0 : Math.min(h, o / 4), p = r + d, u = n - d, f = Rt({
+    startAngle: p,
     endAngle: u,
     innerRadius: a,
     outerRadius: i
@@ -779,164 +785,164 @@ var p = {
   });
   return f === void 0 ? null : {
     path: f,
-    startAngle: g,
+    startAngle: p,
     endAngle: u,
     inner: a * l,
     outer: i * l
   };
-}, be = (t, e, r, n) => {
+}, Le = (t, e, r, n) => {
   const a = Math.hypot(e, r);
   if (a > t.outer - n || a < t.inner + n) return !1;
-  const i = ((Math.atan2(e, -r) - t.startAngle) % L + L) % L, l = n / Math.max(a, 1);
+  const i = ((Math.atan2(e, -r) - t.startAngle) % H + H) % H, l = n / Math.max(a, 1);
   return i >= l && i <= t.endAngle - t.startAngle - l;
-}, Le = (t, e, r) => {
-  const n = G(r), a = Math.ceil(t.outer / 8) + 1, i = Math.ceil(t.outer / 12) + 1, l = -Math.hypot(8, 12) / 2, o = [];
-  for (let s = -i; s <= i; s += 1) for (let h = -a; h <= a; h += 1) {
-    const g = h * 8, u = s * 12;
-    be(t, g, u, l) && o.push(n("/", e.width / 2 + g, e.height / 2 + u, 5, 8, h, s));
+}, He = (t, e, r) => {
+  const n = D(r), a = Math.ceil(t.outer / 8) + 1, i = Math.ceil(t.outer / 12) + 1, l = -Math.hypot(8, 12) / 2, o = [];
+  for (let h = -i; h <= i; h += 1) for (let d = -a; d <= a; d += 1) {
+    const p = d * 8, u = h * 12;
+    Le(t, p, u, l) && o.push(n("/", e.width / 2 + p, e.height / 2 + u, 5, 8, d, h));
   }
   return o;
 }, tt = ({ layer: t, observations: e, panel: r, state: n }) => {
-  const a = S(t), i = P("slice-shading"), l = R(() => O(t.data, t.mapping, t.id), [
+  const a = S(t), i = P("slice-shading"), l = x(() => b(t.data, t.mapping, t.id), [
     t.data,
     t.mapping,
     t.id
   ]);
-  return r.width <= 0 || r.height <= 0 ? null : /* @__PURE__ */ d("g", {
+  return r.width <= 0 || r.height <= 0 ? null : /* @__PURE__ */ s("g", {
     "data-geom": "bar",
     children: Array.from(e, (o) => {
-      const s = We(o, r);
-      if (s === null) return null;
-      const h = l(o), g = a(o, n), u = `${i}-${h.replace(/[^a-zA-Z0-9]/gu, "")}`;
-      return /* @__PURE__ */ x("g", {
-        opacity: g.opacity,
+      const h = We(o, r);
+      if (h === null) return null;
+      const d = l(o), p = a(o, n), u = `${i}-${d.replace(/[^a-zA-Z0-9]/gu, "")}`;
+      return /* @__PURE__ */ R("g", {
+        opacity: p.opacity,
         children: [
-          /* @__PURE__ */ d("path", {
-            d: s.path,
-            fill: p.paper
+          /* @__PURE__ */ s("path", {
+            d: h.path,
+            fill: g.paper
           }),
-          /* @__PURE__ */ x("g", { children: [
-            /* @__PURE__ */ d("clipPath", {
+          /* @__PURE__ */ R("g", { children: [
+            /* @__PURE__ */ s("clipPath", {
               id: u,
-              children: /* @__PURE__ */ d("path", { d: s.path })
+              children: /* @__PURE__ */ s("path", { d: h.path })
             }),
-            /* @__PURE__ */ d("path", {
-              d: s.path,
-              fill: g.color,
-              fillOpacity: g.fillOpacity * _e
+            /* @__PURE__ */ s("path", {
+              d: h.path,
+              fill: p.color,
+              fillOpacity: p.fillOpacity * _e
             }),
-            /* @__PURE__ */ d("g", {
+            /* @__PURE__ */ s("g", {
               clipPath: `url(#${u})`,
-              children: /* @__PURE__ */ d(k, {
-                strikes: Le(s, r, h),
-                color: g.color,
-                opacity: g.fillOpacity,
+              children: /* @__PURE__ */ s(k, {
+                strikes: He(h, r, d),
+                color: p.color,
+                opacity: p.fillOpacity,
                 isOverstruck: n === "hovered"
               })
             })
           ] }),
-          /* @__PURE__ */ d("path", {
-            d: s.path,
+          /* @__PURE__ */ s("path", {
+            d: h.path,
             fill: "none",
-            stroke: g.color,
+            stroke: p.color,
             strokeWidth: $e,
             strokeLinejoin: "round"
           })
         ]
-      }, h);
+      }, d);
     })
   });
-}, He = M("bar", {
+}, Oe = M("bar", {
   coord: "polar",
   guideMode: "band",
   swatchShape: "slice",
-  render: ({ layer: t, panelRect: e }) => /* @__PURE__ */ d(tt, {
+  render: ({ layer: t, panelRect: e }) => /* @__PURE__ */ s(tt, {
     layer: t,
     observations: t.data,
     panel: e
   }),
-  renderHover: ({ layer: t, primary: e, panelRect: r }) => /* @__PURE__ */ d(tt, {
+  renderHover: ({ layer: t, primary: e, panelRect: r }) => /* @__PURE__ */ s(tt, {
     layer: t,
     observations: [e.observation],
     panel: r,
     state: "hovered"
   }),
   renderHoverCompanions: () => null
-}), b = 2, Oe = 0.2, Ce = (t, e) => {
-  const r = G(e), n = [], a = Math.floor(t.y / 12), i = Math.floor(t.x / 8);
+}), L = 2, be = 0.2, Ce = (t, e) => {
+  const r = D(e), n = [], a = Math.floor(t.y / 12), i = Math.floor(t.x / 8);
   for (let l = a; l * 12 < t.y + t.height; l += 1) for (let o = i; o * 8 < t.x + t.width; o += 1) {
-    const s = (o + 0.5) * 8, h = (l + 0.5) * 12;
-    n.push(r("X", s, h, 5, 8, o, l));
+    const h = (o + 0.5) * 8, d = (l + 0.5) * 12;
+    n.push(r("X", h, d, 5, 8, o, l));
   }
   return n;
 }, Be = ({ layer: t, observation: e, seed: r, panel: n, clipId: a, state: i }) => {
   const l = S(t), o = Pt(e);
   if (o === null) return null;
-  const s = l(e, i), h = {
-    x: o.x * n.width + b / 2,
-    y: o.y * n.height + b / 2,
-    width: Math.max(0, o.width * n.width - b),
-    height: Math.max(0, o.height * n.height - b)
+  const h = l(e, i), d = {
+    x: o.x * n.width + L / 2,
+    y: o.y * n.height + L / 2,
+    width: Math.max(0, o.width * n.width - L),
+    height: Math.max(0, o.height * n.height - L)
   };
-  return h.width <= 0 || h.height <= 0 ? null : /* @__PURE__ */ x("g", {
-    opacity: s.opacity,
+  return d.width <= 0 || d.height <= 0 ? null : /* @__PURE__ */ R("g", {
+    opacity: h.opacity,
     children: [
-      /* @__PURE__ */ d("clipPath", {
+      /* @__PURE__ */ s("clipPath", {
         id: a,
-        children: /* @__PURE__ */ d("rect", { ...h })
+        children: /* @__PURE__ */ s("rect", { ...d })
       }),
-      /* @__PURE__ */ d("rect", {
-        ...h,
-        fill: s.color,
-        fillOpacity: s.fillOpacity
+      /* @__PURE__ */ s("rect", {
+        ...d,
+        fill: h.color,
+        fillOpacity: h.fillOpacity
       }),
-      /* @__PURE__ */ d("g", {
+      /* @__PURE__ */ s("g", {
         clipPath: `url(#${a})`,
-        children: /* @__PURE__ */ d(k, {
-          strikes: Ce(h, r),
-          color: p.paper,
-          opacity: Oe,
+        children: /* @__PURE__ */ s(k, {
+          strikes: Ce(d, r),
+          color: g.paper,
+          opacity: be,
           isOverstruck: i === "hovered"
         })
       }),
-      i === "hovered" && /* @__PURE__ */ d("rect", {
-        ...h,
+      i === "hovered" && /* @__PURE__ */ s("rect", {
+        ...d,
         fill: "none",
-        stroke: p.text,
-        strokeWidth: s.edgeWidth
+        stroke: g.text,
+        strokeWidth: h.edgeWidth
       })
     ]
   });
 }, et = ({ layer: t, observations: e, panel: r, state: n }) => {
-  const a = P("typewriter-tile"), i = R(() => Et(t.data, t.mapping, t.id), [
+  const a = P("typewriter-tile"), i = x(() => Tt(t.data, t.mapping, t.id), [
     t.data,
     t.mapping,
     t.id
   ]);
-  return r.width <= 0 || r.height <= 0 ? null : /* @__PURE__ */ d("g", {
+  return r.width <= 0 || r.height <= 0 ? null : /* @__PURE__ */ s("g", {
     "data-geom": "tile",
     children: Array.from(e, (l, o) => {
-      const s = i(l);
-      return /* @__PURE__ */ d(Be, {
+      const h = i(l);
+      return /* @__PURE__ */ s(Be, {
         layer: t,
         observation: l,
-        seed: s,
+        seed: h,
         panel: r,
         clipId: `${a}-${o}`,
         state: n
-      }, s);
+      }, h);
     })
   });
 }, Ge = M("tile", {
   coord: "cartesian",
   guideMode: null,
   swatchShape: "square",
-  render: ({ layer: t, panelRect: e }) => /* @__PURE__ */ d(et, {
+  render: ({ layer: t, panelRect: e }) => /* @__PURE__ */ s(et, {
     layer: t,
     observations: t.data,
     panel: e
   }),
-  renderHover: ({ layer: t, primary: e, panelRect: r }) => /* @__PURE__ */ d(et, {
+  renderHover: ({ layer: t, primary: e, panelRect: r }) => /* @__PURE__ */ s(et, {
     layer: t,
     observations: [e.observation],
     panel: r,
@@ -945,19 +951,19 @@ var p = {
   renderHoverCompanions: () => null
 }), De = [
   ye,
-  He,
+  Oe,
   Ge,
   xe,
-  we,
+  Re,
   oe,
   le,
   Te,
   Se
 ], ze = (t) => {
-  const e = P("typewriter-rect"), r = at(), n = r === null ? null : Ot(t, r);
-  return n === null || t.fill === void 0 ? /* @__PURE__ */ d(kt, { ...t }) : n.width <= 0 || n.height <= 0 ? null : /* @__PURE__ */ d("g", {
+  const e = P("typewriter-rect"), r = at(), n = r === null ? null : bt(t, r);
+  return n === null || t.fill === void 0 ? /* @__PURE__ */ s(kt, { ...t }) : n.width <= 0 || n.height <= 0 ? null : /* @__PURE__ */ s("g", {
     "data-testid": t["data-testid"],
-    children: /* @__PURE__ */ d(gt, {
+    children: /* @__PURE__ */ s(gt, {
       rect: n,
       edge: "top",
       seed: `${n.x},${n.y}`,
@@ -979,32 +985,32 @@ var p = {
     height: Math.max(...n) - i
   };
 }, Xe = (t) => {
-  const e = P("typewriter-path"), r = at(), n = R(() => {
+  const e = P("typewriter-path"), r = at(), n = x(() => {
     const i = Ne(t.d);
     return r === null || i === null ? null : ht(r, t.d, i);
   }, [r, t.d]);
-  if (n === null || t.fill === void 0 || t.fill.startsWith("url(")) return /* @__PURE__ */ d(At, { ...t });
+  if (n === null || t.fill === void 0 || t.fill.startsWith("url(")) return /* @__PURE__ */ s(At, { ...t });
   const a = t.fillOpacity ?? 1;
-  return /* @__PURE__ */ x("g", {
+  return /* @__PURE__ */ R("g", {
     "data-testid": t["data-testid"],
     opacity: t.opacity ?? 1,
     children: [
-      /* @__PURE__ */ d("clipPath", {
+      /* @__PURE__ */ s("clipPath", {
         id: e,
-        children: /* @__PURE__ */ d("path", { d: t.d })
+        children: /* @__PURE__ */ s("path", { d: t.d })
       }),
-      /* @__PURE__ */ d("path", {
+      /* @__PURE__ */ s("path", {
         d: t.d,
-        fill: p.paper
+        fill: g.paper
       }),
-      /* @__PURE__ */ d("path", {
+      /* @__PURE__ */ s("path", {
         d: t.d,
         fill: t.fill,
         fillOpacity: a * dt
       }),
-      /* @__PURE__ */ d("g", {
+      /* @__PURE__ */ s("g", {
         clipPath: `url(#${e})`,
-        children: /* @__PURE__ */ d(k, {
+        children: /* @__PURE__ */ s(k, {
           strikes: n,
           color: t.fill,
           opacity: a

package/package.json

@@ -13,7 +13,7 @@
     "theme",
     "typewriter"
   ],
-  "version": "0.1.1-beta.1792421638596",
+  "version": "0.1.1-beta.1792426767391",
   "type": "module",
   "sideEffects": [
     "*.css"
@@ -40,7 +40,7 @@
   },
   "peerDependencies": {
     "react": "^19.0.0",
-    "@graphysdk/react": "^1.9.0-beta.1792421638596"
+    "@graphysdk/react": "^1.9.0-beta.1792426767391"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.1",
@@ -52,11 +52,11 @@
     "vite": "^8.1.5",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.1.11",
-    "@graphysdk/viz-engine": "1.9.0-beta.1792421638596",
-    "@graphytools/eslint-config": "0.0.1",
+    "@graphysdk/react": "1.9.0-beta.1792426767391",
+    "@graphysdk/viz-engine": "1.9.0-beta.1792426767391",
     "@graphytools/typescript-config": "0.0.1",
     "@graphytools/vitest-config": "1.0.0",
-    "@graphysdk/react": "1.9.0-beta.1792421638596"
+    "@graphytools/eslint-config": "0.0.1"
   },
   "publishConfig": {
     "access": "public"