@placeslayer/sdk-react 1.0.0

package/dist/map.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/map/index.ts","../src/map/PlacesMap.tsx","../src/hooks/useAsync.ts","../src/map/hooks/useMapInsights.ts","../src/map/hooks/useSemanticSearch.ts"],"sourcesContent":["export { PlacesMap, type PlacesMapProps } from \"./PlacesMap\";\nexport { useMapInsights } from \"./hooks/useMapInsights\";\nexport { useSemanticSearch, type SemanticSearchState } from \"./hooks/useSemanticSearch\";\n","import {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n} from \"react\";\nimport {\n  MapContainer,\n  TileLayer,\n  Marker,\n  Popup,\n  useMap,\n} from \"react-leaflet\";\nimport L from \"leaflet\";\nimport { PlacesLayerClient, type CityInsight } from \"@placeslayer/sdk\";\nimport { useMapInsights } from \"./hooks/useMapInsights\";\nimport { useSemanticSearch } from \"./hooks/useSemanticSearch\";\n\nexport interface PlacesMapProps {\n  apiKey: string;\n  country: string;\n  center?: [number, number];\n  zoom?: number;\n  onCitySelect?: (insight: CityInsight) => void;\n  searchEnabled?: boolean;\n  baseUrl?: string;\n  className?: string;\n  style?: CSSProperties;\n}\n\nconst DEFAULT_ICON = new L.Icon({\n  iconUrl: \"https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png\",\n  iconRetinaUrl: \"https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png\",\n  shadowUrl: \"https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png\",\n  iconSize: [25, 41],\n  iconAnchor: [12, 41],\n  popupAnchor: [1, -34],\n  shadowSize: [41, 41],\n});\n\nconst HIGHLIGHT_ICON = new L.Icon({\n  iconUrl: \"https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png\",\n  iconRetinaUrl: \"https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png\",\n  shadowUrl: \"https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png\",\n  iconSize: [30, 49],\n  iconAnchor: [15, 49],\n  popupAnchor: [1, -40],\n  shadowSize: [49, 49],\n  className: \"pl-marker-highlight\",\n});\n\nfunction FitBounds({ insights }: { insights: CityInsight[] }) {\n  const map = useMap();\n  const fitted = useRef(false);\n\n  if (!fitted.current && insights.length > 0) {\n    const bounds = L.latLngBounds(\n      insights\n        .filter((i) => i.latitude && i.longitude)\n        .map((i) => [i.latitude!, i.longitude!] as [number, number])\n    );\n    if (bounds.isValid()) {\n      map.fitBounds(bounds, { padding: [40, 40] });\n      fitted.current = true;\n    }\n  }\n\n  return null;\n}\n\nfunction FitSearchResults({ results }: { results: CityInsight[] }) {\n  const map = useMap();\n\n  if (results.length > 0) {\n    const bounds = L.latLngBounds(\n      results\n        .filter((i) => i.latitude && i.longitude)\n        .map((i) => [i.latitude!, i.longitude!] as [number, number])\n    );\n    if (bounds.isValid()) {\n      map.fitBounds(bounds, { padding: [40, 40] });\n    }\n  }\n\n  return null;\n}\n\nexport function PlacesMap({\n  apiKey,\n  country,\n  center = [0, 0],\n  zoom = 5,\n  onCitySelect,\n  searchEnabled = false,\n  baseUrl,\n  className,\n  style,\n}: PlacesMapProps) {\n  const clientRef = useRef<PlacesLayerClient | null>(null);\n  if (\n    !clientRef.current ||\n    (clientRef.current as unknown as { apiKey: string }).apiKey !== apiKey\n  ) {\n    clientRef.current = new PlacesLayerClient({ apiKey, baseUrl });\n  }\n  const client = clientRef.current;\n\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const { data: allInsights } = useMapInsights(client, country);\n  const { results: searchResults } = useSemanticSearch(\n    client,\n    country,\n    searchEnabled ? searchQuery : \"\"\n  );\n\n  const highlightedCodes = useMemo(\n    () => new Set(searchResults.map((r) => r.city_code)),\n    [searchResults]\n  );\n\n  const hasSearch = searchEnabled && searchQuery.trim() && searchResults.length > 0;\n  const insights = allInsights ?? [];\n\n  const handleSelect = useCallback(\n    (insight: CityInsight) => {\n      onCitySelect?.(insight);\n    },\n    [onCitySelect]\n  );\n\n  return (\n    <div className={className} style={{ position: \"relative\", ...style }}>\n      {searchEnabled && (\n        <div style={styles.searchContainer}>\n          <input\n            type=\"text\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            placeholder=\"Search cities by description...\"\n            style={styles.searchInput}\n          />\n        </div>\n      )}\n      <MapContainer\n        center={center}\n        zoom={zoom}\n        style={{ width: \"100%\", height: \"100%\", minHeight: 400 }}\n        scrollWheelZoom\n      >\n        <TileLayer\n          attribution='&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a>'\n          url=\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\"\n        />\n        <FitBounds insights={insights} />\n        {hasSearch && <FitSearchResults results={searchResults} />}\n        {insights\n          .filter((i) => i.latitude && i.longitude)\n          .map((insight) => {\n            const isHighlighted = hasSearch && highlightedCodes.has(insight.city_code);\n            const isDimmed = hasSearch && !isHighlighted;\n\n            return (\n              <Marker\n                key={insight.city_code}\n                position={[insight.latitude!, insight.longitude!]}\n                icon={isHighlighted ? HIGHLIGHT_ICON : DEFAULT_ICON}\n                opacity={isDimmed ? 0.3 : 1}\n                eventHandlers={{ click: () => handleSelect(insight) }}\n              >\n                <Popup>\n                  <div style={styles.popup}>\n                    <strong>{insight.city_name}</strong>\n                    {insight.vibe && (\n                      <div style={styles.vibe}>{insight.vibe}</div>\n                    )}\n                    {insight.ideal_for?.length > 0 && (\n                      <div style={styles.tags}>\n                        {insight.ideal_for.map((tag) => (\n                          <span key={tag} style={styles.tag}>\n                            {tag}\n                          </span>\n                        ))}\n                      </div>\n                    )}\n                    {insight.cost_of_living && (\n                      <div style={styles.meta}>\n                        Cost: {insight.cost_of_living.replace(\"_\", \" \")}\n                      </div>\n                    )}\n                    {insight.climate_zone && (\n                      <div style={styles.meta}>Climate: {insight.climate_zone}</div>\n                    )}\n                    {insight.summary && (\n                      <p style={styles.summary}>{insight.summary}</p>\n                    )}\n                  </div>\n                </Popup>\n              </Marker>\n            );\n          })}\n      </MapContainer>\n    </div>\n  );\n}\n\nconst styles: Record<string, CSSProperties> = {\n  searchContainer: {\n    position: \"absolute\",\n    top: 10,\n    left: 50,\n    right: 50,\n    zIndex: 1000,\n  },\n  searchInput: {\n    width: \"100%\",\n    padding: \"10px 14px\",\n    fontSize: \"14px\",\n    border: \"2px solid #d1d5db\",\n    borderRadius: \"8px\",\n    background: \"#fff\",\n    boxShadow: \"0 2px 8px rgba(0,0,0,.15)\",\n    outline: \"none\",\n    boxSizing: \"border-box\",\n  },\n  popup: {\n    maxWidth: 250,\n    fontSize: \"13px\",\n    lineHeight: 1.4,\n  },\n  vibe: {\n    color: \"#6b7280\",\n    fontStyle: \"italic\",\n    marginTop: 4,\n  },\n  tags: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    gap: 4,\n    marginTop: 6,\n  },\n  tag: {\n    background: \"#e5e7eb\",\n    borderRadius: 4,\n    padding: \"2px 6px\",\n    fontSize: \"11px\",\n  },\n  meta: {\n    color: \"#6b7280\",\n    fontSize: \"12px\",\n    marginTop: 4,\n  },\n  summary: {\n    marginTop: 8,\n    fontSize: \"12px\",\n    color: \"#374151\",\n  },\n};\n","import { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport interface AsyncState<T> {\n  data: T | null;\n  loading: boolean;\n  error: Error | null;\n  refetch: () => void;\n}\n\nexport function useAsync<T>(\n  fn: () => Promise<T>,\n  deps: unknown[]\n): AsyncState<T> {\n  const [data, setData] = useState<T | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n  const version = useRef(0);\n\n  const execute = useCallback(() => {\n    const current = ++version.current;\n    setLoading(true);\n    setError(null);\n\n    fn()\n      .then((result) => {\n        if (current === version.current) {\n          setData(result);\n          setLoading(false);\n        }\n      })\n      .catch((err) => {\n        if (current === version.current) {\n          setError(err instanceof Error ? err : new Error(String(err)));\n          setLoading(false);\n        }\n      });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  useEffect(() => {\n    execute();\n  }, [execute]);\n\n  return { data, loading, error, refetch: execute };\n}\n","import type { CityInsight, PlacesLayerClient } from \"@placeslayer/sdk\";\nimport { type AsyncState, useAsync } from \"../../hooks/useAsync\";\n\nexport function useMapInsights(\n  client: PlacesLayerClient,\n  countryCode: string\n): AsyncState<CityInsight[]> {\n  return useAsync(\n    () => client.mapInsights(countryCode),\n    [client, countryCode]\n  );\n}\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { PlacesLayerClient, SemanticSearchResult } from \"@placeslayer/sdk\";\n\nconst DEBOUNCE_MS = 500;\n\nexport interface SemanticSearchState {\n  results: SemanticSearchResult[];\n  loading: boolean;\n  error: Error | null;\n}\n\nexport function useSemanticSearch(\n  client: PlacesLayerClient,\n  countryCode: string,\n  query: string,\n  opts?: { limit?: number; debounceMs?: number }\n): SemanticSearchState {\n  const [results, setResults] = useState<SemanticSearchResult[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const version = useRef(0);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const delay = opts?.debounceMs ?? DEBOUNCE_MS;\n\n  const search = useCallback(() => {\n    const trimmed = query.trim();\n    if (!trimmed) {\n      setResults([]);\n      setLoading(false);\n      return;\n    }\n\n    const current = ++version.current;\n    setLoading(true);\n\n    client\n      .semanticSearch(countryCode, trimmed, { limit: opts?.limit })\n      .then((data) => {\n        if (current === version.current) {\n          setResults(data);\n          setLoading(false);\n        }\n      })\n      .catch((err) => {\n        if (current === version.current) {\n          setError(err instanceof Error ? err : new Error(String(err)));\n          setLoading(false);\n        }\n      });\n  }, [client, countryCode, query, opts?.limit]);\n\n  useEffect(() => {\n    clearTimeout(timerRef.current);\n    timerRef.current = setTimeout(search, delay);\n    return () => clearTimeout(timerRef.current);\n  }, [search, delay]);\n\n  return { results, loading, error };\n}\n"],"mappings":"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","names":["import_react","import_react","L"]}

package/dist/map.d.cts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CSSProperties } from 'react';
+import { CityInsight, PlacesLayerClient, SemanticSearchResult } from '@placeslayer/sdk';
+
+interface PlacesMapProps {
+    apiKey: string;
+    country: string;
+    center?: [number, number];
+    zoom?: number;
+    onCitySelect?: (insight: CityInsight) => void;
+    searchEnabled?: boolean;
+    baseUrl?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function PlacesMap({ apiKey, country, center, zoom, onCitySelect, searchEnabled, baseUrl, className, style, }: PlacesMapProps): react_jsx_runtime.JSX.Element;
+
+interface AsyncState<T> {
+    data: T | null;
+    loading: boolean;
+    error: Error | null;
+    refetch: () => void;
+}
+
+declare function useMapInsights(client: PlacesLayerClient, countryCode: string): AsyncState<CityInsight[]>;
+
+interface SemanticSearchState {
+    results: SemanticSearchResult[];
+    loading: boolean;
+    error: Error | null;
+}
+declare function useSemanticSearch(client: PlacesLayerClient, countryCode: string, query: string, opts?: {
+    limit?: number;
+    debounceMs?: number;
+}): SemanticSearchState;
+
+export { PlacesMap, type PlacesMapProps, type SemanticSearchState, useMapInsights, useSemanticSearch };

package/dist/map.d.ts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CSSProperties } from 'react';
+import { CityInsight, PlacesLayerClient, SemanticSearchResult } from '@placeslayer/sdk';
+
+interface PlacesMapProps {
+    apiKey: string;
+    country: string;
+    center?: [number, number];
+    zoom?: number;
+    onCitySelect?: (insight: CityInsight) => void;
+    searchEnabled?: boolean;
+    baseUrl?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function PlacesMap({ apiKey, country, center, zoom, onCitySelect, searchEnabled, baseUrl, className, style, }: PlacesMapProps): react_jsx_runtime.JSX.Element;
+
+interface AsyncState<T> {
+    data: T | null;
+    loading: boolean;
+    error: Error | null;
+    refetch: () => void;
+}
+
+declare function useMapInsights(client: PlacesLayerClient, countryCode: string): AsyncState<CityInsight[]>;
+
+interface SemanticSearchState {
+    results: SemanticSearchResult[];
+    loading: boolean;
+    error: Error | null;
+}
+declare function useSemanticSearch(client: PlacesLayerClient, countryCode: string, query: string, opts?: {
+    limit?: number;
+    debounceMs?: number;
+}): SemanticSearchState;
+
+export { PlacesMap, type PlacesMapProps, type SemanticSearchState, useMapInsights, useSemanticSearch };

package/dist/map.js

@@ -0,0 +1,294 @@
+// src/map/PlacesMap.tsx
+import {
+  useCallback as useCallback3,
+  useMemo,
+  useRef as useRef3,
+  useState as useState3
+} from "react";
+import {
+  MapContainer,
+  TileLayer,
+  Marker,
+  Popup,
+  useMap
+} from "react-leaflet";
+import L from "leaflet";
+import { PlacesLayerClient } from "@placeslayer/sdk";
+
+// src/hooks/useAsync.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+function useAsync(fn, deps) {
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const version = useRef(0);
+  const execute = useCallback(() => {
+    const current = ++version.current;
+    setLoading(true);
+    setError(null);
+    fn().then((result) => {
+      if (current === version.current) {
+        setData(result);
+        setLoading(false);
+      }
+    }).catch((err) => {
+      if (current === version.current) {
+        setError(err instanceof Error ? err : new Error(String(err)));
+        setLoading(false);
+      }
+    });
+  }, deps);
+  useEffect(() => {
+    execute();
+  }, [execute]);
+  return { data, loading, error, refetch: execute };
+}
+
+// src/map/hooks/useMapInsights.ts
+function useMapInsights(client, countryCode) {
+  return useAsync(
+    () => client.mapInsights(countryCode),
+    [client, countryCode]
+  );
+}
+
+// src/map/hooks/useSemanticSearch.ts
+import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+var DEBOUNCE_MS = 500;
+function useSemanticSearch(client, countryCode, query, opts) {
+  const [results, setResults] = useState2([]);
+  const [loading, setLoading] = useState2(false);
+  const [error, setError] = useState2(null);
+  const version = useRef2(0);
+  const timerRef = useRef2(void 0);
+  const delay = opts?.debounceMs ?? DEBOUNCE_MS;
+  const search = useCallback2(() => {
+    const trimmed = query.trim();
+    if (!trimmed) {
+      setResults([]);
+      setLoading(false);
+      return;
+    }
+    const current = ++version.current;
+    setLoading(true);
+    client.semanticSearch(countryCode, trimmed, { limit: opts?.limit }).then((data) => {
+      if (current === version.current) {
+        setResults(data);
+        setLoading(false);
+      }
+    }).catch((err) => {
+      if (current === version.current) {
+        setError(err instanceof Error ? err : new Error(String(err)));
+        setLoading(false);
+      }
+    });
+  }, [client, countryCode, query, opts?.limit]);
+  useEffect2(() => {
+    clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(search, delay);
+    return () => clearTimeout(timerRef.current);
+  }, [search, delay]);
+  return { results, loading, error };
+}
+
+// src/map/PlacesMap.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_ICON = new L.Icon({
+  iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
+  iconRetinaUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png",
+  shadowUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png",
+  iconSize: [25, 41],
+  iconAnchor: [12, 41],
+  popupAnchor: [1, -34],
+  shadowSize: [41, 41]
+});
+var HIGHLIGHT_ICON = new L.Icon({
+  iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
+  iconRetinaUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png",
+  shadowUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png",
+  iconSize: [30, 49],
+  iconAnchor: [15, 49],
+  popupAnchor: [1, -40],
+  shadowSize: [49, 49],
+  className: "pl-marker-highlight"
+});
+function FitBounds({ insights }) {
+  const map = useMap();
+  const fitted = useRef3(false);
+  if (!fitted.current && insights.length > 0) {
+    const bounds = L.latLngBounds(
+      insights.filter((i) => i.latitude && i.longitude).map((i) => [i.latitude, i.longitude])
+    );
+    if (bounds.isValid()) {
+      map.fitBounds(bounds, { padding: [40, 40] });
+      fitted.current = true;
+    }
+  }
+  return null;
+}
+function FitSearchResults({ results }) {
+  const map = useMap();
+  if (results.length > 0) {
+    const bounds = L.latLngBounds(
+      results.filter((i) => i.latitude && i.longitude).map((i) => [i.latitude, i.longitude])
+    );
+    if (bounds.isValid()) {
+      map.fitBounds(bounds, { padding: [40, 40] });
+    }
+  }
+  return null;
+}
+function PlacesMap({
+  apiKey,
+  country,
+  center = [0, 0],
+  zoom = 5,
+  onCitySelect,
+  searchEnabled = false,
+  baseUrl,
+  className,
+  style
+}) {
+  const clientRef = useRef3(null);
+  if (!clientRef.current || clientRef.current.apiKey !== apiKey) {
+    clientRef.current = new PlacesLayerClient({ apiKey, baseUrl });
+  }
+  const client = clientRef.current;
+  const [searchQuery, setSearchQuery] = useState3("");
+  const { data: allInsights } = useMapInsights(client, country);
+  const { results: searchResults } = useSemanticSearch(
+    client,
+    country,
+    searchEnabled ? searchQuery : ""
+  );
+  const highlightedCodes = useMemo(
+    () => new Set(searchResults.map((r) => r.city_code)),
+    [searchResults]
+  );
+  const hasSearch = searchEnabled && searchQuery.trim() && searchResults.length > 0;
+  const insights = allInsights ?? [];
+  const handleSelect = useCallback3(
+    (insight) => {
+      onCitySelect?.(insight);
+    },
+    [onCitySelect]
+  );
+  return /* @__PURE__ */ jsxs("div", { className, style: { position: "relative", ...style }, children: [
+    searchEnabled && /* @__PURE__ */ jsx("div", { style: styles.searchContainer, children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value: searchQuery,
+        onChange: (e) => setSearchQuery(e.target.value),
+        placeholder: "Search cities by description...",
+        style: styles.searchInput
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      MapContainer,
+      {
+        center,
+        zoom,
+        style: { width: "100%", height: "100%", minHeight: 400 },
+        scrollWheelZoom: true,
+        children: [
+          /* @__PURE__ */ jsx(
+            TileLayer,
+            {
+              attribution: '\xA9 <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',
+              url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
+            }
+          ),
+          /* @__PURE__ */ jsx(FitBounds, { insights }),
+          hasSearch && /* @__PURE__ */ jsx(FitSearchResults, { results: searchResults }),
+          insights.filter((i) => i.latitude && i.longitude).map((insight) => {
+            const isHighlighted = hasSearch && highlightedCodes.has(insight.city_code);
+            const isDimmed = hasSearch && !isHighlighted;
+            return /* @__PURE__ */ jsx(
+              Marker,
+              {
+                position: [insight.latitude, insight.longitude],
+                icon: isHighlighted ? HIGHLIGHT_ICON : DEFAULT_ICON,
+                opacity: isDimmed ? 0.3 : 1,
+                eventHandlers: { click: () => handleSelect(insight) },
+                children: /* @__PURE__ */ jsx(Popup, { children: /* @__PURE__ */ jsxs("div", { style: styles.popup, children: [
+                  /* @__PURE__ */ jsx("strong", { children: insight.city_name }),
+                  insight.vibe && /* @__PURE__ */ jsx("div", { style: styles.vibe, children: insight.vibe }),
+                  insight.ideal_for?.length > 0 && /* @__PURE__ */ jsx("div", { style: styles.tags, children: insight.ideal_for.map((tag) => /* @__PURE__ */ jsx("span", { style: styles.tag, children: tag }, tag)) }),
+                  insight.cost_of_living && /* @__PURE__ */ jsxs("div", { style: styles.meta, children: [
+                    "Cost: ",
+                    insight.cost_of_living.replace("_", " ")
+                  ] }),
+                  insight.climate_zone && /* @__PURE__ */ jsxs("div", { style: styles.meta, children: [
+                    "Climate: ",
+                    insight.climate_zone
+                  ] }),
+                  insight.summary && /* @__PURE__ */ jsx("p", { style: styles.summary, children: insight.summary })
+                ] }) })
+              },
+              insight.city_code
+            );
+          })
+        ]
+      }
+    )
+  ] });
+}
+var styles = {
+  searchContainer: {
+    position: "absolute",
+    top: 10,
+    left: 50,
+    right: 50,
+    zIndex: 1e3
+  },
+  searchInput: {
+    width: "100%",
+    padding: "10px 14px",
+    fontSize: "14px",
+    border: "2px solid #d1d5db",
+    borderRadius: "8px",
+    background: "#fff",
+    boxShadow: "0 2px 8px rgba(0,0,0,.15)",
+    outline: "none",
+    boxSizing: "border-box"
+  },
+  popup: {
+    maxWidth: 250,
+    fontSize: "13px",
+    lineHeight: 1.4
+  },
+  vibe: {
+    color: "#6b7280",
+    fontStyle: "italic",
+    marginTop: 4
+  },
+  tags: {
+    display: "flex",
+    flexWrap: "wrap",
+    gap: 4,
+    marginTop: 6
+  },
+  tag: {
+    background: "#e5e7eb",
+    borderRadius: 4,
+    padding: "2px 6px",
+    fontSize: "11px"
+  },
+  meta: {
+    color: "#6b7280",
+    fontSize: "12px",
+    marginTop: 4
+  },
+  summary: {
+    marginTop: 8,
+    fontSize: "12px",
+    color: "#374151"
+  }
+};
+export {
+  PlacesMap,
+  useMapInsights,
+  useSemanticSearch
+};
+//# sourceMappingURL=map.js.map

package/dist/map.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/map/PlacesMap.tsx","../src/hooks/useAsync.ts","../src/map/hooks/useMapInsights.ts","../src/map/hooks/useSemanticSearch.ts"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n} from \"react\";\nimport {\n  MapContainer,\n  TileLayer,\n  Marker,\n  Popup,\n  useMap,\n} from \"react-leaflet\";\nimport L from \"leaflet\";\nimport { PlacesLayerClient, type CityInsight } from \"@placeslayer/sdk\";\nimport { useMapInsights } from \"./hooks/useMapInsights\";\nimport { useSemanticSearch } from \"./hooks/useSemanticSearch\";\n\nexport interface PlacesMapProps {\n  apiKey: string;\n  country: string;\n  center?: [number, number];\n  zoom?: number;\n  onCitySelect?: (insight: CityInsight) => void;\n  searchEnabled?: boolean;\n  baseUrl?: string;\n  className?: string;\n  style?: CSSProperties;\n}\n\nconst DEFAULT_ICON = new L.Icon({\n  iconUrl: \"https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png\",\n  iconRetinaUrl: \"https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png\",\n  shadowUrl: \"https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png\",\n  iconSize: [25, 41],\n  iconAnchor: [12, 41],\n  popupAnchor: [1, -34],\n  shadowSize: [41, 41],\n});\n\nconst HIGHLIGHT_ICON = new L.Icon({\n  iconUrl: \"https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png\",\n  iconRetinaUrl: \"https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png\",\n  shadowUrl: \"https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png\",\n  iconSize: [30, 49],\n  iconAnchor: [15, 49],\n  popupAnchor: [1, -40],\n  shadowSize: [49, 49],\n  className: \"pl-marker-highlight\",\n});\n\nfunction FitBounds({ insights }: { insights: CityInsight[] }) {\n  const map = useMap();\n  const fitted = useRef(false);\n\n  if (!fitted.current && insights.length > 0) {\n    const bounds = L.latLngBounds(\n      insights\n        .filter((i) => i.latitude && i.longitude)\n        .map((i) => [i.latitude!, i.longitude!] as [number, number])\n    );\n    if (bounds.isValid()) {\n      map.fitBounds(bounds, { padding: [40, 40] });\n      fitted.current = true;\n    }\n  }\n\n  return null;\n}\n\nfunction FitSearchResults({ results }: { results: CityInsight[] }) {\n  const map = useMap();\n\n  if (results.length > 0) {\n    const bounds = L.latLngBounds(\n      results\n        .filter((i) => i.latitude && i.longitude)\n        .map((i) => [i.latitude!, i.longitude!] as [number, number])\n    );\n    if (bounds.isValid()) {\n      map.fitBounds(bounds, { padding: [40, 40] });\n    }\n  }\n\n  return null;\n}\n\nexport function PlacesMap({\n  apiKey,\n  country,\n  center = [0, 0],\n  zoom = 5,\n  onCitySelect,\n  searchEnabled = false,\n  baseUrl,\n  className,\n  style,\n}: PlacesMapProps) {\n  const clientRef = useRef<PlacesLayerClient | null>(null);\n  if (\n    !clientRef.current ||\n    (clientRef.current as unknown as { apiKey: string }).apiKey !== apiKey\n  ) {\n    clientRef.current = new PlacesLayerClient({ apiKey, baseUrl });\n  }\n  const client = clientRef.current;\n\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const { data: allInsights } = useMapInsights(client, country);\n  const { results: searchResults } = useSemanticSearch(\n    client,\n    country,\n    searchEnabled ? searchQuery : \"\"\n  );\n\n  const highlightedCodes = useMemo(\n    () => new Set(searchResults.map((r) => r.city_code)),\n    [searchResults]\n  );\n\n  const hasSearch = searchEnabled && searchQuery.trim() && searchResults.length > 0;\n  const insights = allInsights ?? [];\n\n  const handleSelect = useCallback(\n    (insight: CityInsight) => {\n      onCitySelect?.(insight);\n    },\n    [onCitySelect]\n  );\n\n  return (\n    <div className={className} style={{ position: \"relative\", ...style }}>\n      {searchEnabled && (\n        <div style={styles.searchContainer}>\n          <input\n            type=\"text\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            placeholder=\"Search cities by description...\"\n            style={styles.searchInput}\n          />\n        </div>\n      )}\n      <MapContainer\n        center={center}\n        zoom={zoom}\n        style={{ width: \"100%\", height: \"100%\", minHeight: 400 }}\n        scrollWheelZoom\n      >\n        <TileLayer\n          attribution='&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a>'\n          url=\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\"\n        />\n        <FitBounds insights={insights} />\n        {hasSearch && <FitSearchResults results={searchResults} />}\n        {insights\n          .filter((i) => i.latitude && i.longitude)\n          .map((insight) => {\n            const isHighlighted = hasSearch && highlightedCodes.has(insight.city_code);\n            const isDimmed = hasSearch && !isHighlighted;\n\n            return (\n              <Marker\n                key={insight.city_code}\n                position={[insight.latitude!, insight.longitude!]}\n                icon={isHighlighted ? HIGHLIGHT_ICON : DEFAULT_ICON}\n                opacity={isDimmed ? 0.3 : 1}\n                eventHandlers={{ click: () => handleSelect(insight) }}\n              >\n                <Popup>\n                  <div style={styles.popup}>\n                    <strong>{insight.city_name}</strong>\n                    {insight.vibe && (\n                      <div style={styles.vibe}>{insight.vibe}</div>\n                    )}\n                    {insight.ideal_for?.length > 0 && (\n                      <div style={styles.tags}>\n                        {insight.ideal_for.map((tag) => (\n                          <span key={tag} style={styles.tag}>\n                            {tag}\n                          </span>\n                        ))}\n                      </div>\n                    )}\n                    {insight.cost_of_living && (\n                      <div style={styles.meta}>\n                        Cost: {insight.cost_of_living.replace(\"_\", \" \")}\n                      </div>\n                    )}\n                    {insight.climate_zone && (\n                      <div style={styles.meta}>Climate: {insight.climate_zone}</div>\n                    )}\n                    {insight.summary && (\n                      <p style={styles.summary}>{insight.summary}</p>\n                    )}\n                  </div>\n                </Popup>\n              </Marker>\n            );\n          })}\n      </MapContainer>\n    </div>\n  );\n}\n\nconst styles: Record<string, CSSProperties> = {\n  searchContainer: {\n    position: \"absolute\",\n    top: 10,\n    left: 50,\n    right: 50,\n    zIndex: 1000,\n  },\n  searchInput: {\n    width: \"100%\",\n    padding: \"10px 14px\",\n    fontSize: \"14px\",\n    border: \"2px solid #d1d5db\",\n    borderRadius: \"8px\",\n    background: \"#fff\",\n    boxShadow: \"0 2px 8px rgba(0,0,0,.15)\",\n    outline: \"none\",\n    boxSizing: \"border-box\",\n  },\n  popup: {\n    maxWidth: 250,\n    fontSize: \"13px\",\n    lineHeight: 1.4,\n  },\n  vibe: {\n    color: \"#6b7280\",\n    fontStyle: \"italic\",\n    marginTop: 4,\n  },\n  tags: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    gap: 4,\n    marginTop: 6,\n  },\n  tag: {\n    background: \"#e5e7eb\",\n    borderRadius: 4,\n    padding: \"2px 6px\",\n    fontSize: \"11px\",\n  },\n  meta: {\n    color: \"#6b7280\",\n    fontSize: \"12px\",\n    marginTop: 4,\n  },\n  summary: {\n    marginTop: 8,\n    fontSize: \"12px\",\n    color: \"#374151\",\n  },\n};\n","import { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport interface AsyncState<T> {\n  data: T | null;\n  loading: boolean;\n  error: Error | null;\n  refetch: () => void;\n}\n\nexport function useAsync<T>(\n  fn: () => Promise<T>,\n  deps: unknown[]\n): AsyncState<T> {\n  const [data, setData] = useState<T | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n  const version = useRef(0);\n\n  const execute = useCallback(() => {\n    const current = ++version.current;\n    setLoading(true);\n    setError(null);\n\n    fn()\n      .then((result) => {\n        if (current === version.current) {\n          setData(result);\n          setLoading(false);\n        }\n      })\n      .catch((err) => {\n        if (current === version.current) {\n          setError(err instanceof Error ? err : new Error(String(err)));\n          setLoading(false);\n        }\n      });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  useEffect(() => {\n    execute();\n  }, [execute]);\n\n  return { data, loading, error, refetch: execute };\n}\n","import type { CityInsight, PlacesLayerClient } from \"@placeslayer/sdk\";\nimport { type AsyncState, useAsync } from \"../../hooks/useAsync\";\n\nexport function useMapInsights(\n  client: PlacesLayerClient,\n  countryCode: string\n): AsyncState<CityInsight[]> {\n  return useAsync(\n    () => client.mapInsights(countryCode),\n    [client, countryCode]\n  );\n}\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { PlacesLayerClient, SemanticSearchResult } from \"@placeslayer/sdk\";\n\nconst DEBOUNCE_MS = 500;\n\nexport interface SemanticSearchState {\n  results: SemanticSearchResult[];\n  loading: boolean;\n  error: Error | null;\n}\n\nexport function useSemanticSearch(\n  client: PlacesLayerClient,\n  countryCode: string,\n  query: string,\n  opts?: { limit?: number; debounceMs?: number }\n): SemanticSearchState {\n  const [results, setResults] = useState<SemanticSearchResult[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const version = useRef(0);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const delay = opts?.debounceMs ?? DEBOUNCE_MS;\n\n  const search = useCallback(() => {\n    const trimmed = query.trim();\n    if (!trimmed) {\n      setResults([]);\n      setLoading(false);\n      return;\n    }\n\n    const current = ++version.current;\n    setLoading(true);\n\n    client\n      .semanticSearch(countryCode, trimmed, { limit: opts?.limit })\n      .then((data) => {\n        if (current === version.current) {\n          setResults(data);\n          setLoading(false);\n        }\n      })\n      .catch((err) => {\n        if (current === version.current) {\n          setError(err instanceof Error ? err : new Error(String(err)));\n          setLoading(false);\n        }\n      });\n  }, [client, countryCode, query, opts?.limit]);\n\n  useEffect(() => {\n    clearTimeout(timerRef.current);\n    timerRef.current = setTimeout(search, delay);\n    return () => clearTimeout(timerRef.current);\n  }, [search, delay]);\n\n  return { results, loading, error };\n}\n"],"mappings":";AAAA;AAAA,EACE,eAAAA;AAAA,EACA;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,OAAO;AACd,SAAS,yBAA2C;;;ACfpD,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AASlD,SAAS,SACd,IACA,MACe;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,SAAmB,IAAI;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAuB,IAAI;AACrD,QAAM,UAAU,OAAO,CAAC;AAExB,QAAM,UAAU,YAAY,MAAM;AAChC,UAAM,UAAU,EAAE,QAAQ;AAC1B,eAAW,IAAI;AACf,aAAS,IAAI;AAEb,OAAG,EACA,KAAK,CAAC,WAAW;AAChB,UAAI,YAAY,QAAQ,SAAS;AAC/B,gBAAQ,MAAM;AACd,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF,CAAC,EACA,MAAM,CAAC,QAAQ;AACd,UAAI,YAAY,QAAQ,SAAS;AAC/B,iBAAS,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,GAAG,CAAC,CAAC;AAC5D,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF,CAAC;AAAA,EAEL,GAAG,IAAI;AAEP,YAAU,MAAM;AACd,YAAQ;AAAA,EACV,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO,EAAE,MAAM,SAAS,OAAO,SAAS,QAAQ;AAClD;;;ACzCO,SAAS,eACd,QACA,aAC2B;AAC3B,SAAO;AAAA,IACL,MAAM,OAAO,YAAY,WAAW;AAAA,IACpC,CAAC,QAAQ,WAAW;AAAA,EACtB;AACF;;;ACXA,SAAS,eAAAC,cAAa,aAAAC,YAAW,UAAAC,SAAQ,YAAAC,iBAAgB;AAGzD,IAAM,cAAc;AAQb,SAAS,kBACd,QACA,aACA,OACA,MACqB;AACrB,QAAM,CAAC,SAAS,UAAU,IAAIA,UAAiC,CAAC,CAAC;AACjE,QAAM,CAAC,SAAS,UAAU,IAAIA,UAAS,KAAK;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAIA,UAAuB,IAAI;AACrD,QAAM,UAAUD,QAAO,CAAC;AACxB,QAAM,WAAWA,QAAkD,MAAS;AAE5E,QAAM,QAAQ,MAAM,cAAc;AAElC,QAAM,SAASF,aAAY,MAAM;AAC/B,UAAM,UAAU,MAAM,KAAK;AAC3B,QAAI,CAAC,SAAS;AACZ,iBAAW,CAAC,CAAC;AACb,iBAAW,KAAK;AAChB;AAAA,IACF;AAEA,UAAM,UAAU,EAAE,QAAQ;AAC1B,eAAW,IAAI;AAEf,WACG,eAAe,aAAa,SAAS,EAAE,OAAO,MAAM,MAAM,CAAC,EAC3D,KAAK,CAAC,SAAS;AACd,UAAI,YAAY,QAAQ,SAAS;AAC/B,mBAAW,IAAI;AACf,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF,CAAC,EACA,MAAM,CAAC,QAAQ;AACd,UAAI,YAAY,QAAQ,SAAS;AAC/B,iBAAS,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,GAAG,CAAC,CAAC;AAC5D,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF,CAAC;AAAA,EACL,GAAG,CAAC,QAAQ,aAAa,OAAO,MAAM,KAAK,CAAC;AAE5C,EAAAC,WAAU,MAAM;AACd,iBAAa,SAAS,OAAO;AAC7B,aAAS,UAAU,WAAW,QAAQ,KAAK;AAC3C,WAAO,MAAM,aAAa,SAAS,OAAO;AAAA,EAC5C,GAAG,CAAC,QAAQ,KAAK,CAAC;AAElB,SAAO,EAAE,SAAS,SAAS,MAAM;AACnC;;;AH4EU,cAmDY,YAnDZ;AAxGV,IAAM,eAAe,IAAI,EAAE,KAAK;AAAA,EAC9B,SAAS;AAAA,EACT,eAAe;AAAA,EACf,WAAW;AAAA,EACX,UAAU,CAAC,IAAI,EAAE;AAAA,EACjB,YAAY,CAAC,IAAI,EAAE;AAAA,EACnB,aAAa,CAAC,GAAG,GAAG;AAAA,EACpB,YAAY,CAAC,IAAI,EAAE;AACrB,CAAC;AAED,IAAM,iBAAiB,IAAI,EAAE,KAAK;AAAA,EAChC,SAAS;AAAA,EACT,eAAe;AAAA,EACf,WAAW;AAAA,EACX,UAAU,CAAC,IAAI,EAAE;AAAA,EACjB,YAAY,CAAC,IAAI,EAAE;AAAA,EACnB,aAAa,CAAC,GAAG,GAAG;AAAA,EACpB,YAAY,CAAC,IAAI,EAAE;AAAA,EACnB,WAAW;AACb,CAAC;AAED,SAAS,UAAU,EAAE,SAAS,GAAgC;AAC5D,QAAM,MAAM,OAAO;AACnB,QAAM,SAASG,QAAO,KAAK;AAE3B,MAAI,CAAC,OAAO,WAAW,SAAS,SAAS,GAAG;AAC1C,UAAM,SAAS,EAAE;AAAA,MACf,SACG,OAAO,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,EACvC,IAAI,CAAC,MAAM,CAAC,EAAE,UAAW,EAAE,SAAU,CAAqB;AAAA,IAC/D;AACA,QAAI,OAAO,QAAQ,GAAG;AACpB,UAAI,UAAU,QAAQ,EAAE,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC;AAC3C,aAAO,UAAU;AAAA,IACnB;AAAA,EACF;AAEA,SAAO;AACT;AAEA,SAAS,iBAAiB,EAAE,QAAQ,GAA+B;AACjE,QAAM,MAAM,OAAO;AAEnB,MAAI,QAAQ,SAAS,GAAG;AACtB,UAAM,SAAS,EAAE;AAAA,MACf,QACG,OAAO,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,EACvC,IAAI,CAAC,MAAM,CAAC,EAAE,UAAW,EAAE,SAAU,CAAqB;AAAA,IAC/D;AACA,QAAI,OAAO,QAAQ,GAAG;AACpB,UAAI,UAAU,QAAQ,EAAE,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC;AAAA,IAC7C;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,SAAS,CAAC,GAAG,CAAC;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,QAAM,YAAYA,QAAiC,IAAI;AACvD,MACE,CAAC,UAAU,WACV,UAAU,QAA0C,WAAW,QAChE;AACA,cAAU,UAAU,IAAI,kBAAkB,EAAE,QAAQ,QAAQ,CAAC;AAAA,EAC/D;AACA,QAAM,SAAS,UAAU;AAEzB,QAAM,CAAC,aAAa,cAAc,IAAIC,UAAS,EAAE;AACjD,QAAM,EAAE,MAAM,YAAY,IAAI,eAAe,QAAQ,OAAO;AAC5D,QAAM,EAAE,SAAS,cAAc,IAAI;AAAA,IACjC;AAAA,IACA;AAAA,IACA,gBAAgB,cAAc;AAAA,EAChC;AAEA,QAAM,mBAAmB;AAAA,IACvB,MAAM,IAAI,IAAI,cAAc,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC;AAAA,IACnD,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,YAAY,iBAAiB,YAAY,KAAK,KAAK,cAAc,SAAS;AAChF,QAAM,WAAW,eAAe,CAAC;AAEjC,QAAM,eAAeC;AAAA,IACnB,CAAC,YAAyB;AACxB,qBAAe,OAAO;AAAA,IACxB;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,SACE,qBAAC,SAAI,WAAsB,OAAO,EAAE,UAAU,YAAY,GAAG,MAAM,GAChE;AAAA,qBACC,oBAAC,SAAI,OAAO,OAAO,iBACjB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,QAC9C,aAAY;AAAA,QACZ,OAAO,OAAO;AAAA;AAAA,IAChB,GACF;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,WAAW,IAAI;AAAA,QACvD,iBAAe;AAAA,QAEf;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,aAAY;AAAA,cACZ,KAAI;AAAA;AAAA,UACN;AAAA,UACA,oBAAC,aAAU,UAAoB;AAAA,UAC9B,aAAa,oBAAC,oBAAiB,SAAS,eAAe;AAAA,UACvD,SACE,OAAO,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,EACvC,IAAI,CAAC,YAAY;AAChB,kBAAM,gBAAgB,aAAa,iBAAiB,IAAI,QAAQ,SAAS;AACzE,kBAAM,WAAW,aAAa,CAAC;AAE/B,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,UAAU,CAAC,QAAQ,UAAW,QAAQ,SAAU;AAAA,gBAChD,MAAM,gBAAgB,iBAAiB;AAAA,gBACvC,SAAS,WAAW,MAAM;AAAA,gBAC1B,eAAe,EAAE,OAAO,MAAM,aAAa,OAAO,EAAE;AAAA,gBAEpD,8BAAC,SACC,+BAAC,SAAI,OAAO,OAAO,OACjB;AAAA,sCAAC,YAAQ,kBAAQ,WAAU;AAAA,kBAC1B,QAAQ,QACP,oBAAC,SAAI,OAAO,OAAO,MAAO,kBAAQ,MAAK;AAAA,kBAExC,QAAQ,WAAW,SAAS,KAC3B,oBAAC,SAAI,OAAO,OAAO,MAChB,kBAAQ,UAAU,IAAI,CAAC,QACtB,oBAAC,UAAe,OAAO,OAAO,KAC3B,iBADQ,GAEX,CACD,GACH;AAAA,kBAED,QAAQ,kBACP,qBAAC,SAAI,OAAO,OAAO,MAAM;AAAA;AAAA,oBAChB,QAAQ,eAAe,QAAQ,KAAK,GAAG;AAAA,qBAChD;AAAA,kBAED,QAAQ,gBACP,qBAAC,SAAI,OAAO,OAAO,MAAM;AAAA;AAAA,oBAAU,QAAQ;AAAA,qBAAa;AAAA,kBAEzD,QAAQ,WACP,oBAAC,OAAE,OAAO,OAAO,SAAU,kBAAQ,SAAQ;AAAA,mBAE/C,GACF;AAAA;AAAA,cAjCK,QAAQ;AAAA,YAkCf;AAAA,UAEJ,CAAC;AAAA;AAAA;AAAA,IACL;AAAA,KACF;AAEJ;AAEA,IAAM,SAAwC;AAAA,EAC5C,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACL,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,WAAW;AAAA,EACb;AAAA,EACA,KAAK;AAAA,IACH,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AAAA,EACA,SAAS;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AACF;","names":["useCallback","useRef","useState","useCallback","useEffect","useRef","useState","useRef","useState","useCallback"]}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@placeslayer/sdk-react",
+  "version": "1.0.0",
+  "description": "React components and hooks for PlacesLayer",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./map": {
+      "import": {
+        "types": "./dist/map.d.ts",
+        "default": "./dist/map.js"
+      },
+      "require": {
+        "types": "./dist/map.d.cts",
+        "default": "./dist/map.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@placeslayer/sdk": "^0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "leaflet": ">=1.9",
+    "react-leaflet": ">=4"
+  },
+  "peerDependenciesMeta": {
+    "leaflet": { "optional": true },
+    "react-leaflet": { "optional": true }
+  },
+  "keywords": [
+    "placeslayer",
+    "react",
+    "hooks",
+    "leaflet",
+    "map",
+    "geography"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/hexar/placeslayer-sdk"
+  }
+}