@stisocial/ui 0.1.0 → 0.2.0

package/dist/maps/LocationPicker/LocationPicker.js

@@ -0,0 +1,278 @@
+"use client";
+import { useFormatter, useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
+import { fieldStyles } from "../../components/Field/Field.js";
+import { TextField } from "../../components/TextField/TextField.js";
+import { Button } from "../../components/Button/Button.js";
+import { CompassIcon } from "../../icons/generated/CompassIcon.js";
+import { parseCoordinate, roundCoordinate } from "../_internal/geo.js";
+import { useControllable } from "../_internal/useControllable.js";
+import { MapMarker } from "../MapMarker/MapMarker.js";
+import { MapView } from "../MapView/MapView.js";
+import LocationPicker_module_default from "./LocationPicker.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState } from "react";
+// src/maps/LocationPicker/LocationPicker.tsx
+/**
+* Konum seçici: haritadan nokta seçme (tıklama, dokunma ya da harita odaktayken Enter), koordinatı
+* elle girme ve cihaz konumunu kullanma. Koordinat alanları haritanın klavyeyle de kullanılabilen
+* eşdeğeridir: harita hiç yüklenmese de konum girilebilir. Cihaz konumu yalnız düğmeye basılınca
+* istenir ve hiçbir yere gönderilmez.
+*/
+function LocationPicker(props) {
+	const { label, description, errorMessage, isInvalid, showOptional, name, isRequired, isDisabled, isReadOnly, size = "md", defaultCenter, defaultZoom, mapProps, className, id } = props;
+	const messages = useMessages();
+	const format = useFormatter();
+	const labelId = useId();
+	const describedBy = useId();
+	const [value, setValue] = useControllable(props.value, props.defaultValue ?? null, props.onChange);
+	const show = (n) => format.number(n, {
+		maximumFractionDigits: 6,
+		useGrouping: false
+	});
+	const [draft, setDraft] = useState({
+		lat: value ? show(value.lat) : "",
+		lng: value ? show(value.lng) : ""
+	});
+	const [errors, setErrors] = useState({});
+	const [center, setCenter] = useState(value ?? defaultCenter);
+	const [zoom, setZoom] = useState(value ? 15 : defaultZoom);
+	const [status, setStatus] = useState(null);
+	const [locating, setLocating] = useState(false);
+	const lastEmitted = useRef(value);
+	const editable = !isDisabled && !isReadOnly;
+	useEffect(() => {
+		const prev = lastEmitted.current;
+		if (prev?.lat === value?.lat && prev?.lng === value?.lng) return;
+		lastEmitted.current = value;
+		setDraft({
+			lat: value ? show(value.lat) : "",
+			lng: value ? show(value.lng) : ""
+		});
+		setErrors({});
+		if (value) setCenter(value);
+	}, [value?.lat, value?.lng]);
+	const commit = (next, { recenter = true } = {}) => {
+		lastEmitted.current = next;
+		setValue(next);
+		setDraft({
+			lat: next ? show(next.lat) : "",
+			lng: next ? show(next.lng) : ""
+		});
+		setErrors({});
+		if (next && recenter) {
+			setCenter(next);
+			setZoom((z) => Math.max(z ?? 0, 15));
+		}
+	};
+	const picked = (p) => template(messages.locationPicked, {
+		lat: show(p.lat),
+		lng: show(p.lng)
+	});
+	const pick = (p) => {
+		if (!editable) return;
+		const next = {
+			lat: roundCoordinate(p.lat),
+			lng: roundCoordinate(p.lng)
+		};
+		commit(next, { recenter: false });
+		setStatus({
+			text: picked(next),
+			tone: "info"
+		});
+	};
+	/** Alanlardaki metni denetler; ikisi de geçerliyse değeri bildirir. */
+	const commitDraft = () => {
+		const latText = draft.lat.trim();
+		const lngText = draft.lng.trim();
+		if (!latText && !lngText) {
+			setErrors({});
+			if (value) commit(null);
+			return;
+		}
+		const lat = parseCoordinate(latText);
+		const lng = parseCoordinate(lngText);
+		const next = {};
+		if (!latText) next.lat = messages.errorCoordinateIncomplete;
+		else if (lat === null || Math.abs(lat) > 90) next.lat = messages.errorLatitudeRange;
+		if (!lngText) next.lng = messages.errorCoordinateIncomplete;
+		else if (lng === null || Math.abs(lng) > 180) next.lng = messages.errorLongitudeRange;
+		setErrors(next);
+		if (!next.lat && !next.lng && lat !== null && lng !== null) {
+			const rounded = {
+				lat: roundCoordinate(lat),
+				lng: roundCoordinate(lng)
+			};
+			if (value?.lat !== rounded.lat || value?.lng !== rounded.lng) commit(rounded);
+		}
+	};
+	const locate = () => {
+		if (!navigator.geolocation) {
+			setStatus({
+				text: messages.locationUnavailable,
+				tone: "danger"
+			});
+			return;
+		}
+		setLocating(true);
+		setStatus({
+			text: messages.locationLocating,
+			tone: "info"
+		});
+		navigator.geolocation.getCurrentPosition((pos) => {
+			setLocating(false);
+			const next = {
+				lat: roundCoordinate(pos.coords.latitude),
+				lng: roundCoordinate(pos.coords.longitude)
+			};
+			commit(next);
+			setStatus({
+				text: picked(next),
+				tone: "info"
+			});
+		}, (err) => {
+			setLocating(false);
+			setStatus({
+				text: err.code === 1 ? messages.locationDenied : messages.locationUnavailable,
+				tone: "danger"
+			});
+		}, {
+			enableHighAccuracy: false,
+			timeout: 15e3,
+			maximumAge: 6e4
+		});
+	};
+	const summary = value ? template(messages.locationSelected, {
+		lat: show(value.lat),
+		lng: show(value.lng)
+	}) : messages.locationNone;
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		className: [LocationPicker_module_default.root, className].filter(Boolean).join(" "),
+		role: "group",
+		"aria-labelledby": labelId,
+		"aria-describedby": describedBy,
+		"data-disabled": isDisabled ? "" : void 0,
+		"data-invalid": isInvalid ? "" : void 0,
+		children: [
+			/* @__PURE__ */ jsxs("span", {
+				id: labelId,
+				className: fieldStyles.label,
+				children: [label, showOptional && !isRequired ? /* @__PURE__ */ jsxs("span", {
+					className: fieldStyles.optional,
+					children: [
+						" (",
+						messages.optional,
+						")"
+					]
+				}) : null]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				id: describedBy,
+				className: LocationPicker_module_default.meta,
+				children: [description ? /* @__PURE__ */ jsx("span", {
+					className: fieldStyles.description,
+					children: description
+				}) : null, /* @__PURE__ */ jsx("span", {
+					className: LocationPicker_module_default.summary,
+					children: summary
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: LocationPicker_module_default.map,
+				inert: isDisabled,
+				children: /* @__PURE__ */ jsx(MapView, {
+					label: typeof label === "string" ? label : messages.mapRole,
+					size,
+					center,
+					zoom,
+					onCenterChange: setCenter,
+					onZoomChange: setZoom,
+					defaultCenter,
+					defaultZoom,
+					crosshair: editable ? "focus" : void 0,
+					onPick: editable ? pick : void 0,
+					...mapProps,
+					children: value ? /* @__PURE__ */ jsx(MapMarker, {
+						lat: value.lat,
+						lng: value.lng,
+						label: summary,
+						tone: "danger"
+					}) : null
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: LocationPicker_module_default.coords,
+				onKeyDown: (e) => {
+					if (e.key === "Enter" && e.target instanceof HTMLInputElement) commitDraft();
+				},
+				children: [/* @__PURE__ */ jsx(TextField, {
+					label: messages.locationLatitude,
+					size: "sm",
+					inputMode: "decimal",
+					autoComplete: "off",
+					value: draft.lat,
+					onChange: (v) => setDraft((d) => ({
+						...d,
+						lat: v
+					})),
+					onBlur: commitDraft,
+					isRequired,
+					isDisabled,
+					isReadOnly,
+					isInvalid: Boolean(errors.lat),
+					errorMessage: errors.lat
+				}), /* @__PURE__ */ jsx(TextField, {
+					label: messages.locationLongitude,
+					size: "sm",
+					inputMode: "decimal",
+					autoComplete: "off",
+					value: draft.lng,
+					onChange: (v) => setDraft((d) => ({
+						...d,
+						lng: v
+					})),
+					onBlur: commitDraft,
+					isRequired,
+					isDisabled,
+					isReadOnly,
+					isInvalid: Boolean(errors.lng),
+					errorMessage: errors.lng
+				})]
+			}),
+			editable ? /* @__PURE__ */ jsxs("div", {
+				className: LocationPicker_module_default.actions,
+				children: [/* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					variant: "secondary",
+					iconStart: /* @__PURE__ */ jsx(CompassIcon, {}),
+					isPending: locating,
+					onPress: locate,
+					children: messages.locationUseMine
+				}), value ? /* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					variant: "ghost",
+					onPress: () => commit(null),
+					children: messages.locationClear
+				}) : null]
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				className: LocationPicker_module_default.status,
+				role: "status",
+				"data-tone": status?.tone,
+				children: status?.text
+			}),
+			isInvalid && errorMessage ? /* @__PURE__ */ jsxs("div", {
+				className: fieldStyles.error,
+				children: [/* @__PURE__ */ jsx(AlertCircleIcon, { className: fieldStyles.errorIcon }), /* @__PURE__ */ jsx("span", { children: errorMessage })]
+			}) : null,
+			name && value ? /* @__PURE__ */ jsx("input", {
+				type: "hidden",
+				name,
+				value: `${value.lat.toFixed(6)},${value.lng.toFixed(6)}`
+			}) : null
+		]
+	});
+}
+export { LocationPicker };

package/dist/maps/LocationPicker/LocationPicker.module.js

@@ -0,0 +1,12 @@
+import './LocationPicker.css';
+// src/maps/LocationPicker/LocationPicker.module.css
+var LocationPicker_module_default = {
+	"root": "sti-LocationPicker-root-8abe0",
+	"map": "sti-LocationPicker-map-70218",
+	"meta": "sti-LocationPicker-meta-45180",
+	"summary": "sti-LocationPicker-summary-96b90",
+	"coords": "sti-LocationPicker-coords-0124e",
+	"actions": "sti-LocationPicker-actions-cae60",
+	"status": "sti-LocationPicker-status-d9321"
+};
+export { LocationPicker_module_default as default };

package/dist/maps/LocationPicker/index.d.ts

@@ -0,0 +1,2 @@
+import { LocationPicker, LocationPickerProps } from "./LocationPicker.js";
+export { LocationPicker, LocationPickerProps };

package/dist/maps/MapMarker/MapMarker.css

@@ -0,0 +1,318 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-MapMarker-root-8f528 {
+    --sti-map-marker-size: var(--sti-space-8);
+    --sti-map-marker-bg: var(--sti-fill-accent);
+    --sti-map-marker-fg: var(--sti-fg-on-accent);
+    --sti-map-marker-ring: var(--sti-bg-surface);
+    --sti-map-marker-scale: 1;
+    z-index: var(--sti-map-z, 0);
+    translate: var(--sti-map-x, 0) var(--sti-map-y, 0);
+    pointer-events: auto;
+    width: 0;
+    height: 0;
+    font-family: var(--sti-font-text);
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+  }
+
+  .sti-MapMarker-root-8f528[data-size="sm"] {
+    --sti-map-marker-size: var(--sti-space-6);
+  }
+
+  .sti-MapMarker-root-8f528[data-size="lg"] {
+    --sti-map-marker-size: var(--sti-space-10);
+  }
+
+  @media (pointer: coarse) {
+    .sti-MapMarker-root-8f528[data-size="sm"], .sti-MapMarker-root-8f528[data-size="md"] {
+      --sti-map-marker-size: var(--sti-control-h-md);
+    }
+  }
+
+  .sti-MapMarker-root-8f528[data-tone="neutral"] {
+    --sti-map-marker-bg: var(--sti-fill-neutral);
+    --sti-map-marker-fg: var(--sti-fg-on-neutral);
+  }
+
+  .sti-MapMarker-root-8f528[data-tone="success"] {
+    --sti-map-marker-bg: var(--sti-fill-success);
+    --sti-map-marker-fg: var(--sti-fg-on-success);
+  }
+
+  .sti-MapMarker-root-8f528[data-tone="warning"] {
+    --sti-map-marker-bg: var(--sti-fill-warning);
+    --sti-map-marker-fg: var(--sti-fg-on-warning);
+  }
+
+  .sti-MapMarker-root-8f528[data-tone="danger"] {
+    --sti-map-marker-bg: var(--sti-fill-danger);
+    --sti-map-marker-fg: var(--sti-fg-on-danger);
+  }
+
+  .sti-MapMarker-root-8f528[data-tone="info"] {
+    --sti-map-marker-bg: var(--sti-fill-info);
+    --sti-map-marker-fg: var(--sti-fg-on-info);
+  }
+
+  .sti-MapMarker-root-8f528[data-selected] {
+    --sti-map-marker-scale: 1.18;
+  }
+
+  .sti-MapMarker-pin-a5aea {
+    width: var(--sti-map-marker-size);
+    height: var(--sti-map-marker-size);
+    border: var(--sti-border-width-strong) solid var(--sti-map-marker-ring);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-map-marker-bg);
+    box-shadow: var(--sti-shadow-sm);
+    color: var(--sti-map-marker-fg);
+    font-size: calc(var(--sti-map-marker-size) / 2);
+    font-weight: var(--sti-font-weight-bold);
+    font-variant-numeric: tabular-nums;
+    transform: scale(var(--sti-map-marker-scale));
+    transform-origin: 50% calc(100% + var(--sti-map-marker-size) / 6);
+    cursor: default;
+    -webkit-tap-highlight-color: transparent;
+    transition: transform var(--sti-duration-fast) var(--sti-ease-snap),
+      box-shadow var(--sti-duration-fast) var(--sti-ease-snap);
+    justify-content: center;
+    align-items: center;
+    padding: 0;
+    line-height: 1;
+    display: inline-flex;
+    position: absolute;
+    inset-block-end: calc(var(--sti-map-marker-size) / 6);
+    inset-inline-start: calc(var(--sti-map-marker-size) / -2);
+  }
+
+  button.sti-MapMarker-pin-a5aea {
+    cursor: pointer;
+  }
+
+  .sti-MapMarker-pin-a5aea:after {
+    content: "";
+    width: calc(var(--sti-map-marker-size) / 3);
+    height: calc(var(--sti-map-marker-size) / 3);
+    border-inline-end: var(--sti-border-width-strong) solid var(--sti-map-marker-ring);
+    border-block-end: var(--sti-border-width-strong) solid var(--sti-map-marker-ring);
+    background: var(--sti-map-marker-bg);
+    z-index: -1;
+    position: absolute;
+    inset-block-start: calc(100% - var(--sti-map-marker-size) / 5);
+    inset-inline-start: 50%;
+    translate: -50%;
+    rotate: 45deg;
+  }
+
+  .sti-MapMarker-pin-a5aea:before {
+    content: "";
+    inset: calc(var(--sti-space-1) * -1);
+    position: absolute;
+  }
+
+  .sti-MapMarker-root-8f528[data-selected] .sti-MapMarker-pin-a5aea {
+    box-shadow: 0 0 0 var(--sti-border-width-strong) var(--sti-border-selected),
+      var(--sti-shadow-md);
+  }
+
+  @media (hover: hover) {
+    .sti-MapMarker-pin-a5aea[data-hovered]:not([data-disabled]) {
+      --sti-map-marker-scale: 1.12;
+    }
+  }
+
+  .sti-MapMarker-pin-a5aea[data-pressed]:not([data-disabled]) {
+    --sti-map-marker-scale: .96;
+  }
+
+  .sti-MapMarker-pin-a5aea:focus-visible, .sti-MapMarker-pin-a5aea[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-MapMarker-pin-a5aea:focus:not([data-focus-visible]) {
+    outline: none;
+  }
+
+  .sti-MapMarker-pin-a5aea[data-disabled] {
+    opacity: var(--sti-opacity-disabled);
+    cursor: not-allowed;
+  }
+
+  .sti-MapMarker-glyph-f45b4 {
+    font-size: calc(var(--sti-map-marker-size) / 2);
+    display: inline-flex;
+  }
+
+  .sti-MapMarker-badge-a07b9 {
+    min-width: 0;
+  }
+
+  .sti-MapMarker-popup-9beb4 {
+    gap: var(--sti-space-1);
+    box-sizing: border-box;
+    inline-size: max-content;
+    max-inline-size: min(calc(var(--sti-space-16) * 4), calc(100cqw - var(--sti-space-8)));
+    padding: var(--sti-space-3);
+    border: var(--sti-border-width) solid var(--sti-border);
+    border-radius: var(--sti-radius-lg);
+    background: var(--sti-bg-surface);
+    box-shadow: var(--sti-shadow-lg);
+    color: var(--sti-fg);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    text-align: start;
+    display: grid;
+    position: absolute;
+    inset-block-end: calc(var(--sti-map-marker-size) * 1.35 + var(--sti-space-2));
+    inset-inline-start: 0;
+    translate: -50%;
+  }
+
+  .sti-MapMarker-root-8f528[data-placement="below"] .sti-MapMarker-popup-9beb4 {
+    inset-block-start: calc(var(--sti-space-2) * 1);
+    inset-block-end: auto;
+  }
+
+  .sti-MapMarker-popupHeader-3dddd {
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: var(--sti-space-2);
+    min-width: 0;
+    display: flex;
+  }
+
+  .sti-MapMarker-popupTitle-ec992 {
+    min-width: 0;
+    font-weight: var(--sti-font-weight-semibold);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-MapMarker-popupDescription-a9395 {
+    color: var(--sti-fg-muted);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-MapMarker-popupBody-dcf30 {
+    overflow-wrap: anywhere;
+    min-width: 0;
+  }
+
+  .sti-MapMarker-close-cd711 {
+    width: var(--sti-space-6);
+    height: var(--sti-space-6);
+    margin: calc(var(--sti-space-1) * -1);
+    border-radius: var(--sti-radius-pill);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-icon-sm);
+    cursor: pointer;
+    background: none;
+    border: 0;
+    flex: none;
+    justify-content: center;
+    align-items: center;
+    padding: 0;
+    display: inline-flex;
+  }
+
+  @media (pointer: coarse) {
+    .sti-MapMarker-close-cd711 {
+      width: var(--sti-control-h-md);
+      height: var(--sti-control-h-md);
+      margin: calc((var(--sti-space-6) - var(--sti-control-h-md)) / 2);
+    }
+  }
+
+  @media (hover: hover) {
+    .sti-MapMarker-close-cd711[data-hovered] {
+      background: var(--sti-bg-surface-hover);
+      color: var(--sti-fg);
+    }
+  }
+
+  .sti-MapMarker-close-cd711:focus-visible, .sti-MapMarker-close-cd711[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-MapMarker-close-cd711:focus:not([data-focus-visible]) {
+    outline: none;
+  }
+
+  .sti-MapMarker-item-1ee43 {
+    align-items: flex-start;
+    gap: var(--sti-space-3);
+    min-width: 0;
+    list-style: none;
+    display: flex;
+  }
+
+  .sti-MapMarker-itemIcon-f12bc {
+    color: var(--sti-fg-accent);
+    font-size: var(--sti-icon-md);
+    flex: none;
+    margin-block-start: var(--sti-space-0-5);
+    display: inline-flex;
+  }
+
+  .sti-MapMarker-itemText-335a2 {
+    gap: var(--sti-space-0-5);
+    text-align: start;
+    min-width: 0;
+    display: grid;
+  }
+
+  .sti-MapMarker-itemLabel-bbd99 {
+    color: var(--sti-fg);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-sm);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-MapMarker-itemDescription-718bb {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    overflow-wrap: anywhere;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sti-MapMarker-pin-a5aea {
+      transition: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-MapMarker-pin-a5aea {
+      color: buttontext;
+      forced-color-adjust: none;
+      background: buttonface;
+      border-color: buttontext;
+    }
+
+    .sti-MapMarker-pin-a5aea:after {
+      background: buttonface;
+      border-color: buttontext;
+    }
+
+    .sti-MapMarker-root-8f528[data-selected] .sti-MapMarker-pin-a5aea, .sti-MapMarker-root-8f528[data-selected] .sti-MapMarker-pin-a5aea:after {
+      color: highlighttext;
+      background: highlight;
+    }
+
+    .sti-MapMarker-popup-9beb4 {
+      color: canvastext;
+      background: canvas;
+      border-color: canvastext;
+    }
+
+    .sti-MapMarker-pin-a5aea[data-disabled] {
+      color: graytext;
+      opacity: 1;
+      border-color: graytext;
+    }
+  }
+}

package/dist/maps/MapMarker/MapMarker.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode, Ref } from "react";
+export type MapMarkerTone = "neutral" | "accent" | "success" | "warning" | "danger" | "info";
+export type MapMarkerSize = "sm" | "md" | "lg";
+export interface MapMarkerProps {
+  lat: number;
+  lng: number;
+  /** Konumun adı (zorunlu): düğmenin erişilebilir adı, açılan kartın başlığı ve metin listesi. */
+  label: string;
+  /** Kısa açıklama (adres, çalışma saati): açılan kartta ve harita yüklenmeden önceki listede. */
+  description?: ReactNode;
+  /** Açılan karta eklenen içerik (bağlantı, eylem). */
+  children?: ReactNode;
+  /** İğnenin içindeki kısa metin ("3", "A"); verilmezse konum ikonu. Anlamı `label` taşır. */
+  badge?: string;
+  /** Anlam rengi; varsayılan `accent`. Renk tek başına anlam taşımaz: ad ve metin her zaman vardır. */
+  tone?: MapMarkerTone;
+  /** İğne boyu: `sm` 24, `md` 32, `lg` 40 piksel (dokunmatikte en az 44). */
+  size?: MapMarkerSize;
+  /** Seçili: iğne büyür, halkalanır, öne çıkar; açıklama ya da içerik varsa kart açılır. */
+  isSelected?: boolean;
+  /** Basılınca (seçmek ya da kartı açıp kapamak için). Verilmezse iğne etkileşimsizdir. */
+  onPress?: () => void;
+  /** Kart açıkken kapatma düğmesine ya da Escape'e basılınca. */
+  onClose?: () => void;
+  isDisabled?: boolean;
+  className?: string;
+  id?: string;
+  ref?: Ref<HTMLDivElement>;
+}
+/**
+ * Harita işaretçisi: `MapView` içinde bir konuma iğne koyar. Harita yüklenmeden önce adı ve
+ * açıklamasıyla bir liste öğesi olarak çizilir (haritanın metin karşılığı). Görünümün dışındaki
+ * işaretçi (seçili değilse) çizilmez ve odak almaz.
+ */
+export declare function MapMarker({ lat, lng, label, description, children, badge, tone, size, isSelected, onPress, onClose, isDisabled, className, id, ref }: MapMarkerProps): import("react").JSX.Element | null;