@graphysdk/theme-typewriter 0.1.1-beta.1793695024668 → 0.1.1-beta.1793700147232

package/dist/index.cjs

@@ -1 +1 @@
-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",x={black:"#1F1B16",red:"#B3271E",carbonBlue:"#2F4F8F",pencilGrey:"#6E6A62",stampGreen:"#2E6B4B",duplicatorViolet:"#7B5A9C"},de=[x.black,x.red,x.carbonBlue,x.pencilGrey,x.stampGreen,x.duplicatorViolet],he=["#D6C18B",x.black],ce=[x.carbonBlue,"#DECEA4",x.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},O={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,hoverStroke: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:x.red,annotationArrow:g.text,differenceLabelBackground:g.card,trendPositive:x.black,trendNegative:x.red,trendNeutral:x.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:x.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.axisLine({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({...O}),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({...O,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:x.red,stroke:g.paper,shadow:"none"}),i.style.annotation.pinnedNumber.label({..._}),i.style.annotation.comment({fill:x.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.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}},xe=e=>`${e.map((t,r)=>`${r===0?"M":"L"}${t.x},${t.y}`).join(" ")} Z`,S=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)}}},ye=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},y=e=>Math.round(e*B)/B,Z=(e,t,r,n,a)=>{const o=y(t-n/2),d=y(t+n/2),l=y(r-a/2),c=y(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${y(m-D)},${P}L${y(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},${y(r)}L${d},${y(r)}`;if(e==="|")return`M${y(t)},${l}L${y(t)},${c}`;const p=y(n/2),u=y(a/2);return`M${o},${y(r)}a${p},${u} 0 1,0 ${y(n)},0a${p},${u} 0 1,0 ${-y(n)},0`},W=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}),w=e=>`${e}-${(0,A.useId)().replace(/[^a-zA-Z0-9]/gu,"")}`,k=({strikes:e,color:t,opacity:r=1,width:n=ye,overstruck: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,L=(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:xe(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}),Se=({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,overstruck:!0})})},Q=.55,we=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)),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=S(e),a=w("typewriter-area"),o=(0,A.useMemo)(()=>{if(t===void 0)return L(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 L(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:we,strokeLinejoin:"round",strokeLinecap:"round"})]},d)})})},re=({layer:e,observation:t,panel:r,project:n})=>{const a=S(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}},Le={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",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}},H=(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?H(e.width,8):H(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)}))},He=(e,t)=>{const r=t==="top"||t==="bottom",n=H(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)})},Oe=({layer:e,observation:t,bounds:r,seed:n,mainAxis:a,panel:o,clipId:d,state:l})=>{const c=S(e);if(!r||r.width<=0||r.height<=0)return null;const h=c(t,l),p=Ie[(0,i.getStackRole)(t)],u=We(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?[]:[Le[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,overstruck:l==="hovered"})},ae=({rect:e,edge:t,seed:r,clipId:n,color:a,opacity:o,pressure:d,overstruck: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,overstruck:l})}),(0,s.jsx)(k,{strikes:He(e,t),color:a,width:ne,overstruck:l})]}),K=({layer:e,observations:t,mainAxis:r,panel:n,state:a})=>{const o=w("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)(Oe,{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 L(e,d=>q(d,t),j,t);const o=(0,i.createLinePathGenerator)(e.params);return L(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)(Se,{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=S(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,overstruck: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=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 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=S(e),o=w("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,overstruck: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=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 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=S(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,overstruck: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=w("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=w("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,overstruck:!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=w("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;
+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},C={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,hoverStroke: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.axisLine({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({...C}),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({...C,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.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(" ")},E=(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}},M=(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,T=[.72,.87,1],O=.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},W=(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`},b=e=>{const t=Ae(e);return(r,n,a,o,d,l,c)=>{const h=(W(t,l,c,1)*2-1)*O,p=(W(t,l,c,2)*2-1)*O,u=Math.floor(W(t,l,c,3)*T.length);return{path:Z(r,n+h,a+p,o,d),weight:u}}},j=(e,t,r,n,a)=>({path:Z(e,t,r,n,a),weight:T.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,overstruck:a=!1})=>e.length===0?null:(0,s.jsxs)("g",{fill:"none",stroke:t,strokeWidth:n,strokeLinecap:"round",opacity:r,children:[T.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:T[d]},T[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,je=1.8,L=(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=M(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)},Me=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})=>Me(e)?(0,s.jsx)(k,{strikes:e.map(({x:n,y:a})=>j("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:[j("X",d.x,d.y,N,N)],color:a,opacity:o,width:je,overstruck:!0})})},Q=.55,Se=1.5,ee=(e,t,r={x:0,y:0,...e})=>{const n=b(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 L(e,h=>q(h,r),M,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 L(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},E,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})},Te=(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:E}),renderHoverCompanions:()=>null}),Ee=(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:M}),renderHoverCompanions:()=>null}),Pe=2,ne=1.8,$e=1,_e=3.3,Ie={solo:{base:!0,value:!0},base:{base:!0,value:!1},tip:{base:!1,value:!0},middle:{base:!1,value:!1}},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}},H=(e,t)=>{const r=Math.max(1,Math.round(e/t));return{count:r,size:e/r}},K=(e,t,r)=>{const n=[];for(let a=_e+r/2;a-r/2<e;a+=t)n.push(a);return n},be=(e,t,r)=>{const n=b(r),a=t==="top"||t==="bottom",o=a?H(e.width,8):H(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?K(e.height,12,8):K(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)}))},We=(e,t)=>{const r=t==="top"||t==="bottom",n=H(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"?j("_",e.x+c,e.y+o,a,0):t==="bottom"?j("_",e.x+c,e.y+e.height-o,a,0):j("|",t==="right"?e.x+e.width-o:e.x+o,e.y+c,0,a)})},Ge=({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=(0,i.readTipEdge)(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?[]:[(0,i.readBaseEdge)(t,a)]].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:n,clipId:d,color:h.color,opacity:h.opacity,pressure:h.fillOpacity,overstruck:l==="hovered"})},ae=({rect:e,edge:t,seed:r,clipId:n,color:a,opacity:o,pressure:d,overstruck: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:be(e,t,r),color:a,opacity:d,overstruck:l})}),(0,s.jsx)(k,{strikes:We(e,t),color:a,width:ne,overstruck:l})]}),X=({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)(Ge,{layer:e,observation:h,bounds:c(h),seed:u,mainAxis:r,panel:n,clipId:`${o}-${p}`,state:a},u)})})},He=(0,i.defineGeomRenderer)("bar",{coord:"cartesian",guideMode:"band",swatchShape:"square",render:({layer:e,coordSystem:t,panelRect:r})=>(0,s.jsx)(X,{layer:e,observations:e.data,mainAxis:(0,i.readMainAxis)(t),panel:r}),renderHover:({layer:e,coordSystem:t,primary:r,panelRect:n})=>(0,s.jsx)(X,{layer:e,observations:[r.observation],mainAxis:(0,i.readMainAxis)(t),panel:n,state:"hovered"}),renderHoverCompanions:()=>null}),Ce=({layer:e,panel:t,coord:r})=>{const n=U(e),a=(0,A.useMemo)(()=>{if(r==="polar")return L(e,d=>q(d,t),M,t);const o=(0,i.createLinePathGenerator)(e.params);return L(e,d=>{const l=o((0,i.prepareLineObservations)(d,e.params.missingValues));return l?G(l,t):null},E,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)})})},Oe=({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)(Ce,{layer:r,panel:n,coord:e}),renderHover:({layer:r,primary:n,panelRect:a})=>(0,s.jsx)(Oe,{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}}}),Be=ie("cartesian",E),De=ie("polar",M),ze=.85,Ne=1.6,Ke=4,F=({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?Ke: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:[j("o",u.x,u.y,m*ze,m)],color:f.color,opacity:f.opacity,width:Ne,overstruck:c},l(p))})})},oe=(e,t)=>(0,i.defineGeomRenderer)("point",{coord:e,swatchShape:"circle",render:({layer:r,panelRect:n})=>(0,s.jsx)(F,{layer:r,observations:r.data,panel:n,project:t}),renderHover:({layer:r,primary:n,panelRect:a})=>(0,s.jsx)(F,{layer:r,observations:[n.observation],panel:a,project:t,state:"hovered"}),renderHoverCompanions:()=>null}),Xe=oe("cartesian",E),Fe=oe("polar",M),Ye=4,Ve=1.2,Ue=3,I=Math.PI*2,Ze=.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=Ye/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:Ue});return f===void 0?null:{path:f,startAngle:p,endAngle:u,inner:a*d,outer:o*d}},Je=(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},Qe=(e,t,r)=>{const n=b(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;Je(e,p,u,d)&&l.push(n("/",t.width/2+p,t.height/2+u,5,8,h,c))}return l},Y=({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*Ze}),(0,s.jsx)("g",{clipPath:`url(#${u})`,children:(0,s.jsx)(k,{strikes:Qe(c,r,h),color:p.color,opacity:p.fillOpacity,overstruck:n==="hovered"})})]}),(0,s.jsx)("path",{d:c.path,fill:"none",stroke:p.color,strokeWidth:Ve,strokeLinejoin:"round"})]},h)})})},et=(0,i.defineGeomRenderer)("bar",{coord:"polar",guideMode:"band",swatchShape:"slice",render:({layer:e,panelRect:t})=>(0,s.jsx)(Y,{layer:e,observations:e.data,panel:t}),renderHover:({layer:e,primary:t,panelRect:r})=>(0,s.jsx)(Y,{layer:e,observations:[t.observation],panel:r,state:"hovered"}),renderHoverCompanions:()=>null}),_=2,tt=.2,rt=(e,t)=>{const r=b(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},nt=({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:rt(h,r),color:g.paper,opacity:tt,overstruck: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)(nt,{layer:e,observation:d,seed:c,panel:r,clipId:`${a}-${l}`,state:n},c)})})},at=(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}),it=[He,et,at,Be,De,Te,Ee,Xe,Fe],ot=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,overstruck:!1})})},st=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}},lt=e=>{const t=S("typewriter-path"),r=(0,i.useGeomPanelSize)(),n=(0,A.useMemo)(()=>{const o=st(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})})]})},dt={Rect:ot,Path:lt},ht={name:"typewriter",styles:ue,palettes:{categorical:de,sequential:he,diverging:ce},config:{axes:{y:{position:"left"}}},colorScheme:"light",plugins:it,shapes:dt};exports.typewriter=ht;

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { useId as yt, useMemo as k } from "react";
-import { DefaultGeomPath as At, DefaultGeomRect as xt, GROUP_VARIABLES as kt, buildPolarBarArcPath as wt, createAreaPathGenerators as Rt, createBarBoundsReader as Mt, createLinePathGenerator as Et, createStableCellKeyGenerator as Tt, createStableKeyGenerator as C, defineGeomRenderer as M, getAngleExtent as St, getPaintedTileRect as Pt, getRadiusExtent as rt, getStackRole as $t, getX as O, getXMax as It, getXMin as _t, getY as B, getYMax as nt, getYMin as Lt, polarToUnit as Wt, prepareAreaObservations as Ht, prepareLineObservations as bt, readMainAxis as F, readRectPixels as Ct, style as c, toPaintColor as Ot, toStrokeDasharray as Bt, toViewBoxX as Gt, toViewBoxY as Dt, useGeomPanelSize as at, useGeomStyleReader as G } from "@graphysdk/react";
+import { useId as mt, useMemo as x } from "react";
+import { DefaultGeomPath as yt, DefaultGeomRect as At, GROUP_VARIABLES as kt, buildPolarBarArcPath as xt, createAreaPathGenerators as wt, createBarBoundsReader as Rt, createLinePathGenerator as Tt, createStableCellKeyGenerator as Et, createStableKeyGenerator as C, defineGeomRenderer as T, getAngleExtent as Mt, getPaintedTileRect as St, getRadiusExtent as rt, getStackRole as Pt, getX as O, getY as F, getYMax as $t, polarToUnit as It, prepareAreaObservations as _t, prepareLineObservations as Lt, readBaseEdge as Wt, readMainAxis as K, readRectPixels as Ht, readTipEdge as bt, style as c, toPaintColor as Ct, toStrokeDasharray as Ot, toViewBoxX as Bt, toViewBoxY as Gt, useGeomPanelSize as nt, useGeomStyleReader as B } from "@graphysdk/react";
 import { jsx as s, jsxs as w } from "react/jsx-runtime";
 var g = {
   paper: "#EBD9A9",
@@ -8,21 +8,21 @@ var g = {
   secondary: "#4A443A",
   grid: "rgba(31, 27, 22, 0.4)",
   edge: "#C4AE74"
-}, zt = "'Special Elite', 'Courier New', ui-monospace, monospace", v = {
+}, Dt = "'Special Elite', 'Courier New', ui-monospace, monospace", v = {
   black: "#1F1B16",
   red: "#B3271E",
   carbonBlue: "#2F4F8F",
   pencilGrey: "#6E6A62",
   stampGreen: "#2E6B4B",
   duplicatorViolet: "#7B5A9C"
-}, Nt = [
+}, zt = [
   v.black,
   v.red,
   v.carbonBlue,
   v.pencilGrey,
   v.stampGreen,
   v.duplicatorViolet
-], Xt = ["#D6C18B", v.black], Ft = [
+], Nt = ["#D6C18B", v.black], Ft = [
   v.carbonBlue,
   "#DECEA4",
   v.red
@@ -42,7 +42,7 @@ var g = {
 }, A = {
   fontWeight: 400,
   textColor: g.secondary
-}, K = {
+}, X = {
   fill: g.card,
   stroke: g.text,
   strokeWidth: 1,
@@ -74,7 +74,7 @@ var g = {
     c.graph({
       strokeWidth: 1,
       cornerRadius: 0,
-      fontFamily: zt,
+      fontFamily: Dt,
       fontWeight: 400,
       padding: 24
     }),
@@ -179,7 +179,7 @@ var g = {
       fill: "transparent",
       stroke: "transparent"
     }),
-    c.legend.popover({ ...K }),
+    c.legend.popover({ ...X }),
     c.directLabel({
       fontWeight: 400,
       fontSize: 13
@@ -189,7 +189,7 @@ var g = {
     c.headlineItem.label({ ...A }),
     c.headlineItem.trend({ fontWeight: 400 }),
     c.tooltip({
-      ...K,
+      ...X,
       paddingInline: 12,
       paddingBlock: 9
     }),
@@ -253,63 +253,63 @@ var g = {
       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", N = (t, e) => {
+}, Xt = /[a-df-zA-DF-Z]|[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/gu, Vt = /^[a-zA-Z]$/u, Yt = (t, e) => t === "H" ? "x" : t === "V" ? "y" : e % 2 === 0 ? "x" : "y", z = (t, e) => {
   let r = "", n = 0;
-  return (t.match(Vt) ?? []).map((a) => {
-    if (Yt.test(a))
+  return (t.match(Xt) ?? []).map((a) => {
+    if (Vt.test(a))
       return r = a.toUpperCase(), n = 0, a;
-    const i = jt(r, n);
+    const i = Yt(r, n);
     return n += 1, String(Number(a) * (i === "x" ? e.width : e.height));
   }).join(" ");
 }, I = (t, e) => {
-  const r = O(t), n = B(t) ?? nt(t);
+  const r = O(t), n = F(t) ?? $t(t);
   return r === null || n === null ? null : {
-    x: Gt(r) * e.width,
-    y: Dt(n) * e.height
+    x: Bt(r) * e.width,
+    y: Gt(n) * e.height
   };
-}, T = (t, e) => {
-  const r = O(t), n = B(t) ?? rt(t).outerRadius;
+}, M = (t, e) => {
+  const r = O(t), n = F(t) ?? rt(t).outerRadius;
   if (r === null || n === null) return null;
-  const a = Wt(r, n), i = Math.min(e.width, e.height) / 2;
+  const a = It(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 = G(t);
+}, jt = (t) => `${t.map((e, r) => `${r === 0 ? "M" : "L"}${e.x},${e.y}`).join(" ")} Z`, S = (t) => {
+  const e = B(t);
   return (r, n) => ({
-    color: Ot(e.get("fill", r, n)),
+    color: Ct(e.get("fill", r, n)),
     opacity: e.get("alpha", r, n),
     fillOpacity: e.get("fillAlpha", r, n),
     edge: e.get("stroke", r, n),
     edgeWidth: e.get("strokeWidth", r, n)
   });
-}, it = (t) => {
-  const e = G(t);
+}, at = (t) => {
+  const e = B(t);
   return (r, n) => {
     const a = e.get("strokeWidth", r, n);
     return {
       color: e.get("stroke", r, n),
       opacity: e.get("alpha", r, n) * e.get("strokeAlpha", r, n),
       width: a,
-      dashArray: Bt(e.get("dashArray", r, n), a)
+      dashArray: Ot(e.get("dashArray", r, n), a)
     };
   };
-}, Zt = 1.3, $ = [
+}, Ut = 1.3, $ = [
   0.72,
   0.87,
   1
-], V = 0.35, qt = 0.7, Y = 100, j = 0.7, Jt = 4, Qt = (t) => {
+], V = 0.35, Zt = 0.7, Y = 100, j = 0.7, qt = 4, Jt = (t) => {
   let e = 2166136261;
   for (let r = 0; r < t.length; r += 1)
     e ^= t.charCodeAt(r), e = Math.imul(e, 16777619);
   return e >>> 0;
-}, z = (t, e, r, n) => {
+}, D = (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;
-}, m = (t) => Math.round(t * Y) / Y, ot = (t, e, r, n, a) => {
+}, m = (t) => Math.round(t * Y) / Y, it = (t, e, r, n, a) => {
   const i = m(e - n / 2), l = m(e + n / 2), o = m(r - a / 2), h = m(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" || t === "X" && n < qt) return d;
   if (t === "X") {
     const f = (y, _) => `M${m(y - j)},${_}L${m(y + j)},${_}`;
     return `${d}${f(i, o)}${f(l, o)}${f(i, h)}${f(l, h)}`;
@@ -319,19 +319,19 @@ var g = {
   if (t === "|") return `M${m(e)},${o}L${m(e)},${h}`;
   const p = m(n / 2), u = m(a / 2);
   return `M${i},${m(r)}a${p},${u} 0 1,0 ${m(n)},0a${p},${u} 0 1,0 ${-m(n)},0`;
-}, D = (t) => {
-  const e = Qt(t);
+}, G = (t) => {
+  const e = Jt(t);
   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);
+    const d = (D(e, o, h, 1) * 2 - 1) * V, p = (D(e, o, h, 2) * 2 - 1) * V, u = Math.floor(D(e, o, h, 3) * $.length);
     return {
-      path: ot(r, n + d, a + p, i, l),
+      path: it(r, n + d, a + p, i, l),
       weight: u
     };
   };
 }, E = (t, e, r, n, a) => ({
-  path: ot(t, e, r, n, a),
+  path: it(t, e, r, n, a),
   weight: $.length - 1
-}), P = (t) => `${t}-${yt().replace(/[^a-zA-Z0-9]/gu, "")}`, x = ({ strikes: t, color: e, opacity: r = 1, width: n = Zt, overstruck: a = !1 }) => t.length === 0 ? null : /* @__PURE__ */ w("g", {
+}), P = (t) => `${t}-${mt().replace(/[^a-zA-Z0-9]/gu, "")}`, k = ({ strikes: t, color: e, opacity: r = 1, width: n = Ut, overstruck: a = !1 }) => t.length === 0 ? null : /* @__PURE__ */ w("g", {
   fill: "none",
   stroke: e,
   strokeWidth: n,
@@ -342,9 +342,9 @@ var g = {
     strokeOpacity: $[l]
   }, $[l])), a && /* @__PURE__ */ s("path", {
     d: t.map((i) => i.path).join(""),
-    transform: `translate(${qt},0)`
+    transform: `translate(${Zt},0)`
   })]
-}), U = 6, te = 14, ee = 1.5, Z = 10, re = 1.8, b = (t, e, r, n) => {
+}), U = 6, Qt = 14, te = 1.5, Z = 10, ee = 1.8, b = (t, e, r, n) => {
   const a = C(t.data, t.mapping, t.id), i = [];
   return t.data.groupBy(kt.group).forEach((l) => {
     const o = [...l], [h] = o, d = e(o);
@@ -357,59 +357,59 @@ var g = {
       readings: p
     });
   }), i;
-}, lt = (t, e) => {
+}, ot = (t, e) => {
   const r = t.flatMap((n) => {
-    const a = O(n), i = T(n, e);
+    const a = O(n), i = M(n, e);
     return a === null || i === null ? [] : [{
       angle: a,
       point: i
     }];
   }).sort((n, a) => n.angle - a.angle).map(({ point: n }) => n);
-  return r.length === 0 ? null : Ut(r);
-}, ne = (t) => t.every((e, r) => {
+  return r.length === 0 ? null : jt(r);
+}, re = (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__ */ s(x, {
+  return n === void 0 || Math.hypot(n.x - e.x, n.y - e.y) >= Qt;
+}), ne = ({ readings: t, color: e, opacity: r }) => re(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 }) => {
+  width: te
+}) : null, lt = ({ geom: t, observation: e, panel: r, project: n, color: a, opacity: i }) => {
   const l = n(e, r);
   return l === null ? null : /* @__PURE__ */ s("g", {
     "data-geom": t,
-    children: /* @__PURE__ */ s(x, {
+    children: /* @__PURE__ */ s(k, {
       strikes: [E("X", l.x, l.y, Z, Z)],
       color: a,
       opacity: i,
-      width: re,
+      width: ee,
       overstruck: !0
     })
   });
-}, dt = 0.55, ie = 1.5, ht = (t, e, r = {
+}, st = 0.55, ae = 1.5, dt = (t, e, r = {
   x: 0,
   y: 0,
   ...t
 }) => {
-  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));
+  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)), 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 = k(() => {
-    if (e === void 0) return b(t, (d) => lt(d, r), T, r).map((d) => ({
+}, ht = ({ layer: t, coordSystem: e, panel: r }) => {
+  const n = S(t), a = P("typewriter-area"), i = x(() => {
+    if (e === void 0) return b(t, (d) => ot(d, r), M, r).map((d) => ({
       ...d,
       fill: d.path,
       edge: d.path
     }));
-    const { areaGenerator: l, lineGenerator: o } = Rt(e, t.params), h = /* @__PURE__ */ new Map();
+    const { areaGenerator: l, lineGenerator: o } = wt(e, t.params), h = /* @__PURE__ */ new Map();
     return b(t, (d) => {
-      const p = Ht(d, t.params.missingValues), u = l(p), f = o(p);
+      const p = _t(d, t.params.missingValues), u = l(p), f = o(p);
       if (!u) return null;
-      const y = N(u, r);
-      return f && h.set(y, N(f, r)), y;
+      const y = z(u, r);
+      return f && h.set(y, z(f, r)), y;
     }, I, r).map((d) => ({
       ...d,
       fill: d.path,
@@ -438,12 +438,12 @@ var g = {
           /* @__PURE__ */ s("path", {
             d: h,
             fill: u.color,
-            fillOpacity: u.fillOpacity * dt
+            fillOpacity: u.fillOpacity * st
           }),
           /* @__PURE__ */ s("g", {
             clipPath: `url(#${a}-${p})`,
-            children: /* @__PURE__ */ s(x, {
-              strikes: ht(r, l),
+            children: /* @__PURE__ */ s(k, {
+              strikes: dt(r, l),
               color: u.color,
               opacity: u.fillOpacity
             })
@@ -452,7 +452,7 @@ var g = {
             d,
             fill: "none",
             stroke: u.color,
-            strokeWidth: ie,
+            strokeWidth: ae,
             strokeLinejoin: "round",
             strokeLinecap: "round"
           })
@@ -460,9 +460,9 @@ var g = {
       }, l);
     })
   });
-}, ut = ({ layer: t, observation: e, panel: r, project: n }) => {
+}, ct = ({ layer: t, observation: e, panel: r, project: n }) => {
   const a = S(t)(e, "hovered");
-  return /* @__PURE__ */ s(st, {
+  return /* @__PURE__ */ s(lt, {
     geom: "area",
     observation: e,
     panel: r,
@@ -470,47 +470,47 @@ var g = {
     color: a.color,
     opacity: a.opacity
   });
-}, oe = M("area", {
+}, ie = T("area", {
   coord: "cartesian",
   guideMode: "crosshair",
   swatchShape: "area",
-  render: ({ layer: t, coordSystem: e, panelRect: r }) => e.type !== "cartesian" ? null : /* @__PURE__ */ s(ct, {
+  render: ({ layer: t, coordSystem: e, panelRect: r }) => e.type !== "cartesian" ? null : /* @__PURE__ */ s(ht, {
     layer: t,
     coordSystem: e,
     panel: r
   }),
-  renderHover: ({ layer: t, primary: e, panelRect: r }) => /* @__PURE__ */ s(ut, {
+  renderHover: ({ layer: t, primary: e, panelRect: r }) => /* @__PURE__ */ s(ct, {
     layer: t,
     observation: e.observation,
     panel: r,
     project: I
   }),
   renderHoverCompanions: () => null
-}), le = M("area", {
+}), oe = T("area", {
   coord: "polar",
   guideMode: "crosshair",
   swatchShape: "area",
-  render: ({ layer: t, panelRect: e }) => /* @__PURE__ */ s(ct, {
+  render: ({ layer: t, panelRect: e }) => /* @__PURE__ */ s(ht, {
     layer: t,
     panel: e
   }),
-  renderHover: ({ layer: t, primary: e, panelRect: r }) => /* @__PURE__ */ s(ut, {
+  renderHover: ({ layer: t, primary: e, panelRect: r }) => /* @__PURE__ */ s(ct, {
     layer: t,
     observation: e.observation,
     panel: r,
-    project: T
+    project: M
   }),
   renderHoverCompanions: () => null
-}), se = 2, pt = 1.8, de = 1, he = 3.3, ce = {
+}), le = 2, ut = 1.8, se = 1, de = 3.3, he = {
   solo: {
     base: !0,
     value: !0
   },
-  floor: {
+  base: {
     base: !0,
     value: !1
   },
-  ceiling: {
+  tip: {
     base: !1,
     value: !0
   },
@@ -518,12 +518,7 @@ var g = {
     base: !1,
     value: !1
   }
-}, ue = {
-  top: "bottom",
-  bottom: "top",
-  left: "right",
-  right: "left"
-}, pe = (t, e) => e === "x" ? (nt(t) ?? B(t) ?? 0) >= (Lt(t) ?? 0) ? "top" : "bottom" : (It(t) ?? 0) >= (_t(t) ?? 0) ? "right" : "left", ge = (t, e, r) => {
+}, ce = (t, e, r) => {
   const n = Math.max(0, t.width - r), a = Math.max(0, t.height - r);
   return e === "top" ? {
     ...t,
@@ -540,7 +535,7 @@ var g = {
     ...t,
     width: n
   };
-}, X = (t, e) => {
+}, N = (t, e) => {
   const r = Math.max(1, Math.round(t / e));
   return {
     count: r,
@@ -548,10 +543,10 @@ var g = {
   };
 }, q = (t, e, r) => {
   const n = [];
-  for (let a = he + r / 2; a - r / 2 < t; a += e) n.push(a);
+  for (let a = de + r / 2; a - r / 2 < t; a += e) n.push(a);
   return n;
-}, fe = (t, e, r) => {
-  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));
+}, ue = (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((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 + h, l, o, u, d);
@@ -559,22 +554,22 @@ var g = {
     const y = e === "right" ? t.x + t.width - h : t.x + h;
     return n("X", y, t.y + f, l, o, d, u);
   }));
-}, ve = (t, e) => {
-  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;
+}, pe = (t, e) => {
+  const r = e === "top" || e === "bottom", n = N(r ? t.width : t.height, r ? 8 : 12), a = Math.max(1, n.size - se), i = ut / 2;
   return Array.from({ length: n.count }, (l, o) => {
     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);
   });
-}, me = ({ layer: t, observation: e, bounds: r, seed: n, mainAxis: a, panel: i, clipId: l, state: o }) => {
+}, ge = ({ 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 = {
+  const d = h(e, o), p = he[Pt(e)], u = bt(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((_, mt) => ge(_, mt, se / 2), f);
-  return y.width <= 0 || y.height <= 0 ? null : /* @__PURE__ */ s(gt, {
+  }, y = [p.value ? [] : [u], p.base ? [] : [Wt(e, a)]].flat().reduce((_, vt) => ce(_, vt, le / 2), f);
+  return y.width <= 0 || y.height <= 0 ? null : /* @__PURE__ */ s(pt, {
     rect: y,
     edge: u,
     seed: n,
@@ -584,7 +579,7 @@ var g = {
     pressure: d.fillOpacity,
     overstruck: o === "hovered"
   });
-}, gt = ({ rect: t, edge: e, seed: r, clipId: n, color: a, opacity: i, pressure: l, overstruck: o }) => /* @__PURE__ */ w("g", {
+}, pt = ({ rect: t, edge: e, seed: r, clipId: n, color: a, opacity: i, pressure: l, overstruck: o }) => /* @__PURE__ */ w("g", {
   opacity: i,
   children: [
     /* @__PURE__ */ s("clipPath", {
@@ -597,26 +592,26 @@ var g = {
     }),
     /* @__PURE__ */ s("g", {
       clipPath: `url(#${n})`,
-      children: /* @__PURE__ */ s(x, {
-        strikes: fe(t, e, r),
+      children: /* @__PURE__ */ s(k, {
+        strikes: ue(t, e, r),
         color: a,
         opacity: l,
         overstruck: o
       })
     }),
-    /* @__PURE__ */ s(x, {
-      strikes: ve(t, e),
+    /* @__PURE__ */ s(k, {
+      strikes: pe(t, e),
       color: a,
-      width: pt,
+      width: ut,
       overstruck: o
     })
   ]
 }), J = ({ layer: t, observations: e, mainAxis: r, panel: n, state: a }) => {
-  const i = P("typewriter-bar"), l = G(t), o = k(() => C(t.data, t.mapping, t.id), [
+  const i = P("typewriter-bar"), l = B(t), o = x(() => C(t.data, t.mapping, t.id), [
     t.data,
     t.mapping,
     t.id
-  ]), h = k(() => Mt(t, r, l, n), [
+  ]), h = x(() => Rt(t, r, l, n), [
     t,
     r,
     l,
@@ -626,7 +621,7 @@ var g = {
     "data-geom": "bar",
     children: Array.from(e, (d, p) => {
       const u = o(d);
-      return /* @__PURE__ */ s(me, {
+      return /* @__PURE__ */ s(ge, {
         layer: t,
         observation: d,
         bounds: h(d),
@@ -638,31 +633,31 @@ var g = {
       }, u);
     })
   });
-}, ye = M("bar", {
+}, fe = T("bar", {
   coord: "cartesian",
   guideMode: "band",
   swatchShape: "square",
   render: ({ layer: t, coordSystem: e, panelRect: r }) => /* @__PURE__ */ s(J, {
     layer: t,
     observations: t.data,
-    mainAxis: F(e),
+    mainAxis: K(e),
     panel: r
   }),
   renderHover: ({ layer: t, coordSystem: e, primary: r, panelRect: n }) => /* @__PURE__ */ s(J, {
     layer: t,
     observations: [r.observation],
-    mainAxis: F(e),
+    mainAxis: K(e),
     panel: n,
     state: "hovered"
   }),
   renderHoverCompanions: () => null
-}), Ae = ({ layer: t, panel: e, coord: r }) => {
-  const n = it(t), a = k(() => {
-    if (r === "polar") return b(t, (l) => lt(l, e), T, e);
-    const i = Et(t.params);
+}), ve = ({ layer: t, panel: e, coord: r }) => {
+  const n = at(t), a = x(() => {
+    if (r === "polar") return b(t, (l) => ot(l, e), M, e);
+    const i = Tt(t.params);
     return b(t, (l) => {
-      const o = i(bt(l, t.params.missingValues));
-      return o ? N(o, e) : null;
+      const o = i(Lt(l, t.params.missingValues));
+      return o ? z(o, e) : null;
     }, I, e);
   }, [
     t,
@@ -682,16 +677,16 @@ var g = {
         strokeDasharray: d.dashArray,
         strokeLinejoin: "round",
         strokeLinecap: "round"
-      }), /* @__PURE__ */ s(ae, {
+      }), /* @__PURE__ */ s(ne, {
         readings: h,
         color: d.color,
         opacity: d.opacity
       })] }, i);
     })
   });
-}, xe = ({ layer: t, observation: e, panel: r, project: n }) => {
-  const a = it(t)(e, "hovered");
-  return /* @__PURE__ */ s(st, {
+}, me = ({ layer: t, observation: e, panel: r, project: n }) => {
+  const a = at(t)(e, "hovered");
+  return /* @__PURE__ */ s(lt, {
     geom: "line",
     observation: e,
     panel: r,
@@ -699,16 +694,16 @@ var g = {
     color: a.color,
     opacity: a.opacity
   });
-}, ft = (t, e) => M("line", {
+}, gt = (t, e) => T("line", {
   coord: t,
   guideMode: "crosshair",
   swatchShape: "line",
-  render: ({ layer: r, panelRect: n }) => /* @__PURE__ */ s(Ae, {
+  render: ({ layer: r, panelRect: n }) => /* @__PURE__ */ s(ve, {
     layer: r,
     panel: n,
     coord: t
   }),
-  renderHover: ({ layer: r, primary: n, panelRect: a }) => /* @__PURE__ */ s(xe, {
+  renderHover: ({ layer: r, primary: n, panelRect: a }) => /* @__PURE__ */ s(me, {
     layer: r,
     observation: n.observation,
     panel: a,
@@ -716,34 +711,34 @@ var g = {
   }),
   renderHoverCompanions: () => null,
   getOverlayAnchor: ({ observation: r }) => {
-    const n = O(r), a = B(r);
+    const n = O(r), a = F(r);
     return n === null || a === null ? null : {
       x: n,
       y: a
     };
   }
-}), ke = 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 = G(t), l = S(t), o = k(() => C(t.data, t.mapping, t.id), [
+}), ye = gt("cartesian", I), Ae = gt("polar", M), ke = 0.85, xe = 1.6, we = 4, Q = ({ layer: t, observations: e, panel: r, project: n, state: a }) => {
+  const i = B(t), l = S(t), o = x(() => C(t.data, t.mapping, t.id), [
     t.data,
     t.mapping,
     t.id
-  ]), h = a === "hovered", d = h ? Ee : 0;
+  ]), h = a === "hovered", d = h ? we : 0;
   return /* @__PURE__ */ s("g", {
     "data-geom": "point",
     children: Array.from(e, (p) => {
       const u = n(p, r);
       if (u === null) return null;
       const f = l(p, a), y = i.get("size", p, a) + d;
-      return /* @__PURE__ */ s(x, {
-        strikes: [E("o", u.x, u.y, y * Re, y)],
+      return /* @__PURE__ */ s(k, {
+        strikes: [E("o", u.x, u.y, y * ke, y)],
         color: f.color,
         opacity: f.opacity,
-        width: Me,
+        width: xe,
         overstruck: h
       }, o(p));
     })
   });
-}, vt = (t, e) => M("point", {
+}, ft = (t, e) => T("point", {
   coord: t,
   swatchShape: "circle",
   render: ({ layer: r, panelRect: n }) => /* @__PURE__ */ s(Q, {
@@ -760,12 +755,12 @@ var g = {
     state: "hovered"
   }),
   renderHoverCompanions: () => null
-}), Te = vt("cartesian", I), Se = vt("polar", T), Pe = 4, $e = 1.2, Ie = 3, H = Math.PI * 2, _e = 0.3, Le = (t, e) => {
-  const { startAngle: r, endAngle: n } = St(t), { innerRadius: a, outerRadius: i } = rt(t);
+}), Re = ft("cartesian", I), Te = ft("polar", M), Ee = 4, Me = 1.2, Se = 3, H = Math.PI * 2, Pe = 0.3, $e = (t, e) => {
+  const { startAngle: r, endAngle: n } = Mt(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), h = Pe / 2 / (i * l), d = o >= H - 1e-6 ? 0 : Math.min(h, o / 4), p = r + d, u = n - d, f = wt({
+  const o = Math.max(0, n - r), h = Ee / 2 / (i * l), d = o >= H - 1e-6 ? 0 : Math.min(h, o / 4), p = r + d, u = n - d, f = xt({
     startAngle: p,
     endAngle: u,
     innerRadius: a,
@@ -774,7 +769,7 @@ var g = {
     centerX: e.width / 2,
     centerY: e.height / 2,
     radius: l,
-    digits: Ie
+    digits: Se
   });
   return f === void 0 ? null : {
     path: f,
@@ -783,20 +778,20 @@ var g = {
     inner: a * l,
     outer: i * l
   };
-}, We = (t, e, r, n) => {
+}, Ie = (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) % H + H) % H, l = n / Math.max(a, 1);
   return i >= l && i <= t.endAngle - t.startAngle - l;
-}, 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 = [];
+}, _e = (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 h = -i; h <= i; h += 1) for (let d = -a; d <= a; d += 1) {
     const p = d * 8, u = h * 12;
-    We(t, p, u, l) && o.push(n("/", e.width / 2 + p, e.height / 2 + u, 5, 8, d, h));
+    Ie(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 = k(() => C(t.data, t.mapping, t.id), [
+  const a = S(t), i = P("slice-shading"), l = x(() => C(t.data, t.mapping, t.id), [
     t.data,
     t.mapping,
     t.id
@@ -804,7 +799,7 @@ var g = {
   return r.width <= 0 || r.height <= 0 ? null : /* @__PURE__ */ s("g", {
     "data-geom": "bar",
     children: Array.from(e, (o) => {
-      const h = Le(o, r);
+      const h = $e(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__ */ w("g", {
@@ -822,12 +817,12 @@ var g = {
             /* @__PURE__ */ s("path", {
               d: h.path,
               fill: p.color,
-              fillOpacity: p.fillOpacity * _e
+              fillOpacity: p.fillOpacity * Pe
             }),
             /* @__PURE__ */ s("g", {
               clipPath: `url(#${u})`,
-              children: /* @__PURE__ */ s(x, {
-                strikes: He(h, r, d),
+              children: /* @__PURE__ */ s(k, {
+                strikes: _e(h, r, d),
                 color: p.color,
                 opacity: p.fillOpacity,
                 overstruck: n === "hovered"
@@ -838,14 +833,14 @@ var g = {
             d: h.path,
             fill: "none",
             stroke: p.color,
-            strokeWidth: $e,
+            strokeWidth: Me,
             strokeLinejoin: "round"
           })
         ]
       }, d);
     })
   });
-}, be = M("bar", {
+}, Le = T("bar", {
   coord: "polar",
   guideMode: "band",
   swatchShape: "slice",
@@ -861,15 +856,15 @@ var g = {
     state: "hovered"
   }),
   renderHoverCompanions: () => null
-}), W = 2, Ce = 0.2, Oe = (t, e) => {
-  const r = D(e), n = [], a = Math.floor(t.y / 12), i = Math.floor(t.x / 8);
+}), W = 2, We = 0.2, He = (t, e) => {
+  const r = G(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 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);
+}, be = ({ layer: t, observation: e, seed: r, panel: n, clipId: a, state: i }) => {
+  const l = S(t), o = St(e);
   if (o === null) return null;
   const h = l(e, i), d = {
     x: o.x * n.width + W / 2,
@@ -891,10 +886,10 @@ var g = {
       }),
       /* @__PURE__ */ s("g", {
         clipPath: `url(#${a})`,
-        children: /* @__PURE__ */ s(x, {
-          strikes: Oe(d, r),
+        children: /* @__PURE__ */ s(k, {
+          strikes: He(d, r),
           color: g.paper,
-          opacity: Ce,
+          opacity: We,
           overstruck: i === "hovered"
         })
       }),
@@ -907,7 +902,7 @@ var g = {
     ]
   });
 }, et = ({ layer: t, observations: e, panel: r, state: n }) => {
-  const a = P("typewriter-tile"), i = k(() => Tt(t.data, t.mapping, t.id), [
+  const a = P("typewriter-tile"), i = x(() => Et(t.data, t.mapping, t.id), [
     t.data,
     t.mapping,
     t.id
@@ -916,7 +911,7 @@ var g = {
     "data-geom": "tile",
     children: Array.from(e, (l, o) => {
       const h = i(l);
-      return /* @__PURE__ */ s(Be, {
+      return /* @__PURE__ */ s(be, {
         layer: t,
         observation: l,
         seed: h,
@@ -926,7 +921,7 @@ var g = {
       }, h);
     })
   });
-}, Ge = M("tile", {
+}, Ce = T("tile", {
   coord: "cartesian",
   guideMode: null,
   swatchShape: "square",
@@ -942,21 +937,21 @@ var g = {
     state: "hovered"
   }),
   renderHoverCompanions: () => null
-}), De = [
+}), Oe = [
+  fe,
+  Le,
+  Ce,
   ye,
-  be,
-  Ge,
-  ke,
-  we,
+  Ae,
+  ie,
   oe,
-  le,
-  Te,
-  Se
-], ze = (t) => {
-  const e = P("typewriter-rect"), r = at(), n = r === null ? null : Ct(t, r);
-  return n === null || t.fill === void 0 ? /* @__PURE__ */ s(xt, { ...t }) : n.width <= 0 || n.height <= 0 ? null : /* @__PURE__ */ s("g", {
+  Re,
+  Te
+], Be = (t) => {
+  const e = P("typewriter-rect"), r = nt(), n = r === null ? null : Ht(t, r);
+  return n === null || t.fill === void 0 ? /* @__PURE__ */ s(At, { ...t }) : n.width <= 0 || n.height <= 0 ? null : /* @__PURE__ */ s("g", {
     "data-testid": t["data-testid"],
-    children: /* @__PURE__ */ s(gt, {
+    children: /* @__PURE__ */ s(pt, {
       rect: n,
       edge: "top",
       seed: `${n.x},${n.y}`,
@@ -967,7 +962,7 @@ var g = {
       overstruck: !1
     })
   });
-}, Ne = (t) => {
+}, Ge = (t) => {
   const e = (t.match(/-?\d*\.?\d+(?:e-?\d+)?/giu) ?? []).map(Number), r = e.filter((l, o) => o % 2 === 0), n = e.filter((l, o) => o % 2 === 1);
   if (r.length === 0 || n.length === 0) return null;
   const a = Math.min(...r), i = Math.min(...n);
@@ -977,12 +972,12 @@ var g = {
     width: Math.max(...r) - a,
     height: Math.max(...n) - i
   };
-}, Xe = (t) => {
-  const e = P("typewriter-path"), r = at(), n = k(() => {
-    const i = Ne(t.d);
-    return r === null || i === null ? null : ht(r, t.d, i);
+}, De = (t) => {
+  const e = P("typewriter-path"), r = nt(), n = x(() => {
+    const i = Ge(t.d);
+    return r === null || i === null ? null : dt(r, t.d, i);
   }, [r, t.d]);
-  if (n === null || t.fill === void 0 || t.fill.startsWith("url(")) return /* @__PURE__ */ s(At, { ...t });
+  if (n === null || t.fill === void 0 || t.fill.startsWith("url(")) return /* @__PURE__ */ s(yt, { ...t });
   const a = t.fillOpacity ?? 1;
   return /* @__PURE__ */ w("g", {
     "data-testid": t["data-testid"],
@@ -999,11 +994,11 @@ var g = {
       /* @__PURE__ */ s("path", {
         d: t.d,
         fill: t.fill,
-        fillOpacity: a * dt
+        fillOpacity: a * st
       }),
       /* @__PURE__ */ s("g", {
         clipPath: `url(#${e})`,
-        children: /* @__PURE__ */ s(x, {
+        children: /* @__PURE__ */ s(k, {
           strikes: n,
           color: t.fill,
           opacity: a
@@ -1011,22 +1006,22 @@ var g = {
       })
     ]
   });
-}, Fe = {
-  Rect: ze,
-  Path: Xe
-}, je = {
+}, ze = {
+  Rect: Be,
+  Path: De
+}, Xe = {
   name: "typewriter",
   styles: Kt,
   palettes: {
-    categorical: Nt,
-    sequential: Xt,
+    categorical: zt,
+    sequential: Nt,
     diverging: Ft
   },
   config: { axes: { y: { position: "left" } } },
   colorScheme: "light",
-  plugins: De,
-  shapes: Fe
+  plugins: Oe,
+  shapes: ze
 };
 export {
-  je as typewriter
+  Xe as typewriter
 };

package/dist/renderer/bar.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode } from 'react';
-import { ResolvedGeomRenderer } from '@graphysdk/react';
+import { Edge, ResolvedGeomRenderer } from '@graphysdk/react';
 import { PixelRect } from './utils/projections';
-export type Edge = 'top' | 'right' | 'bottom' | 'left';
 interface TypedBoxProps {
     rect: PixelRect;
     /** The edge the underscores are typed along and the rows of X's are stepped from. */

package/package.json

@@ -13,7 +13,7 @@
     "theme",
     "typewriter"
   ],
-  "version": "0.1.1-beta.1793695024668",
+  "version": "0.1.1-beta.1793700147232",
   "type": "module",
   "sideEffects": [
     "*.css"
@@ -40,7 +40,7 @@
   },
   "peerDependencies": {
     "react": "^19.0.0",
-    "@graphysdk/react": "^1.9.0-beta.1793695024668"
+    "@graphysdk/react": "^1.9.0-beta.1793700147232"
   },
   "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",
-    "@graphytools/eslint-config": "0.0.1",
+    "@graphysdk/viz-engine": "1.9.0-beta.1793700147232",
+    "@graphytools/vitest-config": "1.0.0",
     "@graphytools/typescript-config": "0.0.1",
-    "@graphysdk/viz-engine": "1.9.0-beta.1793695024668",
-    "@graphysdk/react": "1.9.0-beta.1793695024668",
-    "@graphytools/vitest-config": "1.0.0"
+    "@graphysdk/react": "1.9.0-beta.1793700147232",
+    "@graphytools/eslint-config": "0.0.1"
   },
   "publishConfig": {
     "access": "public"