@local-logic/sdks-app 1.0.0-beta.41 → 1.0.0-beta.44

package/dist/types/sdks/LocalContent/Map/MobileScores/ScoreCategory/index.js

@@ -0,0 +1,46 @@
+import React from "react";
+import { ScoreCategory as SC, Score, } from "@local-logic/elements-react";
+import { LoadingItem } from "@local-logic/ui";
+import { useScores } from "../../../features/useScores";
+import { useLocalContent } from "../../../context";
+import * as S from "./styles";
+const ScoreCategory = ({ category }) => {
+    const { data, isLoading } = useScores(category.scores);
+    const { activeScore, setActiveScore, setActiveCategory, setShowMobileList } = useLocalContent();
+    if (isLoading) {
+        return React.createElement(LoadingItem, { height: "34px", width: "50px" });
+    }
+    return (React.createElement(SC.Root, { key: category.value, options: {
+            scoreCategory: category.value,
+        } },
+        React.createElement(S.CategoryContainer, null,
+            React.createElement(SC.Title, { options: {
+                    variant: "caption2",
+                    color: "--ll-color-disabled",
+                    weight: "--ll-font-weight-bold",
+                } }),
+            React.createElement(S.CategoryScoresContainer, null, category.scores.map((score) => {
+                const isActive = score === activeScore;
+                const color = isActive
+                    ? "--ll-color-primary"
+                    : "--ll-color-disabled";
+                return (React.createElement(Score.Root, { key: score, options: { score, data } },
+                    React.createElement(S.ScoreItem, { onClick: () => {
+                            setShowMobileList(false);
+                            setActiveCategory(category.value);
+                            setActiveScore(score);
+                        } },
+                        React.createElement(Score.Icon, { options: { color } }),
+                        React.createElement(Score.Title, { options: {
+                                variant: "caption1",
+                                color,
+                                noWrap: true,
+                                noMargin: true,
+                                weight: "--ll-font-weight-bold",
+                            } }),
+                        React.createElement(S.BadgeContainer, null,
+                            React.createElement(Score.Badge, { options: { variant: "small", isPrimary: isActive } })))));
+            })))));
+};
+export default ScoreCategory;
+//# sourceMappingURL=index.js.map

package/dist/types/sdks/LocalContent/Map/MobileScores/ScoreCategory/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/sdks/LocalContent/Map/MobileScores/ScoreCategory/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,aAAa,IAAI,EAAE,EACnB,KAAK,GAEN,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAM9B,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAsB,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACvD,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GACzE,eAAe,EAAE,CAAC;IAEpB,IAAI,SAAS,EAAE;QACb,OAAO,oBAAC,WAAW,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAAC;KACnD;IAED,OAAO,CACL,oBAAC,EAAE,CAAC,IAAI,IACN,GAAG,EAAE,QAAQ,CAAC,KAAK,EACnB,OAAO,EAAE;YACP,aAAa,EAAE,QAAQ,CAAC,KAAK;SAC9B;QAED,oBAAC,CAAC,CAAC,iBAAiB;YAClB,oBAAC,EAAE,CAAC,KAAK,IACP,OAAO,EAAE;oBACP,OAAO,EAAE,UAAU;oBACnB,KAAK,EAAE,qBAAqB;oBAC5B,MAAM,EAAE,uBAAuB;iBAChC,GACD;YACF,oBAAC,CAAC,CAAC,uBAAuB,QACvB,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC7B,MAAM,QAAQ,GAAG,KAAK,KAAK,WAAW,CAAC;gBACvC,MAAM,KAAK,GAAG,QAAQ;oBACpB,CAAC,CAAC,oBAAoB;oBACtB,CAAC,CAAC,qBAAqB,CAAC;gBAE1B,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;oBAC9C,oBAAC,CAAC,CAAC,SAAS,IACV,OAAO,EAAE,GAAG,EAAE;4BACZ,iBAAiB,CAAC,KAAK,CAAC,CAAC;4BACzB,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;4BAClC,cAAc,CAAC,KAAK,CAAC,CAAC;wBACxB,CAAC;wBAED,oBAAC,KAAK,CAAC,IAAI,IAAC,OAAO,EAAE,EAAE,KAAK,EAAE,GAAI;wBAClC,oBAAC,KAAK,CAAC,KAAK,IACV,OAAO,EAAE;gCACP,OAAO,EAAE,UAAU;gCACnB,KAAK;gCACL,MAAM,EAAE,IAAI;gCACZ,QAAQ,EAAE,IAAI;gCACd,MAAM,EAAE,uBAAuB;6BAChC,GACD;wBACF,oBAAC,CAAC,CAAC,cAAc;4BACf,oBAAC,KAAK,CAAC,KAAK,IACV,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAClD,CACe,CACP,CACH,CACd,CAAC;YACJ,CAAC,CAAC,CACwB,CACR,CACd,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/sdks/LocalContent/Map/MobileScores/ScoreCategory/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const CategoryContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CategoryScoresContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ScoreItem: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const BadgeContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/types/sdks/LocalContent/Map/MobileScores/ScoreCategory/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/sdks/LocalContent/Map/MobileScores/ScoreCategory/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,oEAG7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,oEAEnC,CAAC;AAEF,eAAO,MAAM,SAAS,uEAYrB,CAAC;AAEF,eAAO,MAAM,cAAc,oEAM1B,CAAC"}

package/dist/types/sdks/LocalContent/Map/MobileScores/ScoreCategory/styles.js

@@ -0,0 +1,30 @@
+import { theme } from "@local-logic/ui";
+import styled from "styled-components";
+export const CategoryContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+`;
+export const CategoryScoresContainer = styled.div `
+  display: flex;
+`;
+export const ScoreItem = styled.button `
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background: none;
+  border: none;
+  width: 108px;
+  margin: 0;
+  padding: 0;
+  margin: 0 4px;
+`;
+export const BadgeContainer = styled.div `
+  position: absolute;
+  top: -6px;
+  right: 4px;
+  border: 2px solid ${theme["--ll-color-background"]};
+  border-radius: 6px;
+`;
+//# sourceMappingURL=styles.js.map

package/dist/types/sdks/LocalContent/Map/MobileScores/ScoreCategory/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/sdks/LocalContent/Map/MobileScores/ScoreCategory/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG1C,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEhD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;CAYrC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;sBAIlB,KAAK,CAAC,uBAAuB,CAAC;;CAEnD,CAAC"}

package/dist/types/sdks/LocalContent/Map/MobileScores/ScoreInfo/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const ScoreInfo: () => JSX.Element | null;
+export default ScoreInfo;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/sdks/LocalContent/Map/MobileScores/ScoreInfo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/sdks/LocalContent/Map/MobileScores/ScoreInfo/index.tsx"],"names":[],"mappings":";AAWA,QAAA,MAAM,SAAS,0BA4Cd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/sdks/LocalContent/Map/MobileScores/ScoreInfo/index.js

@@ -0,0 +1,37 @@
+import React from "react";
+import { scoreCategories, Score, ScorePOIs } from "@local-logic/elements-react";
+import { useLocalContent } from "../../../context";
+import { useScores } from "../../../features/useScores";
+import * as S from "./styles";
+import POIs from "../../POIs";
+import Schools from "../../Schools";
+const { scorePois } = ScorePOIs.Constants;
+const ScoreInfo = () => {
+    const { activeCategory, activeScore, showMobileList } = useLocalContent();
+    const currentScoreCategory = scoreCategories.find((c) => c.value === activeCategory);
+    const { data, isLoading } = useScores(currentScoreCategory.scores);
+    const renderPOIs = (score) => {
+        if (!showMobileList || !scorePois[score].length) {
+            return null;
+        }
+        return score === "high_schools" || score === "primary_schools" ? (React.createElement(Schools, { score: score })) : (React.createElement(POIs, { include: scorePois[score] }));
+    };
+    if (!(activeScore && (data === null || data === void 0 ? void 0 : data.location[activeScore]))) {
+        return null;
+    }
+    if (isLoading) {
+        return React.createElement("div", null, "Loading");
+    }
+    return (React.createElement(Score.Root, { options: {
+            score: activeScore,
+            data,
+        } },
+        React.createElement(S.ScoreInfo, null,
+            React.createElement(S.ScoreContainer, null,
+                React.createElement(Score.Badge, null),
+                React.createElement(Score.BarChart, null)),
+            React.createElement(Score.Description, null),
+            React.createElement(S.POIContainer, null, renderPOIs(activeScore)))));
+};
+export default ScoreInfo;
+//# sourceMappingURL=index.js.map

package/dist/types/sdks/LocalContent/Map/MobileScores/ScoreInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/sdks/LocalContent/Map/MobileScores/ScoreInfo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAC9B,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,OAAO,MAAM,eAAe,CAAC;AAEpC,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,SAAS,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,CAAC;IAC1E,MAAM,oBAAoB,GAAG,eAAe,CAAC,IAAI,CAC/C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,cAAc,CACjC,CAAC;IACH,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAEnE,MAAM,UAAU,GAAG,CAAC,KAA+B,EAAE,EAAE;QACrD,IAAI,CAAC,cAAc,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE;YAC/C,OAAO,IAAI,CAAC;SACb;QAED,OAAO,KAAK,KAAK,cAAc,IAAI,KAAK,KAAK,iBAAiB,CAAC,CAAC,CAAC,CAC/D,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,GAAI,CAC1B,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,GAAI,CACpC,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,CAAC,CAAC,WAAW,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAC,WAAW,CAAC,CAAA,CAAC,EAAE;QACjD,OAAO,IAAI,CAAC;KACb;IAED,IAAI,SAAS,EAAE;QACb,OAAO,2CAAkB,CAAC;KAC3B;IAED,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,IACT,OAAO,EAAE;YACP,KAAK,EAAE,WAAW;YAClB,IAAI;SACL;QAED,oBAAC,CAAC,CAAC,SAAS;YACV,oBAAC,CAAC,CAAC,cAAc;gBACf,oBAAC,KAAK,CAAC,KAAK,OAAG;gBACf,oBAAC,KAAK,CAAC,QAAQ,OAAG,CACD;YACnB,oBAAC,KAAK,CAAC,WAAW,OAAG;YACrB,oBAAC,CAAC,CAAC,YAAY,QAAE,UAAU,CAAC,WAAW,CAAC,CAAkB,CAC9C,CACH,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/sdks/LocalContent/Map/MobileScores/ScoreInfo/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const ScoreInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ScoreContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const POIContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/types/sdks/LocalContent/Map/MobileScores/ScoreInfo/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/sdks/LocalContent/Map/MobileScores/ScoreInfo/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,oEAOrB,CAAC;AAEF,eAAO,MAAM,cAAc,oEAK1B,CAAC;AAEF,eAAO,MAAM,YAAY,oEAExB,CAAC"}

package/dist/types/sdks/LocalContent/Map/MobileScores/ScoreInfo/styles.js

@@ -0,0 +1,20 @@
+import styled from "styled-components";
+import { theme } from "@local-logic/ui";
+export const ScoreInfo = styled.div `
+  padding: ${theme["--ll-spacing-small"]} ${theme["--ll-spacing-medium"]};
+  background-color: ${theme["--ll-color-surface"]};
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  flex: 1;
+`;
+export const ScoreContainer = styled.div `
+  display: grid;
+  grid-template-columns: min-content 1fr;
+  grid-gap: ${theme["--ll-spacing-medium"]};
+  margin-bottom: ${theme["--ll-spacing-medium"]};
+`;
+export const POIContainer = styled.div `
+  overflow: auto;
+`;
+//# sourceMappingURL=styles.js.map

package/dist/types/sdks/LocalContent/Map/MobileScores/ScoreInfo/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/sdks/LocalContent/Map/MobileScores/ScoreInfo/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;aACtB,KAAK,CAAC,oBAAoB,CAAC,IAAI,KAAK,CAAC,qBAAqB,CAAC;sBAClD,KAAK,CAAC,oBAAoB,CAAC;;;;;CAKhD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;cAG1B,KAAK,CAAC,qBAAqB,CAAC;mBACvB,KAAK,CAAC,qBAAqB,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;CAErC,CAAC"}

package/dist/types/sdks/LocalContent/Map/MobileScores/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface MobileScoresProps {
+    showMobileList: boolean;
+}
+declare const MobileScores: React.ForwardRefExoticComponent<MobileScoresProps & React.RefAttributes<HTMLDivElement>>;
+export default MobileScores;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/sdks/LocalContent/Map/MobileScores/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/sdks/LocalContent/Map/MobileScores/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,iBAAiB;IACzB,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,YAAY,0FAWjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/types/sdks/LocalContent/Map/MobileScores/index.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { scoreCategories } from "@local-logic/elements-react";
+import ScoreInfo from "./ScoreInfo";
+import ScoreCategory from "./ScoreCategory";
+import * as S from "./styles";
+const MobileScores = React.forwardRef(({ showMobileList }, forwardedRef) => (React.createElement(S.ScoresContainer, { ref: forwardedRef, showMobileList: showMobileList },
+    React.createElement(S.CategoriesContainer, null, scoreCategories.map((category) => (React.createElement(ScoreCategory, { key: category.value, category: category })))),
+    React.createElement(ScoreInfo, null))));
+MobileScores.displayName = "MobileScores";
+export default MobileScores;
+//# sourceMappingURL=index.js.map

package/dist/types/sdks/LocalContent/Map/MobileScores/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/sdks/LocalContent/Map/MobileScores/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAM9B,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EAAE,cAAc,EAAE,EAAE,YAAY,EAAE,EAAE,CAAC,CACpC,oBAAC,CAAC,CAAC,eAAe,IAAC,GAAG,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc;IAClE,oBAAC,CAAC,CAAC,mBAAmB,QACnB,eAAe,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACjC,oBAAC,aAAa,IAAC,GAAG,EAAE,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC3D,CAAC,CACoB;IACxB,oBAAC,SAAS,OAAG,CACK,CACrB,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}

package/dist/types/sdks/LocalContent/Map/MobileScores/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const ScoresContainer: import("styled-components").StyledComponent<"div", any, {
+    showMobileList: boolean;
+}, never>;
+export declare const CategoriesContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/types/sdks/LocalContent/Map/MobileScores/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/sdks/LocalContent/Map/MobileScores/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe;oBAAgC,OAAO;SAclE,CAAC;AAEF,eAAO,MAAM,mBAAmB,oEAK/B,CAAC"}

package/dist/types/sdks/LocalContent/Map/MobileScores/styles.js

@@ -0,0 +1,24 @@
+import { theme } from "@local-logic/ui";
+import styled from "styled-components";
+export const ScoresContainer = styled.div `
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: ${({ showMobileList }) => showMobileList && 0};
+  z-index: 3;
+  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 8px;
+  background-color: #fff;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  background-color: ${theme["--ll-color-background"]};
+  border: 1px solid ${theme["--ll-color-border"]};
+`;
+export const CategoriesContainer = styled.div `
+  display: flex;
+  overflow-x: scroll;
+  padding: ${theme["--ll-spacing-xx-small"]} ${theme["--ll-spacing-medium"]};
+  flex-shrink: 0;
+`;
+//# sourceMappingURL=styles.js.map

package/dist/types/sdks/LocalContent/Map/MobileScores/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/sdks/LocalContent/Map/MobileScores/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAA6B;;;;;YAK1D,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,cAAc,IAAI,CAAC;;;;;;;sBAOjC,KAAK,CAAC,uBAAuB,CAAC;sBAC9B,KAAK,CAAC,mBAAmB,CAAC;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;aAGhC,KAAK,CAAC,uBAAuB,CAAC,IAAI,KAAK,CAAC,qBAAqB,CAAC;;CAE1E,CAAC"}

package/dist/types/sdks/LocalContent/Map/POIs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/sdks/LocalContent/Map/POIs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,IAAI,CAAC,EAAE,MAAM,qBAAqB,CAAC;AAQhD,UAAU,SAAS;IACjB,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;CACtB;AAoDD,QAAA,MAAM,IAAI,0CAA4B,SAAS,wBA2B7C,CAAC;AAIH,eAAe,IAAI,CAAC"}

package/dist/types/sdks/LocalContent/Map/{Scores/ScoreCategory/Score/POIs → POIs}/index.js

@@ -1,10 +1,10 @@
 import React from "react";
 import { POIList, ScorePOIs } from "@local-logic/elements-react";
 import { LoadingItem } from "@local-logic/ui";
-import { usePois } from "../../../../../features/usePois";
-import * as S from "../styles";
-import { useLocalContent } from "../../../../../context";
-import { useMap } from "../../../../context";
+import { usePois } from "../../features/usePois";
+import * as S from "../DesktopScores/ScoreCategoryAccordion/ScoreCategory/Score/styles";
+import { useLocalContent } from "../../context";
+import { useMap } from "../context";
 const POI = React.memo(({ result, poi }) => {
     const { activePOI, setActivePOI, hoveredPOI, setHoveredPOI } = useLocalContent();
     const { mapRef, mapPadding } = useMap();
@@ -22,12 +22,15 @@ const POI = React.memo(({ result, poi }) => {
                 if (e.type === "poi-click") {
                     const p = e.data;
                     setActivePOI(p);
+                    const mapArea = window.innerWidth - mapPadding.left;
+                    const defaultMapCenter = window.innerWidth / 2;
+                    const xOffset = mapArea / 2 + mapPadding.left - defaultMapCenter;
                     if (p) {
                         (_a = mapRef.current) === null || _a === void 0 ? void 0 : _a.flyTo({
                             zoom: 18,
                             center: [p.lng, p.lat],
                             duration: 1000,
-                            padding: mapPadding,
+                            offset: [xOffset, 0],
                         });
                     }
                 }

package/dist/types/sdks/LocalContent/Map/POIs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/sdks/LocalContent/Map/POIs/index.tsx"],"names":[],"mappings":"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"}

package/dist/types/sdks/LocalContent/Map/Pin/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface PinProps {
+    marker: {
+        lat: number;
+        lng: number;
+    };
+}
+declare const Pin: React.MemoExoticComponent<({ marker }: PinProps) => JSX.Element>;
+export default Pin;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/sdks/LocalContent/Map/Pin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/sdks/LocalContent/Map/Pin/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,QAAQ;IAChB,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;CACH;AAED,QAAA,MAAM,GAAG,yCAA2B,QAAQ,iBAQ1C,CAAC;AAIH,eAAe,GAAG,CAAC"}

package/dist/types/sdks/LocalContent/Map/Pin/index.js

@@ -0,0 +1,10 @@
+import { PinMarker } from "@local-logic/elements-react";
+import React from "react";
+import { Marker } from "react-map-gl";
+const Pin = React.memo(({ marker }) => (React.createElement(Marker, { latitude: marker.lat, longitude: marker.lng, style: { zIndex: 1 } },
+    React.createElement(PinMarker.Root, { options: {
+            style: "pin",
+        } }))));
+Pin.displayName = "Pin";
+export default Pin;
+//# sourceMappingURL=index.js.map

package/dist/types/sdks/LocalContent/Map/Pin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/sdks/LocalContent/Map/Pin/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAStC,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAY,EAAE,EAAE,CAAC,CAC/C,oBAAC,MAAM,IAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;IACvE,oBAAC,SAAS,CAAC,IAAI,IACb,OAAO,EAAE;YACP,KAAK,EAAE,KAAK;SACb,GACD,CACK,CACV,CAAC,CAAC;AAEH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,eAAe,GAAG,CAAC"}

package/dist/types/sdks/LocalContent/Map/Schools/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/sdks/LocalContent/Map/Schools/index.tsx"],"names":[],"mappings":";AAQA,UAAU,YAAY;IACpB,KAAK,EAAE,iBAAiB,GAAG,cAAc,CAAC;CAC3C;AAED,QAAA,MAAM,OAAO,cAAe,YAAY,uBAuDvC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/types/sdks/LocalContent/Map/{Scores/ScoreCategory/Score/Schools → Schools}/index.js

@@ -1,10 +1,10 @@
 import React from "react";
 import { POIList } from "@local-logic/elements-react";
 import { LoadingItem } from "@local-logic/ui";
-import { useSchools } from "../../../../../features/useSchools";
-import { useLocalContent } from "../../../../../context";
-import * as S from "../styles";
-import { useMap } from "../../../../context";
+import { useSchools } from "../../features/useSchools";
+import { useLocalContent } from "../../context";
+import { useMap } from "../context";
+import * as S from "../DesktopScores/ScoreCategoryAccordion/ScoreCategory/Score/styles";
 const Schools = ({ score }) => {
     const { data, isLoading } = useSchools();
     const { activePOI, setActivePOI, hoveredPOI, setHoveredPOI } = useLocalContent();
@@ -26,12 +26,15 @@ const Schools = ({ score }) => {
             if (e.type === "poi-click") {
                 const s = e.data;
                 setActivePOI(s);
+                const mapArea = window.innerWidth - mapPadding.left;
+                const defaultMapCenter = window.innerWidth / 2;
+                const xOffset = mapArea / 2 + mapPadding.left - defaultMapCenter;
                 if (s) {
-                    (_a = mapRef.current) === null || _a === void 0 ? void 0 : _a.flyTo({
+                    (_a = mapRef.current) === null || _a === void 0 ? void 0 : _a.easeTo({
                         zoom: 18,
                         center: [s.lng, s.lat],
                         duration: 1000,
-                        padding: mapPadding,
+                        offset: [xOffset, 0],
                     });
                 }
             }

package/dist/types/sdks/LocalContent/Map/Schools/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/sdks/LocalContent/Map/Schools/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,CAAC,MAAM,oEAAoE,CAAC;AAMxF,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAgB,EAAE,EAAE;IAC1C,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC;IACzC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,GAC1D,eAAe,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,EAAE,CAAC;IAExC,IAAI,SAAS,EAAE;QACb,OAAO,CACL,0CACG,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACzB,oBAAC,CAAC,CAAC,oBAAoB,IAAC,GAAG,EAAE,CAAC;YAC5B,oBAAC,WAAW,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CACnB,CAC1B,CAAC,CACD,CACJ,CAAC;KACH;IAED,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,OAAO,CAAC,IAAI,IACX,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,KAAK,CAAC;YACnB,SAAS;YACT,UAAU;SACX,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;;YACd,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,EAAE;gBAC1B,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;gBACjB,YAAY,CAAC,CAAC,CAAC,CAAC;gBAEhB,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC;gBACpD,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC;gBAC/C,MAAM,OAAO,GAAG,OAAO,GAAG,CAAC,GAAG,UAAU,CAAC,IAAI,GAAG,gBAAgB,CAAC;gBAEjE,IAAI,CAAC,EAAE;oBACL,MAAA,MAAM,CAAC,OAAO,0CAAE,MAAM,CAAC;wBACrB,IAAI,EAAE,EAAE;wBACR,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC;wBACtB,QAAQ,EAAE,IAAI;wBACd,MAAM,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;qBACrB,CAAC,CAAC;iBACJ;aACF;YAED,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,EAAE;gBAC1B,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;aACvB;QACH,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/types/sdks/LocalContent/Map/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/sdks/LocalContent/Map/index.tsx"],"names":[],"mappings":";AAsCA,QAAA,MAAM,GAAG,mBAkQR,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/sdks/LocalContent/Map/index.tsx"],"names":[],"mappings":";AA4BA,QAAA,MAAM,GAAG,mBAkOR,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/types/sdks/LocalContent/Map/index.js

@@ -1,27 +1,27 @@
 import React, { useRef, useMemo, useEffect, useState } from "react";
-import MapGL, { NavigationControl, Marker, } from "react-map-gl";
+import MapGL, { NavigationControl, } from "react-map-gl";
 import maplibregl from "maplibre-gl";
-import { PinMarker, POIMarker, ScorePOIs } from "@local-logic/elements-react";
+import { ScorePOIs } from "@local-logic/elements-react";
 import { multiPoint, point, bbox } from "@turf/turf";
-import useSupercluster from "use-supercluster";
-import { gridUnit } from "@local-logic/ui";
-import useMeasure from "../../../hooks/useMeasure";
-import useIsMobile from "../../../hooks/useIsMobile";
-import { useStateManagerContext } from "../../../context/stateManager";
+import useMeasure from "~/hooks/useMeasure";
+import useIsMobile from "~/hooks/useIsMobile";
+import { useStateManagerContext } from "~/context/stateManager";
+import { Button } from "@local-logic/ui";
 import { useLocalContent } from "../context";
-import Scores from "./Scores";
 import { usePois } from "../features/usePois";
 import { useSchools } from "../features/useSchools";
-import Cluster from "./Cluster";
 import { MapProvider } from "./context";
+import Pin from "./Pin";
+import Markers from "./Markers";
+import MobileScores from "./MobileScores";
+import DesktopScores from "./DesktopScores";
+import Attribution from "./Attribution";
+import * as S from "./styles";
 const { scorePois } = ScorePOIs.Constants;
-function isCluster(cluster) {
-    return cluster.properties.cluster !== undefined;
-}
 const Map = () => {
     var _a, _b, _c, _d;
     const { sdkState, setSdkState } = useStateManagerContext();
-    const { activeScore, activePOI, setActivePOI, hoveredPOI } = useLocalContent();
+    const { activeScore, activePOI, setActivePOI, hoveredPOI, showMobileList, setShowMobileList, } = useLocalContent();
     const isMobile = useIsMobile();
     const poisResult = usePois();
     const schoolsResult = useSchools();
@@ -35,7 +35,9 @@ const Map = () => {
             !schoolsResult.isFetching) {
             return { [activeScore]: ((_a = schoolsResult === null || schoolsResult === void 0 ? void 0 : schoolsResult.data) === null || _a === void 0 ? void 0 : _a[activeScore]) || [] };
         }
-        if (!(scorePois[activeScore] && scorePois[activeScore].length) &&
+        if (!(activeScore &&
+            scorePois[activeScore] &&
+            scorePois[activeScore].length) &&
             !poisResult.isFetching) {
             return { [activeScore]: [] };
         }
@@ -61,22 +63,25 @@ const Map = () => {
     }, [points, (_c = sdkState === null || sdkState === void 0 ? void 0 : sdkState.options) === null || _c === void 0 ? void 0 : _c.marker]);
     const mapRef = useRef();
     const [ref, rect] = useMeasure();
-    const mapPadding = useMemo(() => {
-        const padding = isMobile ? 25 : 50;
+    const mobileMapPadding = useMemo(() => {
+        const padding = 25;
+        return {
+            top: padding + rect.height,
+            bottom: padding,
+            left: padding,
+            right: padding,
+        };
+    }, [rect.height]);
+    const desktopMapPadding = useMemo(() => {
+        const padding = 50;
         return {
             top: padding,
             bottom: padding,
-            left: isMobile ? padding : rect.width + 32 + padding,
+            left: rect.width + 32 + padding,
             right: padding,
         };
-    }, [isMobile, rect.width]);
-    const bounds = (_d = mapRef === null || mapRef === void 0 ? void 0 : mapRef.current) === null || _d === void 0 ? void 0 : _d.getMap().getBounds().toArray().flat();
-    const { clusters, supercluster } = useSupercluster({
-        points,
-        bounds,
-        zoom: sdkState.options.zoom,
-        options: { radius: 50, maxZoom: 18 },
-    });
+    }, [rect.width]);
+    const mapPadding = isMobile ? mobileMapPadding : desktopMapPadding;
     const handleOnMove = (e) => {
         setSdkState(Object.assign(Object.assign({}, sdkState), { options: Object.assign(Object.assign({}, sdkState.options), { lat: e.viewState.latitude, lng: e.viewState.longitude, zoom: e.viewState.zoom, bearing: e.viewState.bearing, pitch: e.viewState.pitch }) }));
     };
@@ -102,73 +107,38 @@ const Map = () => {
             duration: 1000,
         });
     }, [pointsWithPin, mapPadding]);
+    const toggleText = useMemo(() => {
+        const { locale } = sdkState.globalOptions;
+        if (showMobileList) {
+            return locale === "en" ? "Show Map" : "Montrer la carte";
+        }
+        return locale === "en" ? "Show List" : "Montrer la liste";
+    }, [(_d = sdkState.globalOptions) === null || _d === void 0 ? void 0 : _d.locale, showMobileList]);
     if (!sdkState.options) {
         return React.createElement("div", null, "No options provided.");
     }
     return (React.createElement(MapProvider, { mapRef: mapRef, mapPadding: mapPadding },
-        React.createElement(MapGL
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        , { 
+        React.createElement(S.MapContainer, null,
+            React.createElement(MapGL
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            ref: mapRef, mapLib: maplibregl, latitude: sdkState.options.lat, longitude: sdkState.options.lng, zoom: sdkState.options.zoom, pitch: sdkState.options.pitch, bearing: sdkState.options.bearing, style: {
-                height: "100vh",
-                width: "100vw",
-            }, mapStyle: `https://api.maptiler.com/maps/${mapTilerTheme}/style.json?key=${import.meta.env.VITE_REACT_APP_MAPTILER_KEY}`, onMove: handleOnMove, cooperativeGestures: sdkState.options.cooperativeGestures, onMoveStart: () => setIsMapMoving(true), onMoveEnd: () => setIsMapMoving(false) },
-            React.createElement(NavigationControl, { showCompass: true, style: isMobile
-                    ? { marginTop: "85px", marginRight: "8px" }
-                    : { marginTop: "16px", marginRight: "16px" } }),
-            sdkState.options.marker && (React.createElement(Marker, { latitude: sdkState.options.marker.lat, longitude: sdkState.options.marker.lng, style: { zIndex: 1 } },
-                React.createElement(PinMarker.Root, { options: {
-                        style: "pin",
-                    } }))),
-            clusters.map((cluster, i) => {
-                const [longitude, latitude] = cluster.geometry.coordinates;
-                if (isCluster(cluster)) {
-                    return (React.createElement(Marker, { key: `cluster-${cluster.id}`, latitude: latitude, longitude: longitude },
-                        React.createElement(Cluster, { cluster: cluster, pointsCount: points.length, onClick: () => {
-                                var _a;
-                                const expansionZoom = Math.min(supercluster.getClusterExpansionZoom(cluster.id), 20);
-                                (_a = mapRef.current) === null || _a === void 0 ? void 0 : _a.flyTo({
-                                    zoom: expansionZoom,
-                                    center: [longitude, latitude],
-                                    duration: 1000,
-                                });
-                            } })));
-                }
-                const { poi, type } = cluster.properties;
-                const isOpen = activePOI === poi;
-                const isHovered = hoveredPOI === poi;
-                return (React.createElement(Marker, { latitude: poi.lat, longitude: poi.lng, key: `${poi.name}-${poi.lat}-${poi.lng}-${i}`, style: { zIndex: isOpen ? 1 : 0 } },
-                    React.createElement(POIMarker.Root, { options: {
-                            type: type,
-                            poi,
-                            isOpen: isMapMoving ? false : isOpen,
-                            isHovered,
-                            side: "top",
-                            collisionPadding: isMobile
-                                ? {
-                                    top: 65,
-                                    bottom: 65,
-                                    left: gridUnit * 2,
-                                    right: gridUnit * 2,
-                                }
-                                : {
-                                    left: rect.width + 32,
-                                    right: gridUnit * 2,
-                                    top: gridUnit * 2,
-                                    bottom: gridUnit * 2,
-                                },
-                        }, onChange: (e) => {
-                            if (e.type === "open-change") {
-                                setActivePOI(isOpen ? undefined : poi);
-                            }
-                        } },
-                        React.createElement(POIMarker.Marker, null),
-                        React.createElement(POIMarker.Content, null))));
-            }),
-            React.createElement(Scores, { ref: ref, rect: rect }))));
+            , { 
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                ref: mapRef, mapLib: maplibregl, latitude: sdkState.options.lat, longitude: sdkState.options.lng, zoom: sdkState.options.zoom, pitch: sdkState.options.pitch, bearing: sdkState.options.bearing, style: {
+                    flex: 1,
+                    width: "100vw",
+                }, mapStyle: `https://api.maptiler.com/maps/${mapTilerTheme}/style.json?key=${import.meta.env.VITE_REACT_APP_MAPTILER_KEY}`, onMove: handleOnMove, cooperativeGestures: sdkState.options.cooperativeGestures, onMoveStart: () => setIsMapMoving(true), onMoveEnd: () => setIsMapMoving(false) },
+                React.createElement(NavigationControl, { showCompass: true, style: {
+                        marginTop: isMobile ? 16 + rect.height : 16,
+                        marginRight: 16,
+                    } }),
+                sdkState.options.marker && React.createElement(Pin, { marker: sdkState.options.marker }),
+                React.createElement(Markers, { rect: rect, zoom: sdkState.options.zoom, mapRef: mapRef, points: points, isMobile: isMobile, activePOI: activePOI, hoveredPOI: hoveredPOI, isMapMoving: isMapMoving, setActivePOI: setActivePOI }),
+                isMobile ? (React.createElement(MobileScores, { ref: ref, showMobileList: showMobileList })) : (React.createElement(DesktopScores, { ref: ref }))),
+            isMobile && (React.createElement(React.Fragment, null,
+                React.createElement(S.MobileListToggle, null, activeScore && !!scorePois[activeScore].length && (React.createElement(Button, { onClick: () => setShowMobileList((prev) => !prev), size: "small" }, toggleText))),
+                React.createElement(Attribution, null))))));
 };
 export default Map;
 //# sourceMappingURL=index.js.map