({options:Object.values(t).filter(n=>typeof n=="number"),control:{type:"inline-radio",labels:Object.values(t).filter(n=>typeof n=="string")}}),ge={title:"Components/Map",component:c,args:{token:g},argTypes:{colorScheme:p(m),mapType:p(oe),distances:p(ie),loadPriority:p(re),showsCompass:p(R),showsScale:p(R)},parameters:{layout:"fullscreen"}},E=t=>a(c,{...t}),k=E.bind({}),C=t=>a("div",{style:{width:"300px",height:"200px"},children:a(c,{...t})}),h=E.bind({});h.args={colorScheme:m.Dark,mapType:oe.MutedStandard,showsMapTypeControl:!1,showsUserLocationControl:!0,paddingLeft:16,paddingRight:16,paddingTop:32,paddingBottom:32};const v=E.bind({});v.args={cameraBoundary:{centerLatitude:40.444,centerLongitude:-79.945,latitudeDelta:.006,longitudeDelta:.008},initialRegion:{centerLatitude:40.44316701238923,centerLongitude:-79.9431147637379,latitudeDelta:.006337455593801167,longitudeDelta:.011960061265583022},minCameraDistance:100,maxCameraDistance:1e3};const M=()=>{const[t,n]=i.useState(m.Light),o=[{name:"Light",value:m.Light,id:i.useId()},{name:"Dark",value:m.Dark,id:i.useId()},{name:"Auto",value:m.Auto,id:i.useId()}];return u(w,{children:[a(c,{token:g,colorScheme:t,paddingBottom:44}),a("div",{className:"map-overlay",children:a("div",{className:"map-overlay-box",children:o.map(e=>u("label",{htmlFor:e.id,children:[a("input",{id:e.id,type:"radio",name:"theme",value:e.value,onChange:()=>n(e.value),checked:t===e.value}),e.name]}))})})]})},I=()=>{const[t,n]=i.useState([]),o=(e,l)=>s=>{const{latitude:r,longitude:d}=s.toCoordinates(),f={latitude:r,longitude:d,title:e,color:l};n([...t,f])};return a(c,{token:g,onSingleTap:o("Single tap","#30b0c7"),onDoubleTap:o("Double tap","#5856d7"),onLongPress:o("Long press","#ff9500"),isZoomEnabled:!1,children:t.map(({latitude:e,longitude:l,title:s,color:r},d)=>a(se,{latitude:e,longitude:l,title:s,subtitle:`(${e}, ${l})`,color:r},d))})},y=()=>{const t=i.useMemo(()=>({centerLatitude:40.7538,centerLongitude:-73.986,latitudeDelta:.03,longitudeDelta:.03}),[]),n=i.useMemo(()=>Object.values(x).filter(s=>typeof s=="string").map(s=>x[s]),[]),[o,e]=i.useState(()=>n.map(()=>!0)),l=i.useId();return u(w,{children:[a(c,{token:g,initialRegion:t,showsMapTypeControl:!1,includedPOICategories:n.filter((s,r)=>o[r])}),a("div",{className:"map-overlay map-overlay-top",children:a("div",{className:"map-overlay-box map-overlay-options",children:n.map((s,r)=>u("label",{htmlFor:l+r,children:[a("input",{id:l+r,type:"checkbox",checked:o[r],onChange:()=>{const d=[...o];d[r]=!o[r],e(d)}}),x[s]]},s))})})]})};y.storyName="Point of Interest Filter";function D({label:t,value:n}){const o=i.useId();return u("label",{className:"form-group",htmlFor:o,children:[t,a("input",{id:o,type:"text",className:"input",value:n,readOnly:!0})]})}const S=()=>{const[t,n]=i.useState(46.94869130019719),[o,e]=i.useState(7.447300186911917),[l,s]=i.useState(.010188625378894756),[r,d]=i.useState(.024314821659999097),f=i.useMemo(()=>({centerLatitude:t,centerLongitude:o,latitudeDelta:l,longitudeDelta:r}),[]);return u(w,{children:[a(c,{token:g,initialRegion:f,onRegionChangeEnd:L=>{n(L.centerLatitude),e(L.centerLongitude),s(L.latitudeDelta),d(L.longitudeDelta)}}),a("div",{className:"map-overlay map-overlay-top",children:u("div",{className:"map-overlay-box map-overlay-inputs",children:[a(D,{label:"Center latitude",value:t.toString()}),a(D,{label:"Center longitude",value:o.toString()}),a(D,{label:"Latitude delta",value:l.toString()}),a(D,{label:"Longitude delta",value:r.toString()})]})})]})},b=()=>{const t=i.useMemo(()=>({centerLatitude:40.7538,centerLongitude:-73.986,latitudeDelta:.03,longitudeDelta:.03}),[]);return a(c,{load:n=>new Promise(o=>{const e=document.createElement("script");window.initMapKit=()=>{delete window.initMapKit,window.mapkit.init({authorizationCallback:l=>{l(n)}}),o()},e.src="https://cdn.apple-mapkit.com/mk/5.x.x/mapkit.core.js",e.dataset.callback="initMapKit",e.dataset.initialToken=n,e.dataset.libraries="map",e.crossOrigin="anonymous",document.head.appendChild(e)}),token:g,initialRegion:t,showsMapTypeControl:!1})};b.storyName="Custom `load` Function";var O,N,T;k.parameters={...k.parameters,docs:{...(O=k.parameters)==null?void 0:O.docs,source:{originalSource:"args =>
",...(T=(N=k.parameters)==null?void 0:N.docs)==null?void 0:T.source}}};var P,F,z;C.parameters={...C.parameters,docs:{...(P=C.parameters)==null?void 0:P.docs,source:{originalSource:`args =>
-
`,...(j=(F=C.parameters)==null?void 0:F.docs)==null?void 0:j.source}}};var A,z,B;v.parameters={...v.parameters,docs:{...(A=v.parameters)==null?void 0:A.docs,source:{originalSource:"args =>
",...(B=(z=v.parameters)==null?void 0:z.docs)==null?void 0:B.source}}};var H,K,J;h.parameters={...h.parameters,docs:{...(H=h.parameters)==null?void 0:H.docs,source:{originalSource:"args =>
",...(J=(K=h.parameters)==null?void 0:K.docs)==null?void 0:J.source}}};var Q,U,V;M.parameters={...M.parameters,docs:{...(Q=M.parameters)==null?void 0:Q.docs,source:{originalSource:`() => {
+
`,...(z=(F=C.parameters)==null?void 0:F.docs)==null?void 0:z.source}}};var j,A,H;h.parameters={...h.parameters,docs:{...(j=h.parameters)==null?void 0:j.docs,source:{originalSource:"args =>