https://technoguru.in/_next/static/chunks/7404-20f66a132f9584b8.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7404],{17404:(e,t,n)=>{n.r(t),n.d(t,{CinemaSizer:()=>j});var a=n(95155),r=n(12115),i=n(52056),o=n(58060),c=n(1053),s=n(95738),l=n(62993),m=n(69532),u=n(21680),h=n(67021),d=n(98795),x=n(23650),g=n(77768);let p=(0,x.h3)("standard"),f=["reference","premium","media"],v=["2.39:1","1.78:1"],w={l:7.5,w:5,h:3,tier:"premium",asp:"2.39:1"},b=["asp","h","l","tier","w"],y={reference:"THX 36\xb0 at rear seat — immersive, suits dedicated cinema rooms with riser.",premium:"SMPTE EG-18 30\xb0 at rear seat — defensible reference angle.",media:"26\xb0 at rear seat — multi-purpose lounge / casual viewing."};function j(){let{initial:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[t,n]=(0,r.useState)(()=>(null==e?void 0:e.l)!=null?(0,h.U)(String(e.l),{min:3.5,max:20,step:.25,fallback:7.5}):7.5),[x,g]=(0,r.useState)(()=>(null==e?void 0:e.w)!=null?(0,h.U)(String(e.w),{min:3,max:12,step:.25,fallback:5}):5),[p,j]=(0,r.useState)(()=>(null==e?void 0:e.h)!=null?(0,h.U)(String(e.h),{min:2.4,max:6,step:.1,fallback:3}):3),[M,A]=(0,r.useState)(()=>(null==e?void 0:e.tier)?(0,h.uL)(e.tier,f,"premium"):"premium"),[S,C]=(0,r.useState)(()=>(null==e?void 0:e.asp)?(0,h.uL)(e.asp,v,"2.39:1"):"2.39:1"),{markResult:F}=(0,u.K)({slug:"cinema-sizer",category:"av",title:"Cinema Sizer"}),R=(0,r.useMemo)(()=>(0,o.Bx)({lengthM:t,widthM:x,heightM:p,tier:M,aspect:S}),[t,x,p,M,S]),N=(0,r.useRef)(!1);(0,r.useEffect)(()=>{if(!N.current){N.current=!0;return}F()},[t,x,p,M,S,F]);let E=(0,r.useRef)(!1);(0,r.useEffect)(()=>{if(!(0,h.MP)(window.location.search,b)){E.current=!0;return}let e=new URLSearchParams(window.location.search);n((0,h.U)(e.get("l"),{min:3.5,max:20,step:.25,fallback:7.5})),g((0,h.U)(e.get("w"),{min:3,max:12,step:.25,fallback:5})),j((0,h.U)(e.get("h"),{min:2.4,max:6,step:.1,fallback:3})),A((0,h.uL)(e.get("tier"),f,"premium")),C((0,h.uL)(e.get("asp"),v,"2.39:1")),E.current=!0},[]);let z=(0,r.useMemo)(()=>(0,h.Xe)("/tools/cinema-sizer",{l:t,w:x,h:p,tier:M,asp:S},w),[t,x,p,M,S]),T=(0,r.useRef)((0,h.sg)(e=>{try{window.history.replaceState({},"",e)}catch(e){}},250));(0,r.useEffect)(()=>{E.current&&"/tools/cinema-sizer"===window.location.pathname&&T.current(z)},[z]);let P=[{k:"rear-seat angle",v:"".concat(R.viewingAngleDeg,"\xb0")},{k:"front row",v:"".concat(R.frontRowM," m → screen")},{k:"back row",v:"".concat(R.rearRowM," m → screen")},{k:"row pitch",v:"".concat(R.rowPitchM," m")},{k:"atmos ceiling",v:R.atmosFormat.split(".").length>2?"".concat(R.atmosFormat," fits ").concat(p," m ceiling"):"".concat(R.atmosFormat," floor layout — no overhead array at ").concat(p," m")},{k:"side absorption",v:"reference"===M?"0.5 m each side":"premium"===M?"0.4 m":"0.3 m"}],L=["Premium consultation \xb7 ".concat(M," tier \xb7 ").concat(S),"".concat(R.screenInches,"″ diagonal — a ").concat(R.screenWidthM," \xd7 ").concat(R.screenHeightM," m screen, with ").concat(R.seats," seats across ").concat(R.rows," ").concat(1===R.rows?"row":"rows"," and ").concat(R.atmosFormat," immersive sound."),"","Screen: ".concat(R.screenInches,"″ (").concat(R.screenWidthM," \xd7 ").concat(R.screenHeightM," m \xb7 ").concat(S,")"),"Seating: ".concat(R.seats," (").concat(R.rows," row").concat(1===R.rows?"":"s"," \xd7 ").concat(R.seatsPerRow," per row)"),"Immersive format: ".concat(R.atmosFormat," (").concat(R.channelCount," channels)"),"Projector throw: ".concat(R.projectorThrowM.toFixed(1)," m (1.8\xd7 screen width lens)"),"","Assumptions:",...P.map(e=>"- ".concat(e.k,": ").concat(e.v)),...R.warnings.length?["","Caveats:",...R.warnings.map(e=>"- ".concat(e))]:[],"","Reopen this result: ".concat(d._P.url).concat(z),"","Indicative planning estimate — TechnoGuru. Final design follows a site survey; pricing is prepared in writing after review, not a quote."].join("\n");return(0,a.jsx)(c.tC,{ariaLabel:"Cinema sizer",kicker:"— Cinema \xb7 SMPTE EG-18 \xb7 THX immersive \xb7 Dolby Atmos",title:(0,a.jsxs)(a.Fragment,{children:["The room, ",(0,a.jsx)("em",{className:"font-light italic text-sc-gold-500",children:"measured for cinema."})]}),lede:(0,a.jsx)(a.Fragment,{children:"Geometry per SMPTE EG-18 (30\xb0 rear-seat horizontal angle) and THX recommendations (36\xb0 immersive). Room acoustics are a separate design pass. Conservative — final design re-modelled in CAD against the actual architecture."}),visualAspect:"20/9",confidence:R.roomCompatible?"indicative":"directional",changesThis:["CAD re-model against the actual architecture","Measured-on-site acoustics (RT60, noise floor)","Projector throw verified against actual lens curves","Atmos layout in EASE / Dolby Atmos Designer"],inputs:(0,a.jsxs)("div",{className:"space-y-5",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-mono text-[11px] uppercase tracking-[0.22em] text-sc-gold-600",children:"Room geometry"}),(0,a.jsx)("p",{className:"mt-1 font-mono text-[11px] uppercase tracking-[0.2em] text-sc-ink-700",children:"Length \xb7 width \xb7 ceiling \xb7 tier \xb7 aspect"})]}),(0,a.jsx)(s.LP,{label:"Room length — ".concat(t," m"),children:(0,a.jsx)(s.m0,{min:3.5,max:20,step:.25,value:t,onChange:n,ariaLabel:"Room length in metres"})}),(0,a.jsx)(s.LP,{label:"Room width — ".concat(x," m"),children:(0,a.jsx)(s.m0,{min:3,max:12,step:.25,value:x,onChange:g,ariaLabel:"Room width in metres"})}),(0,a.jsx)(s.LP,{label:"Ceiling height — ".concat(p," m"),children:(0,a.jsx)(s.m0,{min:2.4,max:6,step:.1,value:p,onChange:j,ariaLabel:"Ceiling height in metres"})}),(0,a.jsx)(s._R,{label:"Tier",value:M,onChange:e=>A(e),options:[{value:"reference",label:"Reference"},{value:"premium",label:"Premium"},{value:"media",label:"Media room"}]}),(0,a.jsx)(s.sO,{children:y[M]}),(0,a.jsx)(s._R,{label:"Aspect ratio",value:S,onChange:e=>C(e),options:[{value:"2.39:1",label:"2.39 : 1 cinema"},{value:"1.78:1",label:"16 : 9 hybrid"}]})]}),visual:(0,a.jsx)(k,{roomL:t,roomH:p,screenHeightM:R.screenHeightM,screenInches:R.screenInches,frontRowM:R.frontRowM,rearRowM:R.rearRowM,rowPitchM:R.rowPitchM,rows:R.rows,seatsPerRow:R.seatsPerRow,throwM:R.projectorThrowM,atmosFormat:R.atmosFormat,channelCount:R.channelCount,viewingAngleDeg:R.viewingAngleDeg,aspect:S}),mobileAnswer:"".concat(R.screenInches,"″ \xb7 ").concat(R.seats," seats \xb7 ").concat(R.atmosFormat," \xb7 throw ").concat(R.projectorThrowM.toFixed(1)," m"),headline:(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{role:"status","aria-live":"polite",className:"sr-only",children:"This room sizes to a ".concat(R.screenInches," inch diagonal ").concat(S," screen, ").concat(R.screenWidthM," by ").concat(R.screenHeightM," metres, with ").concat(R.seats," seats across ").concat(R.rows," ").concat(1===R.rows?"row":"rows",", ").concat(R.atmosFormat," immersive sound with ").concat(R.channelCount," channels, and a projector throw of ").concat(R.projectorThrowM.toFixed(1)," metres. Indicative planning figures, not a final design.")}),(0,a.jsxs)("div",{className:"grid gap-6 sm:grid-cols-2 lg:grid-cols-4",children:[(0,a.jsx)(c.g1,{label:"Screen",value:"".concat(R.screenInches,"″"),unit:"".concat(R.screenWidthM," \xd7 ").concat(R.screenHeightM," m \xb7 ").concat(S),accent:!0}),(0,a.jsx)(c.g1,{label:"Seating",value:R.seats,unit:"".concat(R.rows," row").concat(1===R.rows?"":"s"," \xd7 ").concat(R.seatsPerRow," per row")}),(0,a.jsx)(c.g1,{label:"Immersive format",value:R.atmosFormat,unit:"".concat(R.channelCount," channels")}),(0,a.jsx)(c.g1,{label:"Projector throw",value:"".concat(R.projectorThrowM.toFixed(1)," m"),unit:"1.8\xd7 screen width lens"})]})]}),reviewHandoff:{slug:"cinema-sizer",shareUrl:z},whatsappContext:["".concat(R.screenInches,"″ ").concat(S," screen — ").concat(R.screenWidthM," \xd7 ").concat(R.screenHeightM," m"),"".concat(R.seats," seats across ").concat(R.rows," row").concat(1===R.rows?"":"s"),"".concat(R.atmosFormat," immersive sound \xb7 ").concat(R.channelCount," channels"),"projector throw about ".concat(R.projectorThrowM.toFixed(1)," m")],resultActions:(0,a.jsx)(m.A,{url:z,label:"Copy this cinema sizing link",note:"A planning link that reopens this exact configuration — not a quote.",anal

1ytics:{toolSlug:"cinema-sizer",toolCategory:"av"}}),spec:(0,a.jsxs)("dl",{children:[(0,a.jsx)(c.g3,{k:"rear-seat angle",v:"".concat(R.viewingAngleDeg,"\xb0 horizontal — ").concat(M," tier")}),(0,a.jsx)(c.g3,{k:"rows",v:"front row ".concat(R.frontRowM," m \xb7 back row ").concat(R.rearRowM," m \xb7 pitch ").concat(R.rowPitchM," m")}),(0,a.jsxs)("details",{className:"group border-b border-sc-stone-300/70 py-2.5",children:[(0,a.jsxs)("summary",{className:"flex min-h-[44px] cursor-pointer list-none items-center font-mono text-[11px] uppercase tracking-[0.22em] text-sc-ink-700 transition hover:text-sc-copper-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sc-gold-500/80 [&::-webkit-details-marker]:hidden",children:[(0,a.jsxs)("span",{className:"group-open:hidden",children:["+ Model assumptions (",P.length,")"]}),(0,a.jsx)("span",{className:"hidden group-open:inline",children:"− Model assumptions"})]}),(0,a.jsx)("div",{className:"mt-2",children:P.map(e=>(0,a.jsx)(c.g3,{k:e.k,v:e.v},e.k))})]}),(0,a.jsx)("p",{className:"mt-3 text-[12px] italic leading-[1.5] text-sc-ink-700",children:"Indicative — viewing-angle model is conservative-correct, but final design re-models the room in CAD with measured-on-site acoustics, projector throw verified against actual lens curves, and Atmos layout in EASE / Dolby Atmos Designer."})]}),warnings:R.warnings.length>0?(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("p",{className:"font-mono text-[11px] uppercase tracking-[0.22em] text-sc-ink-700",children:"Engineering notes"}),R.warnings.map((e,t)=>(0,a.jsxs)(c.QT,{level:"warn",children:[(0,a.jsx)(i.A,{className:"mt-0.5 h-3.5 w-3.5 shrink-0","aria-hidden":!0}),(0,a.jsx)("p",{children:e})]},t))]}):null,source:(0,a.jsxs)("div",{className:"space-y-3 border-t border-sc-stone-300 pt-3",children:[(0,a.jsx)(m.A,{url:z,label:"Copy this cinema sizing link",note:"A planning link that reopens this exact configuration — not a quote.",analytics:{toolSlug:"cinema-sizer",toolCategory:"av"}}),(0,a.jsx)(l.CopyResultButton,{text:L,className:"border border-sc-stone-300 bg-sc-ivory-50 px-3 py-2 font-mono text-[11px] uppercase tracking-[0.2em] text-sc-ink-800 transition hover:border-sc-copper-600 hover:text-sc-copper-700"})]})})}function k(e){let{roomL:t,roomH:n,screenHeightM:r,screenInches:i,frontRowM:o,rearRowM:c,rowPitchM:s,rows:l,seatsPerRow:m,throwM:u,atmosFormat:h,channelCount:d,viewingAngleDeg:x,aspect:f}=e,v=720,w=232,b=Math.min(720/t,232/n),y=t*b,j=n*b,k=40+(720-y)/2,M=64+(232-j)/2+j,A=M-j,S=e=>k+Math.min(Math.max(e,0),t)*b,C=Math.min(r,.9*n)*b,F=A+(j-C)/2,R=k+4,N=Array.from({length:l},(e,t)=>Math.min(o+t*s,c)),E=Math.min(1.15*b,.42*j),z=S(Math.min(u,t-.2)),T=A+Math.min(14,.12*j),P=S(c),L=h.split(".").length>2;return(0,a.jsxs)("svg",{viewBox:"0 0 ".concat(800," ").concat(360),preserveAspectRatio:"xMidYMid meet",className:"block h-full w-full",role:"img","aria-label":"Cinema room section: screen, seat rows and projector throw",children:[(0,a.jsx)("rect",{x:"0",y:"0",width:800,height:360,fill:"#FBF8F1"}),(0,a.jsx)(g.fM,{x:40,y:28,width:720,left:"ROOM SECTION \xb7 ".concat(t," \xd7 ").concat(n," M \xb7 ").concat(x,"\xb0 AT REAR SEAT"),right:"".concat(h," \xb7 ").concat(d," CH").concat(L?" \xb7 OVERHEAD ARRAY":""),leftSize:p.value,rightSize:p.label,leftFill:"#7C622A",rightFill:"#3E4341"}),(0,a.jsx)("rect",{x:k,y:A,width:y,height:j,fill:"#F4EFE4",stroke:"#181A19",strokeWidth:"2"}),L&&l>0?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("circle",{cx:(S(N[0])+S(N[N.length-1]))/2-14,cy:A+6,r:"4",fill:"#0E2218"}),(0,a.jsx)("circle",{cx:(S(N[0])+S(N[N.length-1]))/2+14,cy:A+6,r:"4",fill:"#0E2218"})]}):null,(0,a.jsx)("rect",{x:R,y:F,width:"7",height:C,rx:"2",fill:"#0E2218"}),(0,a.jsxs)("text",{x:R+18,y:F+C/2,fontSize:p.figure,fontWeight:"700",fill:"#0E2218",fontFamily:"ui-monospace, monospace",transform:"rotate(-90 ".concat(R+18," ").concat(F+C/2,")"),textAnchor:"middle",children:[i,"″ ",f]}),(0,a.jsx)("path",{d:"M ".concat(P,",").concat(M-.72*E," L ").concat(R+7,",").concat(F," L ").concat(R+7,",").concat(F+C," Z"),fill:"rgba(162,130,58,0.12)",stroke:"#A2823A",strokeWidth:"1",strokeDasharray:"4 4"}),N.map((e,t)=>{let n=S(e);return(0,a.jsxs)("g",{transform:"translate(".concat(n," ").concat(M,")"),children:[(0,a.jsx)("rect",{x:-(.34*E),y:-(.5*E),width:.62*E,height:.22*E,rx:"4",fill:"#242625"}),(0,a.jsx)("rect",{x:-(.34*E),y:-E,width:.2*E,height:.72*E,rx:"4",fill:"#242625"}),(0,a.jsx)("rect",{x:-(.34*E),y:-(.3*E),width:.58*E,height:.3*E,rx:"3",fill:"#3A3C3A"})]},t)}),l>0?(0,a.jsxs)("text",{x:(S(N[0])+S(N[N.length-1]))/2,y:M+18,textAnchor:"middle",fontSize:p.label,fill:"#3E4341",fontFamily:"ui-monospace, monospace",letterSpacing:"1",children:[l," ROW",1===l?"":"S"," \xd7 ",m]}):null,(0,a.jsxs)("g",{transform:"translate(".concat(z," ").concat(T,")"),children:[(0,a.jsx)("rect",{x:"-20",y:"-8",width:"40",height:"16",rx:"3",fill:"#242625"}),(0,a.jsx)("circle",{cx:"-22",cy:"0",r:"4",fill:"#0A0B0A"})]}),(0,a.jsx)("line",{x1:z-26,y1:T,x2:R+9,y2:F+C/2,stroke:"#9A6B3F",

1strokeWidth:"1.6",strokeDasharray:"7 5"}),(0,a.jsxs)("text",{x:(z+R)/2,y:T+20,textAnchor:"middle",fontSize:p.value,fontWeight:"700",fill:"#9A6B3F",fontFamily:"ui-monospace, monospace",letterSpacing:"1",children:["THROW ",u.toFixed(1)," M"]}),(0,a.jsx)("line",{x1:k,x2:S(o),y1:M+34,y2:M+34,stroke:"#A2823A",strokeWidth:"1"}),(0,a.jsx)("line",{x1:S(o),x2:S(o),y1:M+28,y2:M+40,stroke:"#A2823A",strokeWidth:"1"}),(0,a.jsxs)("text",{x:S(o/2),y:M+48,textAnchor:"middle",fontSize:p.micro,fill:"#7C622A",fontFamily:"ui-monospace, monospace",letterSpacing:"1",children:["FRONT ROW ",o," M"]}),(0,a.jsx)("line",{x1:k,x2:S(c),y1:M+56,y2:M+56,stroke:"rgba(154,107,63,0.6)",strokeWidth:"1"}),(0,a.jsx)("line",{x1:S(c),x2:S(c),y1:M+50,y2:M+62,stroke:"rgba(154,107,63,0.6)",strokeWidth:"1"}),(0,a.jsxs)("text",{x:S(c),y:M+48,textAnchor:"middle",fontSize:p.micro,fill:"#9A6B3F",fontFamily:"ui-monospace, monospace",letterSpacing:"1",children:["REAR ",c," M"]})]})}},23650:(e,t,n)=>{n.d(t,{An:()=>a,Mo:()=>l,X5:()=>r,h3:()=>o});let a=11;function r(e,t){let n=e/Math.max(1,t),r=e=>Math.round(e*n*100)/100;return{unitsPerPx:n,units:r,floor:r(a),px:e=>Math.round(e/n*100)/100}}let i={standard:.7135,tall:.6719,compact:.7061,small:.8054,column:.8633,band:.6386,wide:.4778,wideSpeaker:.4761,wideShort:.4076};function o(e){let t=i[e],n=e=>Math.round(e/t*100)/100,r=Math.ceil(a/t*100)/100,o=n(.65);return{micro:r,label:Math.round((r+o)*100)/100,value:Math.round((r+2*o)*100)/100,figure:Math.round((r+4*o)*100)/100,pxAt:(e,t)=>Math.round(e*t*100)/100,atPx:e=>Math.round(100*n(e))/100}}let c="en-IN";function s(e,t){return t?/^[A-Za-z0-9]/.test(t)?"".concat(e," ").concat(t):"".concat(e).concat(t):e}function l(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Number.isFinite(e))return s("—",t.unit);let n=t.decimals;return s(void 0===n?e.toLocaleString(c,{maximumFractionDigits:20}):e.toLocaleString(c,{minimumFractionDigits:n,maximumFractionDigits:n}),t.unit)}},62993:(e,t,n)=>{n.d(t,{CopyResultButton:()=>s});var a=n(95155),r=n(12115),i=n(5917),o=n(75426),c=n(76445);function s(e){let{text:t,label:n="Copy result",className:s=""}=e,[l,m]=(0,r.useState)(!1),u=(0,r.useRef)(null);(0,r.useEffect)(()=>()=>{u.current&&clearTimeout(u.current)},[]);let h=(0,r.useCallback)(async()=>{try{var e,n;if(null==(n=navigator)||null==(e=n.clipboard)?void 0:e.writeText)await navigator.clipboard.writeText(t);else if("undefined"!=typeof document){let e=document.createElement("textarea");e.value=t,e.style.position="fixed",e.style.opacity="0",document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e)}m(!0),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>m(!1),2e3)}catch(e){}},[t]);return(0,a.jsx)("button",{type:"button",onClick:h,"aria-live":"polite",className:(0,c.cn)("group inline-flex min-h-[44px] items-center gap-2 border border-ink-300/30 bg-paper-100 px-5 py-2.5 text-[11.5px] uppercase tracking-[0.22em] text-ink-200 transition-colors hover:border-gold-300 hover:text-gold-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-gold-300/60 focus-visible:ring-offset-2 focus-visible:ring-offset-paper-section",s),children:l?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.A,{className:"h-3.5 w-3.5 shrink-0","aria-hidden":!0}),"Copied"]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.A,{className:"h-3.5 w-3.5 shrink-0","aria-hidden":!0}),n]})})}},75426:(e,t,n)=>{n.d(t,{A:()=>a});let a=(0,n(71847).A)("Copy",[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]])},76445:(e,t,n)=>{n.d(t,{cn:()=>i});var a=n(2821),r=n(75889);function i(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,r.QP)((0,a.$)(t))}},77768:(e,t,n)=>{n.d(t,{Kf:()=>r,U4:()=>o,fM:()=>c});var a=n(95155);function r(e,t,n){return e.length*(.6*t+n)}function i(e,t,n){var a,i,o;return r(e,n.leftSize,null!=(a=n.leftLetterSpacing)?a:2)+r(t,n.rightSize,null!=(i=n.rightLetterSpacing)?i:1.5)+(null!=(o=n.gutter)?o:Math.max(n.leftSize,n.rightSize))>n.width}function o(e,t,n){var a;return i(e,t,n)?null!=(a=n.lineHeight)?a:1.35*Math.max(n.leftSize,n.rightSize):0}function c(e){let{x:t,y:n,width:r,left:o,right:c,leftSize:s,rightSize:l,leftFill:m,rightFill:u,leftLetterSpacing:h=2,rightLetterSpacing:d=1.5,lineHeight:x,gutter:g,stack:p="down"}=e,f=i(o,c,{width:r,leftSize:s,rightSize:l,leftLetterSpacing:h,rightLetterSpacing:d,gutter:g}),v=(null!=x?x:1.35*Math.max(s,l))*("up"===p?-1:1),w="ui-monospace, monospace";return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("text",{x:t,y:n,fontSize:s,fill:m,fontFamily:w,letterSpacing:h,children:o}),(0,a.jsx)("text",{x:f?t:t+r,y:f?n+v:n,textAnchor:f?"start":"end",fontSize:l,fill:u,fontFamily:w,letterSpacing:d,children:c})]})}}

1,95738:(e,t,n)=>{n.d(t,{LP:()=>i,_R:()=>c,m0:()=>l,sO:()=>o,x9:()=>s});var a=n(95155),r=n(12115);function i(e){let{label:t,children:n}=e;return(0,a.jsxs)("div",{className:"space-y-1.5",children:[(0,a.jsx)("p",{className:"font-mono text-[11px] uppercase tracking-[0.22em] text-sc-ink-700",children:t}),n]})}function o(e){let{children:t}=e;return(0,a.jsx)("p",{className:"text-[11.5px] leading-[1.4] text-sc-ink-700",children:t})}function c(e){let{label:t,value:n,options:o,onChange:c}=e,s=(0,r.useRef)(null),l=o.findIndex(e=>e.value===n),m=l>=0?l:0;return(0,a.jsx)(i,{label:t,children:(0,a.jsx)("div",{ref:s,role:"radiogroup","aria-label":t,onKeyDown:e=>{var t,n;let a=o.length;if(0===a)return;let r=m;if("ArrowRight"===e.key||"ArrowDown"===e.key)r=(m+1)%a;else if("ArrowLeft"===e.key||"ArrowUp"===e.key)r=(m-1+a)%a;else if("Home"===e.key)r=0;else{if("End"!==e.key)return;r=a-1}e.preventDefault(),c(o[r].value),null==(n=s.current)||null==(t=n.querySelectorAll("[role='radio']")[r])||t.focus()},className:"inline-flex border border-sc-stone-300",children:o.map((e,t)=>(0,a.jsx)("button",{role:"radio","aria-checked":n===e.value,tabIndex:t===m?0:-1,onClick:()=>c(e.value),type:"button",className:"inline-flex min-h-[46px] min-w-[44px] items-center justify-center px-4 py-2.5 font-mono text-[11px] uppercase tracking-[0.22em] transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sc-gold-500/80 focus-visible:ring-offset-2 focus-visible:ring-offset-sc-paper-100 ".concat(n===e.value?"bg-sc-ink-900 text-sc-ivory-50":"text-sc-ink-800 hover:bg-sc-stone-200"),children:e.label},e.value))})})}function s(e){let{value:t,onChange:n,children:r,ariaLabel:i}=e;return(0,a.jsx)("select",{value:t,onChange:e=>n(e.target.value),"aria-label":i,className:"block min-h-[46px] w-full border border-sc-stone-300 bg-sc-ivory-50 px-3 py-2.5 text-[13.5px] text-sc-ink-900 focus:border-sc-copper-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-sc-gold-500/80 focus-visible:ring-offset-2 focus-visible:ring-offset-sc-paper-100",children:r})}function l(e){let{value:t,min:n,max:r,step:i,onChange:o,ariaLabel:c}=e;return(0,a.jsx)("input",{type:"range",min:n,max:r,step:i,value:t,onChange:e=>o(Number(e.target.value)),"aria-label":c,className:"block h-[44px] h-[46px] w-full cursor-pointer touch-pan-y accent-sc-copper-600"})}}}]);