(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[56628,85872],{63350:(e,s,t)=>{"use strict";t.d(s,{BS:()=>c,FP:()=>y,JU:()=>h,Uc:()=>u,ZW:()=>i,fI:()=>p,hW:()=>o,z7:()=>d});var r=t(87687),n=t(52751),l=t(31928),a=t(51311);let o=5;function c(e){let{width:s,height:t,size:l=280,defs:a,children:o,...c}=e,i=n.useId().replace(/:/g,""),d="".concat(i,"-grid");return(0,r.jsxs)(m,{width:null!=s?s:l,height:null!=t?t:l,...c,children:[(0,r.jsxs)("defs",{children:[(0,r.jsx)("pattern",{id:d,width:"20",height:"20",patternUnits:"userSpaceOnUse",children:(0,r.jsx)("path",{d:"\n              M 20 0 L 20 20\n              M 0 20 L 20 20\n            ",fill:"none",stroke:"hsl(0 0% 80%)",strokeWidth:"0.5"})}),a]}),(0,r.jsx)("rect",{width:"100%",height:"100%",fill:"url(#".concat(d,")"),fillOpacity:"0.5"}),o]})}function i(e){let{cx:s,cy:t,...n}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("circle",{cx:s,cy:t,r:o,fill:"var(--color-background)",...n}),(0,r.jsx)("circle",{cx:s,cy:t,r:o-2,fill:"white",...n})]})}let d=n.memo(function(e){let{code:s,lang:t="html",highlightedLines:n,...l}=e;return(0,r.jsx)(x,{...l,children:(0,r.jsx)(a.default,{lang:t,includeLoadingSpinner:!0,includeContentStyles:!1,lockedToColorMode:"dark",highlight:n,code:s})})});function h(e){let{x:s,y:t,textAnchor:n,dominantBaseline:l,fontSize:a="1rem",children:o,ref:c,...i}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(v,{x:s,y:t,textAnchor:n,dominantBaseline:l,fontSize:a,...i,children:o}),(0,r.jsx)(j,{x:s,y:t,textAnchor:n,dominantBaseline:l,fontSize:a,...i,children:o})]})}let p=(0,l.I)("div")({name:"Row",class:"rd9id5h",propsAsIs:!1}),u=(0,l.I)("tspan")({name:"Coord",class:"c1nimlao",propsAsIs:!0}),x=(0,l.I)("div")({name:"CodeWrapper",class:"cujkhw1",propsAsIs:!1}),m=(0,l.I)("svg")({name:"StyledSvg",class:"s1j66pt9",propsAsIs:!1}),y=(0,l.I)("g")({name:"Indicators",class:"i1wntda9",propsAsIs:!0}),k=(0,l.I)("text")({name:"LabelBase",class:"ley0nm0",propsAsIs:!0}),j=(0,l.I)(k)({name:"LabelForeground",class:"l1tcs5u4",propsAsIs:!0}),v=(0,l.I)(k)({name:"LabelBackground",class:"l1s5y600",propsAsIs:!0});t(7820)},43108:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>x});var r=t(87687);t(52751);var n=t(31928),l=t(68852),a=t(20120),o=t(99800),c=t(63350);let i={a:{stroke:"hsl(45deg 100% 50%)","stroke-width":"6px","stroke-dasharray":"20, 14","stroke-linecap":"butt"},b:{stroke:"oklch(0.7 0.2 348)","stroke-width":"16px","stroke-dasharray":"0, 15","stroke-linecap":"round"},c:{stroke:"oklch(0.9 0.2 179)","stroke-width":"4px","stroke-dasharray":"0, 10, 25, 10","stroke-linecap":"square"},d:{stroke:"white","stroke-width":"10px","stroke-dasharray":"0, 20, 26, 60","stroke-linecap":"round"},e:{stroke:"hsl(10deg 100% 80%)","stroke-width":"12px","stroke-dasharray":"3, 12","stroke-linecap":"butt"}},d=(0,n.I)("div")({name:"OuterDemoWrapper",class:"o1yub8jp",propsAsIs:!1}),h=(0,n.I)("div")({name:"Row",class:"r1gmx7oh",propsAsIs:!1}),p=(0,n.I)("div")({name:"CodeWrapper",class:"cdy9myh",propsAsIs:!1}),u=(0,n.I)(c.BS)({name:"StyledSvg",class:"slq2vh6",propsAsIs:!0}),x=function(e){let{codeOutput:s}=e;return(0,r.jsx)(d,{children:(0,r.jsx)(a.Ay,{outputWrapper:null,initialValues:{variant:"a"},controlPosition:"top",controls:[(0,r.jsx)(a.Cd,{id:"variant",label:"Variant",options:[{label:"A",value:"a"},{label:"B",value:"b"},{label:"C",value:"c"},{label:"D",value:"d"},{label:"E",value:"e"}]},"variant")],customGrid:{gridTemplateColumns:"min(400px, 100%)",justifyContent:"center"},children:e=>{let{variant:t}=e,n=i[t],a=(0,l.yS)(n,(e,s)=>[(0,l.Iq)(e),s]);return(0,r.jsxs)(h,{children:[(0,r.jsx)(u,{viewBox:"0 0 200 200",size:300,"data-variant":t,fill:"none",children:(0,r.jsx)("circle",{cx:"100",cy:"100",r:"50",style:a})}),(0,r.jsx)(p,{children:(0,r.jsx)(o.A,{lang:"html",code:function(e){let s=Object.entries(i[e]).map(e=>{let[s,t]=e;return"    ".concat(s,": ").concat(t,";")}).join("\n");return"\n<style>\n  circle {\n".concat(s,"\n  }\n</style>\n").concat("\n \n",'\n<svg viewBox="0 0 200 200">\n  <circle cx="100" cy="100" r="50" />\n</svg>\n  ')}(t),children:s})})]})}})})};t(2614)},7820:e=>{e.exports={rd9id5h:"rd9id5h",c1nimlao:"c1nimlao",cujkhw1:"cujkhw1",s1j66pt9:"s1j66pt9",i1wntda9:"i1wntda9",ley0nm0:"ley0nm0",l1tcs5u4:"l1tcs5u4",l1s5y600:"l1s5y600"}},2614:e=>{e.exports={o1yub8jp:"o1yub8jp",r1gmx7oh:"r1gmx7oh",cdy9myh:"cdy9myh",slq2vh6:"slq2vh6"}}}]);
//# sourceMappingURL=85872.8f3ae66e53ece11b.js.map