birdclaw 0.9.2 → 0.9.4

package/dist/client/assets/likes-CenHqxQG.js

@@ -0,0 +1 @@
+import{Rn as e}from"./schemas-CntsNLmN.js";import{t}from"./SavedTimelineView-BSnwnujP.js";var n=e();function r(){return(0,n.jsx)(t,{eyebrow:`liked posts`,filter:`liked`,loadingLabel:`Loading liked posts...`,searchPlaceholder:`Search likes`,title:`Things worth keeping in the orbit.`})}export{r as component};

package/dist/client/assets/links-lDqy93u8.js

@@ -0,0 +1 @@
+import{r as e}from"./rolldown-runtime-B-9mzPXz.js";import{t}from"./react-BwGzW7mM.js";import{Gt as n,Kt as r,M as i,Rn as a,Ut as o,Wt as s,an as c,cn as l,dn as u,fn as d,on as f,sn as p}from"./schemas-CntsNLmN.js";import{t as m}from"./createLucideIcon-CMLcIxOz.js";import{t as h}from"./repeat-2-CQ0lek01.js";import{t as g}from"./search-C_LqodNa.js";import{t as _}from"./users-DI3w8Mol.js";import{r as v,t as y}from"./AvatarChip-C8zELEVt.js";import{t as b}from"./ProfilePreview-CsiLpFrb.js";import{t as x}from"./SmartTimestamp-BypN4KPq.js";import{A as S,C,D as w,E as T,O as E,S as D,T as O,_ as k,b as A,g as j,gt as M,j as N,k as P,pt as F,tt as I,v as L,w as R,x as z,y as B,yt as V}from"./index-BR860w88.js";var H=m(`chevron-up`,[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]]),U=m(`play`,[[`path`,{d:`M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z`,key:`10ikf1`}]]),W=e(t()),G=a();function K({profile:e,className:t}){return e?(0,G.jsx)(b,{profile:e,children:(0,G.jsxs)(`span`,{className:i(`font-bold text-[var(--ink)] hover:underline`,t),children:[`@`,e.handle]})}):(0,G.jsx)(`span`,{className:i(`text-[var(--ink-soft)]`,t),children:`unknown`})}function q({item:e}){let t=e.sharers??[],n=(t.length>0?t:e.topSharer?[e.topSharer]:[]).slice(0,5),r=Math.max(0,e.uniqueSharers-n.length);return n.length===0?(0,G.jsx)(`span`,{children:`top unknown`}):(0,G.jsxs)(`div`,{className:`group/sharers relative z-10 inline-flex items-center gap-1 hover:z-50 focus-within:z-50`,children:[(0,G.jsx)(`div`,{className:`flex -space-x-2`,children:n.slice(0,4).map(e=>(0,G.jsx)(`a`,{"aria-label":`Open @${e.handle}`,className:`inline-flex rounded-full bg-[var(--bg)] ring-2 ring-[var(--bg)]`,href:`https://x.com/${e.handle}`,rel:`noreferrer`,target:`_blank`,children:(0,G.jsx)(y,{avatarUrl:e.avatarUrl,hue:e.avatarHue,name:e.displayName,profileId:e.id,size:`small`})},e.id))}),(0,G.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[13px] text-[var(--ink-soft)]`,children:[(0,G.jsx)(`span`,{children:`top`}),(0,G.jsxs)(`a`,{className:`font-medium text-[var(--ink-soft)] hover:underline`,href:`https://x.com/${n[0]?.handle??``}`,rel:`noreferrer`,target:`_blank`,children:[`@`,n[0]?.handle]})]}),r>0?(0,G.jsxs)(`span`,{className:`text-[13px] text-[var(--ink-soft)]`,children:[`+`,v(r)]}):null,(0,G.jsxs)(`div`,{className:`pointer-events-none absolute left-0 top-[calc(100%+8px)] z-[80] grid w-[280px] translate-y-1 gap-2 rounded-2xl border border-[var(--line)] bg-[var(--bg-elevated)] p-3 opacity-0 shadow-[0_8px_28px_var(--shadow-strong)] transition-all duration-150 group-hover/sharers:pointer-events-auto group-hover/sharers:translate-y-0 group-hover/sharers:opacity-100 group-focus-within/sharers:pointer-events-auto group-focus-within/sharers:translate-y-0 group-focus-within/sharers:opacity-100`,children:[(0,G.jsxs)(`div`,{className:`flex items-center gap-2 text-[13px] font-bold text-[var(--ink)]`,children:[(0,G.jsx)(_,{className:`size-4`}),(0,G.jsxs)(`span`,{children:[v(e.uniqueSharers),` sharers`]})]}),(0,G.jsx)(`div`,{className:`grid gap-2`,children:n.map(e=>(0,G.jsxs)(`a`,{className:`flex min-w-0 items-center gap-2 rounded-xl p-1 transition-colors hover:bg-[var(--bg-hover)]`,href:`https://x.com/${e.handle}`,rel:`noreferrer`,target:`_blank`,children:[(0,G.jsx)(y,{avatarUrl:e.avatarUrl,hue:e.avatarHue,name:e.displayName,profileId:e.id,size:`small`}),(0,G.jsxs)(`span`,{className:`min-w-0`,children:[(0,G.jsx)(`span`,{className:`block truncate text-[14px] font-bold text-[var(--ink)]`,children:e.displayName}),(0,G.jsxs)(`span`,{className:`block truncate text-[13px] text-[var(--ink-soft)]`,children:[`@`,e.handle,` /`,` `,v(e.followersCount),` followers`]})]})]},e.id))})]})]})}function J({item:e,mention:t}){return(0,G.jsx)(`div`,{className:`flex flex-wrap items-center gap-3 text-[13px]`,children:[t.sourceUrl?{href:t.sourceUrl,label:t.sourceKind===`dm`?`Open DM`:`Open tweet`}:null,t.contentTweetUrl?{href:t.contentTweetUrl,label:`Open source tweet`}:null,{href:e.url,label:`Open link`}].filter(Boolean).map(e=>(0,G.jsxs)(`a`,{className:`inline-flex items-center gap-1 font-semibold text-[var(--accent)] hover:underline`,href:e.href,rel:`noreferrer`,target:`_blank`,children:[(0,G.jsx)(`span`,{children:e.label}),(0,G.jsx)(M,{className:`size-3.5`})]},`${e.label}:${e.href}`))})}function Y({item:e,mention:t}){let n=D(t.media),r=R(t,e),i=t.contentAuthor&&!B(t.sharedBy,t.contentAuthor)?t.contentAuthor:null;return(0,G.jsxs)(`article`,{className:`grid gap-2 rounded-2xl border border-[var(--line)] bg-[var(--bg)] px-3 py-2.5`,children:[(0,G.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 text-[13px] text-[var(--ink-soft)]`,children:[(0,G.jsx)(K,{profile:t.sharedBy}),(0,G.jsx)(`span`,{children:t.sourceLabel??t.sourceKind}),(0,G.jsx)(`span`,{children:`/`}),(0,G.jsx)(`a`,{className:`hover:underline`,href:r,rel:`noreferrer`,target:`_blank`,children:(0,G.jsx)(x,{value:t.createdAt})})]}),(0,G.jsx)(`p`,{className:`m-0 whitespace-pre-wrap text-[14px] leading-[1.45] text-[var(--ink)] [overflow-wrap:anywhere]`,children:C(t)}),i?(0,G.jsxs)(`div`,{className:`text-[13px] text-[var(--ink-soft)]`,children:[`source by `,(0,G.jsx)(K,{profile:i})]}):null,n?(0,G.jsx)(`a`,{className:`block max-w-[220px] overflow-hidden rounded-2xl border border-[var(--line)] bg-[var(--bg-active)]`,href:r,rel:`noreferrer`,target:`_blank`,children:(0,G.jsx)(`img`,{alt:n.altText||`Mention media`,className:`aspect-video h-auto w-full object-cover`,src:n.thumbnailUrl||n.url})}):null,(0,G.jsx)(J,{item:e,mention:t})]})}function X({item:e,mentions:t}){let n=t.map(e=>e.sharedBy).filter(Boolean).slice(0,6),r=t.find(e=>e.sourceUrl)?.sourceUrl;return(0,G.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 rounded-2xl border border-[var(--line)] bg-[var(--bg-hover)] px-3 py-2.5`,children:[(0,G.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,G.jsx)(`div`,{className:`grid size-8 shrink-0 place-items-center rounded-full bg-[var(--bg-active)] text-[var(--ink-soft)]`,children:(0,G.jsx)(h,{className:`size-4`})}),(0,G.jsxs)(`div`,{className:`min-w-0`,children:[(0,G.jsxs)(`div`,{className:`text-[14px] font-bold text-[var(--ink)]`,children:[v(O(e)),` shares without comment`]}),(0,G.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-1 text-[13px] text-[var(--ink-soft)]`,children:[n.map(e=>(0,G.jsx)(K,{profile:e},e.id)),O(e)>n.length?(0,G.jsxs)(`span`,{children:[`+`,v(O(e)-n.length),` `,`more`]}):null]})]})]}),r?(0,G.jsxs)(`a`,{className:`inline-flex items-center gap-1 text-[13px] font-semibold text-[var(--accent)] hover:underline`,href:r,rel:`noreferrer`,target:`_blank`,children:[(0,G.jsx)(`span`,{children:`Open first source`}),(0,G.jsx)(M,{className:`size-3.5`})]}):null]})}function Z({item:e}){let[t,n]=(0,W.useState)(!1),[r,a]=(0,W.useState)(3),o=e.mentions.filter(e=>e.hasComment),s=e.mentions.filter(e=>e.isPureShare||!e.hasComment),c=L(e),u=O(e),d=c+u,f=o.slice(0,r),p=Math.max(0,o.length-r),m=Math.max(0,c-f.length);return d===0?null:(0,G.jsxs)(`div`,{className:`mt-2 grid gap-2 border-t border-[var(--line)] pt-2`,children:[(0,G.jsxs)(`button`,{className:`inline-flex w-fit items-center gap-1 rounded-full border-0 bg-transparent px-2 py-1 text-[13px] font-bold text-[var(--accent)] transition-colors hover:bg-[var(--accent-soft)]`,onClick:()=>n(e=>!e),type:`button`,children:[(0,G.jsx)(F,{className:`size-4`}),(0,G.jsxs)(`span`,{children:[t?`Hide`:`Show`,` `,v(c),` `,`comments`,u>0?` / ${v(u)} shares`:``]}),t?(0,G.jsx)(H,{className:`size-4`}):(0,G.jsx)(V,{className:`size-4`})]}),t?(0,G.jsxs)(`div`,{className:`grid gap-2`,children:[f.map(t=>(0,G.jsx)(Y,{item:e,mention:t},t.id)),p>0?(0,G.jsxs)(`button`,{className:i(l,`w-fit`),onClick:()=>a(e=>e+6),type:`button`,children:[`Show`,` `,v(Math.min(6,p)),` `,`more`]}):null,m>0&&p===0?(0,G.jsxs)(`div`,{className:`rounded-2xl border border-[var(--line)] bg-[var(--bg-hover)] px-3 py-2 text-[13px] text-[var(--ink-soft)]`,children:[v(m),` more mentions in archive. Narrow the range or raise the API limit to inspect them.`]}):null,u>0?(0,G.jsx)(X,{item:e,mentions:s}):null]}):null]})}function Q({item:e}){if(e.kind!==`videos`)return null;let t=D(e.mentions.flatMap(e=>e.media)),n=t?.thumbnailUrl||t?.url||w(e.url);return(0,G.jsxs)(`a`,{className:`mt-2 flex max-w-md items-center gap-3 overflow-hidden rounded-2xl border border-[var(--line)] bg-[var(--bg-hover)] transition-colors hover:bg-[var(--bg-active)]`,href:e.url,rel:`noreferrer`,target:`_blank`,children:[(0,G.jsxs)(`div`,{className:`relative grid aspect-video w-36 shrink-0 place-items-center overflow-hidden bg-[var(--bg-active)] text-[var(--ink-soft)]`,children:[n?(0,G.jsx)(`img`,{alt:t?.altText||z(e),className:`h-full w-full object-cover transition-transform duration-150 hover:scale-105`,src:n}):(0,G.jsx)(U,{className:`size-6`}),(0,G.jsx)(`div`,{className:`absolute inset-0 grid place-items-center bg-black/20`,children:(0,G.jsx)(`span`,{className:`grid size-9 place-items-center rounded-full bg-black/70 text-white shadow-[0_4px_18px_rgba(0,0,0,0.35)]`,children:(0,G.jsx)(U,{className:`ml-0.5 size-4 fill-current`})})})]}),(0,G.jsxs)(`div`,{className:`min-w-0 py-2 pr-3`,children:[(0,G.jsx)(`div`,{className:`truncate text-[13px] font-bold text-[var(--ink)]`,children:z(e)}),(0,G.jsx)(`div`,{className:`truncate text-[13px] text-[var(--ink-soft)]`,children:e.displayUrl})]})]})}function ee({index:e,item:t}){return(0,G.jsxs)(`article`,{className:`flex flex-col gap-2 border-b border-[var(--line)] px-4 py-3 transition-colors duration-150 hover:bg-[var(--bg-hover)]`,"data-perf":`link-insight-row`,children:[(0,G.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,G.jsx)(`div`,{className:`grid size-9 shrink-0 place-items-center rounded-full bg-[var(--bg-active)] text-[14px] font-bold text-[var(--ink-soft)]`,children:e+1}),(0,G.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,G.jsx)(`a`,{className:`block break-words text-[15px] font-bold text-[var(--ink)] [overflow-wrap:anywhere] hover:underline`,href:t.url,rel:`noreferrer`,target:`_blank`,children:z(t)}),(0,G.jsx)(`p`,{className:`mt-0.5 truncate text-[13px] text-[var(--ink-soft)]`,children:A(t)}),(0,G.jsxs)(`div`,{className:`mt-1 flex flex-wrap items-center gap-2 text-[13px] text-[var(--ink-soft)]`,children:[(0,G.jsx)(`span`,{children:t.host}),(0,G.jsx)(`span`,{children:`/`}),(0,G.jsxs)(`span`,{children:[v(t.shareCount),` shares`]}),(0,G.jsx)(`span`,{children:`/`}),(0,G.jsxs)(`span`,{children:[v(t.uniqueSharers),` sharers`]}),(0,G.jsx)(`span`,{children:`/`}),(0,G.jsxs)(`span`,{children:[v(L(t)),` comments`]}),(0,G.jsx)(`span`,{children:`/`}),(0,G.jsx)(q,{item:t}),(0,G.jsx)(`span`,{children:`/`}),(0,G.jsx)(x,{value:t.lastSeenAt})]}),(0,G.jsx)(Q,{item:t})]})]}),(0,G.jsx)(Z,{item:t})]})}function te(){let e=j.useSearch(),t=j.useNavigate();return(0,G.jsx)($,{searchState:e,onSearchChange:(e,n)=>void t({search:e,replace:n?.replace})})}function $({searchState:e,onSearchChange:t}={}){let[a,l]=(0,W.useState)(()=>I({})),{kind:m,setKind:h,range:_,setRange:v,source:y,setSource:b,sort:x,setSort:C,search:w,setSearch:D,items:O,subtitle:A,loading:j,error:M,retry:F}=k(e??a,(e,n)=>t?t(e,n):l(e));return(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)(`header`,{className:o,children:[(0,G.jsx)(`div`,{className:s,children:(0,G.jsxs)(`div`,{className:`flex min-w-0 flex-col`,children:[(0,G.jsx)(`h1`,{className:r,children:`Links`}),(0,G.jsx)(`p`,{className:n,children:A})]})}),(0,G.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 px-4 pb-3`,children:[(0,G.jsxs)(`label`,{className:i(p,`min-w-[180px] flex-1`),children:[(0,G.jsx)(g,{className:c,strokeWidth:2}),(0,G.jsx)(`input`,{className:f,onChange:e=>D(e.target.value),placeholder:`Search links`,value:w})]}),(0,G.jsx)(`div`,{className:d,children:[`links`,`videos`].map(e=>(0,G.jsx)(`button`,{className:i(u,m===e&&`bg-[var(--bg-active)] text-[var(--ink)]`),onClick:()=>h(e),type:`button`,children:e},e))}),(0,G.jsx)(`div`,{className:d,children:T.map(e=>(0,G.jsx)(`button`,{className:i(u,_===e.value&&`bg-[var(--bg-active)] text-[var(--ink)]`),onClick:()=>v(e.value),type:`button`,children:e.label},e.value))}),(0,G.jsx)(`div`,{className:d,children:[`all`,`tweet`,`dm`].map(e=>(0,G.jsx)(`button`,{className:i(u,y===e&&`bg-[var(--bg-active)] text-[var(--ink)]`),onClick:()=>b(e),type:`button`,children:e},e))}),(0,G.jsx)(`div`,{className:d,children:[`rank`,`recent`,`comments`].map(e=>(0,G.jsx)(`button`,{className:i(u,x===e&&`bg-[var(--bg-active)] text-[var(--ink)]`),onClick:()=>C(e),type:`button`,children:e},e))})]})]}),(0,G.jsxs)(`section`,{className:`flex flex-col`,children:[j?(0,G.jsx)(S,{detail:`Ranking URLs and collecting local discussion`,label:`Loading links`,children:(0,G.jsx)(N,{})}):M?(0,G.jsx)(P,{action:(0,G.jsx)(`button`,{className:`rounded-full bg-[var(--accent)] px-4 py-1.5 text-[14px] font-bold text-white`,onClick:()=>void F(),type:`button`,children:`Retry`}),message:M,title:`Could not load links`}):O.length===0?(0,G.jsx)(E,{detail:`Try a different range, source, or search term.`,label:`No links in this window`}):null,O.map((e,t)=>(0,G.jsx)(ee,{index:t,item:e},`${m}:${_}:${y}:${e.id}`))]})]})}export{$ as LinksRouteView,te as component};

package/dist/client/assets/mapbox-CVPXIYUZ.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/mapbox-gl-DRRiLKWb.js","assets/rolldown-runtime-B-9mzPXz.js","assets/index-BR860w88.js","assets/react-BwGzW7mM.js","assets/react-dom-DEMAB80t.js","assets/schemas-CntsNLmN.js","assets/createLucideIcon-CMLcIxOz.js","assets/circle-check-BCK_qvXt.js","assets/client-stream-contracts-D1QUdWfh.js","assets/AvatarChip-C8zELEVt.js","assets/ProfilePreview-CsiLpFrb.js","assets/SmartTimestamp-BypN4KPq.js","assets/sparkles-Gx_BHkDX.js","assets/query-client-DZ5C7UNo.js","assets/profile-hydration-client-BQyC5--e.js","assets/index-bpFrQ5yG.css"])))=>i.map(i=>d[i]);
+import{r as e}from"./rolldown-runtime-B-9mzPXz.js";import{t}from"./react-BwGzW7mM.js";import{t as n}from"./react-dom-DEMAB80t.js";import{X as r,Y as i}from"./index-BR860w88.js";var a=e(t(),1),o=a.createContext(null),s=e=>{let[t,n]=(0,a.useState)({}),r=(0,a.useCallback)((e,t=`default`)=>{n(n=>{if(t===`current`)throw Error(`'current' cannot be used as map id`);if(n[t])throw Error(`Multiple maps with the same id: ${t}`);return{...n,[t]:e}})},[]),i=(0,a.useCallback)((e=`default`)=>{n(t=>{if(t[e]){let n={...t};return delete n[e],n}return t})},[]);return a.createElement(o.Provider,{value:{maps:t,onMapMount:r,onMapUnmount:i}},e.children)};function c(){let e=(0,a.useContext)(o)?.maps,t=(0,a.useContext)(N);return(0,a.useMemo)(()=>({...e,current:t?.map}),[e,t])}function l(e){return{longitude:e.center.lng,latitude:e.center.lat,zoom:e._seaLevelZoom??e.zoom,pitch:e.pitch,bearing:e.bearing,padding:e.padding,elevation:e._centerAltitude}}function u(e){return Number.isFinite(e.longitude)||Number.isFinite(e.latitude)||Number.isFinite(e.zoom)||Number.isFinite(e.pitch)||Number.isFinite(e.bearing)}function d(e,t){return!!(Number.isFinite(t.longitude)&&e.center.lng!==t.longitude||Number.isFinite(t.latitude)&&e.center.lat!==t.latitude||Number.isFinite(t.bearing)&&e.bearing!==t.bearing||Number.isFinite(t.pitch)&&e.pitch!==t.pitch||Number.isFinite(t.zoom)&&(e._seaLevelZoom??e.zoom)!==t.zoom||t.padding&&!e.isPaddingEqual(t.padding))}function f(){}function p(e,t){let n=e._constrain,r=e._calcMatrices;if(e._constrain=f,e._calcMatrices=f,Number.isFinite(t.bearing)&&(e.bearing=t.bearing),Number.isFinite(t.pitch)&&(e.pitch=t.pitch),t.padding&&!e.isPaddingEqual(t.padding)&&(e.padding=t.padding),Number.isFinite(t.longitude)||Number.isFinite(t.latitude)){let n=e.center;e._center=new n.constructor(t.longitude??n.lng,t.latitude??n.lat)}if(Number.isFinite(t.zoom))if(e._centerAltitude=t.elevation??0,e.elevation){e._seaLevelZoom=t.zoom;let n=e.pixelsPerMeter/e.worldSize*e._centerAltitude,r=e._mercatorZfromZoom(t.zoom),i=e._mercatorZfromZoom(e._maxZoom),a=Math.max(r-n,i);e._setZoom(e._zoomFromMercatorZ(a))}else e._seaLevelZoom=null,e.zoom=t.zoom;e._constrain=n,e._calcMatrices=r,e._unmodified||(e._constrain(),e._calcMatrices())}var m=new Set([`_calcMatrices`,`_calcFogMatrices`,`_updateCameraState`,`_updateSeaLevelZoom`]);function h(e){let t=!1,n={},r=e,i=null;return new Proxy(e,{get(e,a){return a===`$reactViewState`?n:a===`$proposedTransform`?i:a===`$internalUpdate`?t:a===`_setZoom`?e=>{t&&i?.[a](e),Number.isFinite(n.zoom)||r[a](e)}:(t&&a===`_translateCameraConstrained`&&u(n)&&(i||=r.clone()),m.has(a)?function(...e){i?.[a](...e),r[a](...e)}:t&&i?i[a]:r[a])},set(e,a,o){if(a===`$reactViewState`)return n=o,p(r,n),!0;if(a===`$proposedTransform`)return i=o,!0;if(a===`$internalUpdate`)return t=o,!0;let s=o;return a===`center`||a===`_center`?(Number.isFinite(n.longitude)||Number.isFinite(n.latitude))&&(s=new o.constructor(n.longitude??o.lng,n.latitude??o.lat)):a===`zoom`||a===`_zoom`||a===`_seaLevelZoom`?Number.isFinite(n.zoom)&&(s=r[a]):a===`_centerAltitude`?Number.isFinite(n.elevation)&&(s=r[a]):a===`pitch`||a===`_pitch`?Number.isFinite(n.pitch)&&(s=r[a]):(a===`bearing`||a===`rotation`||a===`angle`)&&Number.isFinite(n.bearing)&&(s=r[a]),t&&s!==o&&(i||=r.clone()),t&&i&&(i[a]=o),r[a]=s,!0}})}var g=[`type`,`source`,`source-layer`,`minzoom`,`maxzoom`,`filter`,`layout`];function _(e){if(!e)return null;if(typeof e==`string`||(`toJS`in e&&(e=e.toJS()),!e.layers))return e;let t={};for(let n of e.layers)t[n.id]=n;let n=e.layers.map(e=>{let n=null;`interactive`in e&&(n=Object.assign({},e),delete n.interactive);let r=t[e.ref];if(r){n||=Object.assign({},e),delete n.ref;for(let e of g)e in r&&(n[e]=r[e])}return n||e});return{...e,layers:n}}function v(e,t){let n=Array.isArray(e)?e[0]:e?e.x:0,r=Array.isArray(e)?e[1]:e?e.y:0,i=Array.isArray(t)?t[0]:t?t.x:0,a=Array.isArray(t)?t[1]:t?t.y:0;return n===i&&r===a}function y(e,t){if(e===t)return!0;if(!e||!t)return!1;if(Array.isArray(e)){if(!Array.isArray(t)||e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!y(e[n],t[n]))return!1;return!0}else if(Array.isArray(t))return!1;if(typeof e==`object`&&typeof t==`object`){let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let r of n)if(!t.hasOwnProperty(r)||!y(e[r],t[r]))return!1;return!0}return!1}var b={version:8,sources:{},layers:[]},x={minZoom:0,maxZoom:22,minPitch:0,maxPitch:85,maxBounds:[-180,-85.051129,180,85.051129],projection:`mercator`,renderWorldCopies:!0},S={mousedown:`onMouseDown`,mouseup:`onMouseUp`,mouseover:`onMouseOver`,mousemove:`onMouseMove`,click:`onClick`,dblclick:`onDblClick`,mouseenter:`onMouseEnter`,mouseleave:`onMouseLeave`,mouseout:`onMouseOut`,contextmenu:`onContextMenu`,touchstart:`onTouchStart`,touchend:`onTouchEnd`,touchmove:`onTouchMove`,touchcancel:`onTouchCancel`},C={movestart:`onMoveStart`,move:`onMove`,moveend:`onMoveEnd`,dragstart:`onDragStart`,drag:`onDrag`,dragend:`onDragEnd`,zoomstart:`onZoomStart`,zoom:`onZoom`,zoomend:`onZoomEnd`,rotatestart:`onRotateStart`,rotate:`onRotate`,rotateend:`onRotateEnd`,pitchstart:`onPitchStart`,pitch:`onPitch`,pitchend:`onPitchEnd`},w={wheel:`onWheel`,boxzoomstart:`onBoxZoomStart`,boxzoomend:`onBoxZoomEnd`,boxzoomcancel:`onBoxZoomCancel`,resize:`onResize`,load:`onLoad`,render:`onRender`,idle:`onIdle`,remove:`onRemove`,data:`onData`,styledata:`onStyleData`,sourcedata:`onSourceData`,error:`onError`},T=[`minZoom`,`maxZoom`,`minPitch`,`maxPitch`,`maxBounds`,`projection`,`renderWorldCopies`],E=[`scrollZoom`,`boxZoom`,`dragRotate`,`dragPan`,`keyboard`,`doubleClickZoom`,`touchZoomRotate`,`touchPitch`],D=class e{constructor(e,t,n){this._map=null,this._internalUpdate=!1,this._inRender=!1,this._hoveredFeatures=null,this._deferredEvents={move:!1,zoom:!1,pitch:!1,rotate:!1},this._onEvent=e=>{let t=this.props[w[e.type]];t?t(e):e.type===`error`&&console.error(e.error)},this._onPointerEvent=e=>{(e.type===`mousemove`||e.type===`mouseout`)&&this._updateHover(e);let t=this.props[S[e.type]];t&&(this.props.interactiveLayerIds&&e.type!==`mouseover`&&e.type!==`mouseout`&&(e.features=this._hoveredFeatures||this._queryRenderedFeatures(e.point)),t(e),delete e.features)},this._onCameraEvent=e=>{if(!this._internalUpdate){let t=this.props[C[e.type]],n=this._proxyTransform;t&&(e.viewState=l(n.$proposedTransform??n),t(e)),e.type===`moveend`&&(n.$proposedTransform=null)}e.type in this._deferredEvents&&(this._deferredEvents[e.type]=!1)},this._MapClass=e,this.props=t,this._initialize(n)}get map(){return this._map}get transform(){return this._map.transform}setProps(e){let t=this.props;this.props=e;let n=this._updateSettings(e,t),r=this._updateSize(e),i=this._updateViewState(e,!0);this._updateStyle(e,t),this._updateStyleComponents(e,t),this._updateHandlers(e,t),(n||r||i&&!this._map.isMoving())&&this.redraw()}static reuse(t,n){let r=e.savedMaps.pop();if(!r)return null;let i=r.map,a=i.getContainer();for(n.className=a.className;a.childNodes.length>0;)n.appendChild(a.childNodes[0]);i._container=n,r.setProps({...t,styleDiffing:!1}),i.resize();let{initialViewState:o}=t;return o&&(o.bounds?i.fitBounds(o.bounds,{...o.fitBoundsOptions,duration:0}):r._updateViewState(o,!1)),i.isStyleLoaded()?i.fire(`load`):i.once(`styledata`,()=>i.fire(`load`)),i._update(),r}_initialize(e){let{props:t}=this,{mapStyle:n=b}=t,r={...t,...t.initialViewState,accessToken:t.mapboxAccessToken||O()||null,container:e,style:_(n)},i=r.initialViewState||r.viewState||r;if(Object.assign(r,{center:[i.longitude||0,i.latitude||0],zoom:i.zoom||0,pitch:i.pitch||0,bearing:i.bearing||0}),t.gl){let e=HTMLCanvasElement.prototype.getContext;HTMLCanvasElement.prototype.getContext=()=>(HTMLCanvasElement.prototype.getContext=e,t.gl)}let a=new this._MapClass(r);i.padding&&a.setPadding(i.padding),t.cursor&&(a.getCanvas().style.cursor=t.cursor),this._createProxyTransform(a);let o=a._render;a._render=e=>{this._inRender=!0,o.call(a,e),this._inRender=!1};let s=a._renderTaskQueue.run;a._renderTaskQueue.run=e=>{this._proxyTransform.$internalUpdate=!0,s.call(a._renderTaskQueue,e),this._proxyTransform.$internalUpdate=!1,this._fireDefferedEvents()};let c=a.jumpTo;a.jumpTo=(...e)=>(this._proxyTransform.$internalUpdate=!0,c.apply(a,e),this._proxyTransform.$internalUpdate=!1,a);let l=a.fire;a.fire=this._fireEvent.bind(this,l),a.on(`styledata`,()=>{this._updateStyleComponents(this.props,{})}),a.on(`sourcedata`,()=>{this._updateStyleComponents(this.props,{})});for(let e in S)a.on(e,this._onPointerEvent);for(let e in C)a.on(e,this._onCameraEvent);for(let e in w)a.on(e,this._onEvent);this._map=a}recycle(){this.map.getContainer().querySelector(`[mapboxgl-children]`)?.remove(),e.savedMaps.push(this)}destroy(){this._map.remove()}redraw(){let e=this._map;!this._inRender&&e.style&&(e._frame&&=(e._frame.cancel(),null),e._render())}_createProxyTransform(e){let t=h(e.transform);e.transform=t,e.painter.transform=t,this._proxyTransform=t}_updateSize(e){let{viewState:t}=e;if(t){let e=this._map;if(t.width!==e.transform.width||t.height!==e.transform.height)return e.resize(),!0}return!1}_updateViewState(e,t){let n=e.viewState||e,r=this._proxyTransform,{zoom:i,pitch:a,bearing:o}=r,s=d(this._proxyTransform,n);if(r.$reactViewState=n,s&&t){let e=this._deferredEvents;e.move=!0,e.zoom||=i!==r.zoom,e.rotate||=o!==r.bearing,e.pitch||=a!==r.pitch}return s}_updateSettings(e,t){let n=this._map,r=!1;for(let i of T)if((i in e||i in t)&&!y(e[i],t[i])){r=!0;let t=i in e?e[i]:x[i];n[`set${i[0].toUpperCase()}${i.slice(1)}`]?.call(n,t)}return r}_updateStyle(e,t){if(e.cursor!==t.cursor&&(this._map.getCanvas().style.cursor=e.cursor||``),e.mapStyle!==t.mapStyle){let{mapStyle:t=b,styleDiffing:n=!0}=e,r={diff:n};return`localIdeographFontFamily`in e&&(r.localIdeographFontFamily=e.localIdeographFontFamily),this._map.setStyle(_(t),r),!0}return!1}_updateStyleComponents(e,t){let n=this._map,r=!1;return n.isStyleLoaded()&&(`light`in e&&n.setLight&&!y(e.light,t.light)&&(r=!0,n.setLight(e.light)),`fog`in e&&n.setFog&&!y(e.fog,t.fog)&&(r=!0,n.setFog(e.fog)),`terrain`in e&&n.setTerrain&&!y(e.terrain,t.terrain)&&(!e.terrain||n.getSource(e.terrain.source))&&(r=!0,n.setTerrain(e.terrain))),r}_updateHandlers(e,t){let n=this._map,r=!1;for(let i of E){let a=e[i]??!0;y(a,t[i]??!0)||(r=!0,a?n[i].enable(a):n[i].disable())}return r}_queryRenderedFeatures(e){let t=this._map,{interactiveLayerIds:n=[]}=this.props;try{return t.queryRenderedFeatures(e,{layers:n.filter(t.getLayer.bind(t))})}catch{return[]}}_updateHover(e){let{props:t}=this;if(t.interactiveLayerIds&&(t.onMouseMove||t.onMouseEnter||t.onMouseLeave)){let t=e.type,n=this._hoveredFeatures?.length>0,r=this._queryRenderedFeatures(e.point),i=r.length>0;!i&&n&&(e.type=`mouseleave`,this._onPointerEvent(e)),this._hoveredFeatures=r,i&&!n&&(e.type=`mouseenter`,this._onPointerEvent(e)),e.type=t}else this._hoveredFeatures=null}_fireEvent(e,t,n){let r=this._map,i=this._proxyTransform,a=i.$internalUpdate;try{i.$internalUpdate=!1,e.call(r,t,n)}finally{i.$internalUpdate=a}return r}_fireDefferedEvents(){let e=this._map;this._internalUpdate=!0;for(let t in this._deferredEvents)this._deferredEvents[t]&&e.fire(t);this._internalUpdate=!1}};D.savedMaps=[];function O(){let e=null;if(typeof location<`u`){let t=/access_token=([^&\/]*)/.exec(location.search);e=t&&t[1]}try{e||={}.MapboxAccessToken}catch{}try{e||={}.REACT_APP_MAPBOX_ACCESS_TOKEN}catch{}return e}var k=[`setMaxBounds`,`setMinZoom`,`setMaxZoom`,`setMinPitch`,`setMaxPitch`,`setRenderWorldCopies`,`setProjection`,`setStyle`,`addSource`,`removeSource`,`addLayer`,`removeLayer`,`setLayerZoomRange`,`setFilter`,`setPaintProperty`,`setLayoutProperty`,`setLight`,`setTerrain`,`setFog`,`remove`];function A(e){if(!e)return null;let t=e.map,n={getMap:()=>t,getCenter:()=>e.transform.center,getZoom:()=>e.transform.zoom,getBearing:()=>e.transform.bearing,getPitch:()=>e.transform.pitch,getPadding:()=>e.transform.padding,getBounds:()=>e.transform.getBounds(),project:n=>{let r=t.transform;t.transform=e.transform;let i=t.project(n);return t.transform=r,i},unproject:n=>{let r=t.transform;t.transform=e.transform;let i=t.unproject(n);return t.transform=r,i},queryTerrainElevation:(n,r)=>{let i=t.transform;t.transform=e.transform;let a=t.queryTerrainElevation(n,r);return t.transform=i,a},queryRenderedFeatures:(n,r)=>{let i=t.transform;t.transform=e.transform;let a=t.queryRenderedFeatures(n,r);return t.transform=i,a}};for(let e of ee(t))!(e in n)&&!k.includes(e)&&(n[e]=t[e].bind(t));return n}function ee(e){let t=new Set,n=e;for(;n;){for(let r of Object.getOwnPropertyNames(n))r[0]!==`_`&&typeof e[r]==`function`&&r!==`fire`&&r!==`setEventedParent`&&t.add(r);n=Object.getPrototypeOf(n)}return Array.from(t)}var te=typeof document<`u`?a.useLayoutEffect:a.useEffect,j=[`baseApiUrl`,`maxParallelImageRequests`,`workerClass`,`workerCount`,`workerUrl`];function M(e,t){for(let n of j)n in t&&(e[n]=t[n]);let{RTLTextPlugin:n=`https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-rtl-text/v0.2.3/mapbox-gl-rtl-text.js`}=t;n&&e.getRTLTextPluginStatus&&e.getRTLTextPluginStatus()===`unavailable`&&e.setRTLTextPlugin(n,e=>{e&&console.error(e)},!0)}r();var N=a.createContext(null);function P(t,n){let r=(0,a.useContext)(o),[s,c]=(0,a.useState)(null),l=(0,a.useRef)(),{current:u}=(0,a.useRef)({mapLib:null,map:null});(0,a.useEffect)(()=>{let n=t.mapLib,a=!0,o;return Promise.resolve(n||i(()=>import(`./mapbox-gl-DRRiLKWb.js`).then(t=>e(t.default,1)),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]))).then(e=>{if(!a)return;if(!e)throw Error(`Invalid mapLib`);let n=`Map`in e?e:e.default;if(!n.Map)throw Error(`Invalid mapLib`);M(n,t),t.reuseMaps&&(o=D.reuse(t,l.current)),o||=new D(n.Map,t,l.current),u.map=A(o),u.mapLib=n,c(o),r?.onMapMount(u.map,t.id)}).catch(e=>{let{onError:n}=t;n?n({type:`error`,target:null,error:e}):console.error(e)}),()=>{a=!1,o&&(r?.onMapUnmount(t.id),t.reuseMaps?o.recycle():o.destroy())}},[]),te(()=>{s&&s.setProps(t)}),(0,a.useImperativeHandle)(n,()=>u.map,[s]);let d=(0,a.useMemo)(()=>({position:`relative`,width:`100%`,height:`100%`,...t.style}),[t.style]);return a.createElement(`div`,{id:t.id,ref:l,style:d},s&&a.createElement(N.Provider,{value:u},a.createElement(`div`,{"mapboxgl-children":``,style:{height:`100%`}},t.children)))}var F=a.forwardRef(P),I=n(),L=/box|flex|grid|column|lineHeight|fontWeight|opacity|order|tabSize|zIndex/;function R(e,t){if(!e||!t)return;let n=e.style;for(let e in t){let r=t[e];Number.isFinite(r)&&!L.test(e)?n[e]=`${r}px`:n[e]=r}}function z(e,t){if(e===t)return null;let n=B(e),r=B(t),i=[];for(let e of r)n.has(e)||i.push(e);for(let e of n)r.has(e)||i.push(e);return i.length===0?null:i}function B(e){return new Set(e?e.trim().split(/\s+/):[])}var V=(0,a.memo)((0,a.forwardRef)((e,t)=>{let{map:n,mapLib:r}=(0,a.useContext)(N),i=(0,a.useRef)({props:e}),o=(0,a.useMemo)(()=>{let t=!1;a.Children.forEach(e.children,e=>{e&&(t=!0)});let n={...e,element:t?document.createElement(`div`):null},s=new r.Marker(n);return s.setLngLat([e.longitude,e.latitude]),s.getElement().addEventListener(`click`,e=>{i.current.props.onClick?.({type:`click`,target:s,originalEvent:e})}),s.on(`dragstart`,e=>{let t=e;t.lngLat=o.getLngLat(),i.current.props.onDragStart?.(t)}),s.on(`drag`,e=>{let t=e;t.lngLat=o.getLngLat(),i.current.props.onDrag?.(t)}),s.on(`dragend`,e=>{let t=e;t.lngLat=o.getLngLat(),i.current.props.onDragEnd?.(t)}),s},[]);(0,a.useEffect)(()=>(o.addTo(n.getMap()),()=>{o.remove()}),[]);let{longitude:s,latitude:c,offset:l,style:u,draggable:d=!1,popup:f=null,rotation:p=0,rotationAlignment:m=`auto`,pitchAlignment:h=`auto`}=e;(0,a.useEffect)(()=>{R(o.getElement(),u)},[u]),(0,a.useImperativeHandle)(t,()=>o,[]);let g=i.current.props;(o.getLngLat().lng!==s||o.getLngLat().lat!==c)&&o.setLngLat([s,c]),l&&!v(o.getOffset(),l)&&o.setOffset(l),o.isDraggable()!==d&&o.setDraggable(d),o.getRotation()!==p&&o.setRotation(p),o.getRotationAlignment()!==m&&o.setRotationAlignment(m),o.getPitchAlignment()!==h&&o.setPitchAlignment(h),o.getPopup()!==f&&o.setPopup(f);let _=z(g.className,e.className);if(_)for(let e of _)o.toggleClassName(e);return i.current.props=e,(0,I.createPortal)(e.children,o.getElement())})),H=(0,a.memo)((0,a.forwardRef)((e,t)=>{let{map:n,mapLib:r}=(0,a.useContext)(N),i=(0,a.useMemo)(()=>document.createElement(`div`),[]),o=(0,a.useRef)({props:e}),s=(0,a.useMemo)(()=>{let t={...e},n=new r.Popup(t);return n.setLngLat([e.longitude,e.latitude]),n.once(`open`,e=>{o.current.props.onOpen?.(e)}),n},[]);if((0,a.useEffect)(()=>{let e=e=>{o.current.props.onClose?.(e)};return s.on(`close`,e),s.setDOMContent(i).addTo(n.getMap()),()=>{s.off(`close`,e),s.isOpen()&&s.remove()}},[]),(0,a.useEffect)(()=>{R(s.getElement(),e.style)},[e.style]),(0,a.useImperativeHandle)(t,()=>s,[]),s.isOpen()){let t=o.current.props;(s.getLngLat().lng!==e.longitude||s.getLngLat().lat!==e.latitude)&&s.setLngLat([e.longitude,e.latitude]),e.offset&&!y(t.offset,e.offset)&&(s.options.anchor=e.anchor,s.setOffset(e.offset)),(t.anchor!==e.anchor||t.maxWidth!==e.maxWidth)&&s.setMaxWidth(e.maxWidth);let n=z(t.className,e.className);if(n)for(let e of n)s.toggleClassName(e);o.current.props=e}return(0,I.createPortal)(e.children,i)}));function U(e,t,n,r){let i=(0,a.useContext)(N),o=(0,a.useMemo)(()=>e(i),[]);return(0,a.useEffect)(()=>{let e=r||n||t,a=typeof t==`function`&&typeof n==`function`?t:null,s=typeof n==`function`?n:typeof t==`function`?t:null,{map:c}=i;return c.hasControl(o)||(c.addControl(o,e?.position),a&&a(i)),()=>{s&&s(i),c.hasControl(o)&&c.removeControl(o)}},[]),o}function W(e){let t=U(({mapLib:t})=>new t.AttributionControl(e),{position:e.position});return(0,a.useEffect)(()=>{R(t._container,e.style)},[e.style]),null}var G=(0,a.memo)(W);function K(e){let t=U(({mapLib:t})=>new t.FullscreenControl({container:e.containerId&&document.getElementById(e.containerId)}),{position:e.position});return(0,a.useEffect)(()=>{R(t._controlContainer,e.style)},[e.style]),null}var q=(0,a.memo)(K);function J(e,t){let n=(0,a.useRef)({props:e}),r=U(({mapLib:t})=>{let r=new t.GeolocateControl(e),i=r._setupUI.bind(r);return r._setupUI=e=>{r._container.hasChildNodes()||i(e)},r.on(`geolocate`,e=>{n.current.props.onGeolocate?.(e)}),r.on(`error`,e=>{n.current.props.onError?.(e)}),r.on(`outofmaxbounds`,e=>{n.current.props.onOutOfMaxBounds?.(e)}),r.on(`trackuserlocationstart`,e=>{n.current.props.onTrackUserLocationStart?.(e)}),r.on(`trackuserlocationend`,e=>{n.current.props.onTrackUserLocationEnd?.(e)}),r},{position:e.position});return n.current.props=e,(0,a.useImperativeHandle)(t,()=>r,[]),(0,a.useEffect)(()=>{R(r._container,e.style)},[e.style]),null}var Y=(0,a.memo)((0,a.forwardRef)(J));function X(e){let t=U(({mapLib:t})=>new t.NavigationControl(e),{position:e.position});return(0,a.useEffect)(()=>{R(t._container,e.style)},[e.style]),null}var Z=(0,a.memo)(X);function ne(e){let t=U(({mapLib:t})=>new t.ScaleControl(e),{position:e.position}),n=(0,a.useRef)(e),r=n.current;n.current=e;let{style:i}=e;return e.maxWidth!==void 0&&e.maxWidth!==r.maxWidth&&(t.options.maxWidth=e.maxWidth),e.unit!==void 0&&e.unit!==r.unit&&t.setUnit(e.unit),(0,a.useEffect)(()=>{R(t._container,i)},[i]),null}var re=(0,a.memo)(ne);function Q(e,t){if(!e)throw Error(t)}var ie=0;function ae(e,t,n){if(e.style&&e.style._loaded){let r={...n};return delete r.id,delete r.children,e.addSource(t,r),e.getSource(t)}return null}function oe(e,t,n){Q(t.id===n.id,`source id changed`),Q(t.type===n.type,`source type changed`);let r=``,i=0;for(let e in t)e!==`children`&&e!==`id`&&!y(n[e],t[e])&&(r=e,i++);if(!i)return;let a=t.type;a===`geojson`?e.setData(t.data):a===`image`?e.updateImage({url:t.url,coordinates:t.coordinates}):`setCoordinates`in e&&i===1&&r===`coordinates`?e.setCoordinates(t.coordinates):`setUrl`in e&&r===`url`?e.setUrl(t.url):`setTiles`in e&&r===`tiles`?e.setTiles(t.tiles):console.warn(`Unable to update <Source> prop: ${r}`)}function se(e){let t=(0,a.useContext)(N).map.getMap(),n=(0,a.useRef)(e),[,r]=(0,a.useState)(0),i=(0,a.useMemo)(()=>e.id||`jsx-source-${ie++}`,[]);(0,a.useEffect)(()=>{if(t){let e=()=>setTimeout(()=>r(e=>e+1),0);return t.on(`styledata`,e),e(),()=>{if(t.off(`styledata`,e),t.style&&t.style._loaded&&t.getSource(i)){let e=t.getStyle()?.layers;if(e)for(let n of e)n.source===i&&t.removeLayer(n.id);t.removeSource(i)}}}},[t]);let o=t&&t.style&&t.getSource(i);return o?oe(o,e,n.current):o=ae(t,i,e),n.current=e,o&&a.Children.map(e.children,e=>e&&(0,a.cloneElement)(e,{source:i}))||null}function ce(e,t,n,r){if(Q(n.id===r.id,`layer id changed`),Q(n.type===r.type,`layer type changed`),n.type===`custom`||r.type===`custom`)return;let{layout:i={},paint:a={},filter:o,minzoom:s,maxzoom:c,beforeId:l}=n;if(l!==r.beforeId&&e.moveLayer(t,l),i!==r.layout){let n=r.layout||{};for(let r in i)y(i[r],n[r])||e.setLayoutProperty(t,r,i[r]);for(let r in n)i.hasOwnProperty(r)||e.setLayoutProperty(t,r,void 0)}if(a!==r.paint){let n=r.paint||{};for(let r in a)y(a[r],n[r])||e.setPaintProperty(t,r,a[r]);for(let r in n)a.hasOwnProperty(r)||e.setPaintProperty(t,r,void 0)}y(o,r.filter)||e.setFilter(t,o),(s!==r.minzoom||c!==r.maxzoom)&&e.setLayerZoomRange(t,s,c)}function le(e,t,n){if(e.style&&e.style._loaded&&(!(`source`in n)||e.getSource(n.source))){let r={...n,id:t};delete r.beforeId,e.addLayer(r,n.beforeId)}}var $=0;function ue(e){let t=(0,a.useContext)(N).map.getMap(),n=(0,a.useRef)(e),[,r]=(0,a.useState)(0),i=(0,a.useMemo)(()=>e.id||`jsx-layer-${$++}`,[]);if((0,a.useEffect)(()=>{if(t){let e=()=>r(e=>e+1);return t.on(`styledata`,e),e(),()=>{t.off(`styledata`,e),t.style&&t.style._loaded&&t.getLayer(i)&&t.removeLayer(i)}}},[t]),t&&t.style&&t.getLayer(i))try{ce(t,i,e,n.current)}catch(e){console.warn(e)}else le(t,i,e);return n.current=e,null}export{G as AttributionControl,q as FullscreenControl,Y as GeolocateControl,ue as Layer,F as Map,F as default,s as MapProvider,V as Marker,Z as NavigationControl,H as Popup,re as ScaleControl,se as Source,U as useControl,c as useMap};