@stisocial/ui 0.1.0 → 0.2.1

package/dist/maps/TurkeyMap/TurkeyMap.css

@@ -0,0 +1,229 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-TurkeyMap-root-ade81 {
+    --sti-turkey-map-w: calc(var(--sti-space-16) * 7.5);
+    --sti-turkey-map-tile: var(--sti-bg-surface-hover);
+    --sti-turkey-map-stroke: var(--sti-border);
+    --sti-turkey-map-fg: var(--sti-fg);
+    gap: var(--sti-space-3);
+    inline-size: 100%;
+    max-inline-size: var(--sti-turkey-map-w);
+    min-width: 0;
+    font-family: var(--sti-font-text);
+    grid-template-columns: minmax(0, 1fr);
+    display: grid;
+  }
+
+  .sti-TurkeyMap-root-ade81[data-size="sm"] {
+    --sti-turkey-map-w: calc(var(--sti-space-16) * 5);
+  }
+
+  .sti-TurkeyMap-root-ade81[data-size="lg"] {
+    --sti-turkey-map-w: calc(var(--sti-space-16) * 11.25);
+  }
+
+  .sti-TurkeyMap-svg-d03ea {
+    -webkit-user-select: none;
+    user-select: none;
+    block-size: auto;
+    inline-size: 100%;
+    display: block;
+    overflow: visible;
+  }
+
+  .sti-TurkeyMap-tile-b5bda {
+    --sti-turkey-fill: var(--sti-turkey-map-tile);
+    --sti-turkey-text: var(--sti-turkey-map-fg);
+    --sti-turkey-stroke: var(--sti-turkey-map-stroke);
+    --sti-turkey-stroke-w: var(--sti-border-width);
+    -webkit-tap-highlight-color: transparent;
+    outline: none;
+  }
+
+  .sti-TurkeyMap-tile-b5bda[data-step="1"] {
+    --sti-turkey-fill: var(--sti-ref-accent-2);
+    --sti-turkey-text: var(--sti-ref-accent-12);
+  }
+
+  .sti-TurkeyMap-tile-b5bda[data-step="2"] {
+    --sti-turkey-fill: var(--sti-ref-accent-4);
+    --sti-turkey-text: var(--sti-ref-accent-12);
+  }
+
+  .sti-TurkeyMap-tile-b5bda[data-step="3"] {
+    --sti-turkey-fill: var(--sti-ref-accent-6);
+    --sti-turkey-text: var(--sti-ref-accent-12);
+  }
+
+  .sti-TurkeyMap-tile-b5bda[data-step="4"] {
+    --sti-turkey-fill: var(--sti-ref-accent-8);
+    --sti-turkey-text: var(--sti-ref-accent-12);
+  }
+
+  .sti-TurkeyMap-tile-b5bda[data-step="5"] {
+    --sti-turkey-fill: var(--sti-fill-accent);
+    --sti-turkey-text: var(--sti-fg-on-accent);
+  }
+
+  .sti-TurkeyMap-shape-21351 {
+    fill: var(--sti-turkey-fill);
+    stroke: var(--sti-turkey-stroke);
+    stroke-width: var(--sti-turkey-stroke-w);
+    transition: fill var(--sti-duration-fast) var(--sti-ease-snap),
+      stroke var(--sti-duration-fast) var(--sti-ease-snap);
+  }
+
+  .sti-TurkeyMap-code-44eb1 {
+    fill: var(--sti-turkey-text);
+    font-family: var(--sti-font-numeric);
+    font-variant-numeric: tabular-nums;
+    font-weight: var(--sti-font-weight-medium);
+    text-anchor: middle;
+    dominant-baseline: central;
+    pointer-events: none;
+  }
+
+  .sti-TurkeyMap-ring-bf14f {
+    fill: none;
+    stroke: #0000;
+    stroke-width: var(--sti-focus-ring-width);
+    pointer-events: none;
+  }
+
+  .sti-TurkeyMap-tile-b5bda[data-interactive] {
+    cursor: pointer;
+  }
+
+  @media (hover: hover) {
+    .sti-TurkeyMap-tile-b5bda[data-interactive]:hover {
+      --sti-turkey-stroke: var(--sti-border-accent);
+      --sti-turkey-stroke-w: var(--sti-border-width-strong);
+    }
+  }
+
+  .sti-TurkeyMap-tile-b5bda[data-selected] {
+    --sti-turkey-stroke: var(--sti-border-selected);
+    --sti-turkey-stroke-w: calc(var(--sti-border-width-strong) * 1.5);
+  }
+
+  .sti-TurkeyMap-tile-b5bda[data-selected] .sti-TurkeyMap-code-44eb1 {
+    font-weight: var(--sti-font-weight-bold);
+  }
+
+  .sti-TurkeyMap-tile-b5bda:focus-visible .sti-TurkeyMap-ring-bf14f {
+    stroke: var(--sti-focus-ring);
+  }
+
+  .sti-TurkeyMap-tile-b5bda[data-disabled] {
+    opacity: var(--sti-opacity-disabled);
+    cursor: not-allowed;
+  }
+
+  .sti-TurkeyMap-readout-d3394 {
+    min-block-size: var(--sti-line-height-sm);
+    color: var(--sti-fg);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-medium);
+    line-height: var(--sti-line-height-sm);
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+
+  .sti-TurkeyMap-legend-e2a19 {
+    align-items: center;
+    gap: var(--sti-space-2);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    line-height: var(--sti-line-height-xs);
+    font-variant-numeric: tabular-nums;
+    display: flex;
+  }
+
+  .sti-TurkeyMap-legendValue-406af {
+    flex: none;
+  }
+
+  .sti-TurkeyMap-legendBar-78833 {
+    min-inline-size: 0;
+    max-inline-size: calc(var(--sti-space-16) * 3);
+    border: var(--sti-border-width) solid var(--sti-border);
+    border-radius: var(--sti-radius-pill);
+    flex: 1;
+    display: flex;
+    overflow: hidden;
+  }
+
+  .sti-TurkeyMap-legendStep-7312b {
+    block-size: var(--sti-space-2);
+    background: var(--sti-ref-accent-2);
+    flex: 1;
+  }
+
+  .sti-TurkeyMap-legendStep-7312b[data-step="2"] {
+    background: var(--sti-ref-accent-4);
+  }
+
+  .sti-TurkeyMap-legendStep-7312b[data-step="3"] {
+    background: var(--sti-ref-accent-6);
+  }
+
+  .sti-TurkeyMap-legendStep-7312b[data-step="4"] {
+    background: var(--sti-ref-accent-8);
+  }
+
+  .sti-TurkeyMap-legendStep-7312b[data-step="5"] {
+    background: var(--sti-fill-accent);
+  }
+
+  .sti-TurkeyMap-sr-d4fef {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border: 0;
+    block-size: 1px;
+    inline-size: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sti-TurkeyMap-shape-21351 {
+      transition: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-TurkeyMap-tile-b5bda {
+      --sti-turkey-fill: Canvas;
+      --sti-turkey-text: CanvasText;
+      --sti-turkey-stroke: CanvasText;
+    }
+
+    .sti-TurkeyMap-tile-b5bda[data-step="4"], .sti-TurkeyMap-tile-b5bda[data-step="5"] {
+      --sti-turkey-fill: Highlight;
+      --sti-turkey-text: HighlightText;
+    }
+
+    .sti-TurkeyMap-tile-b5bda[data-selected] {
+      --sti-turkey-stroke: Highlight;
+      --sti-turkey-stroke-w: calc(var(--sti-border-width-strong) * 2);
+    }
+
+    .sti-TurkeyMap-tile-b5bda:focus-visible .sti-TurkeyMap-ring-bf14f {
+      stroke: canvastext;
+    }
+
+    .sti-TurkeyMap-legendBar-78833 {
+      border-color: canvastext;
+    }
+
+    .sti-TurkeyMap-legendStep-7312b {
+      background: canvas;
+    }
+
+    .sti-TurkeyMap-legendStep-7312b[data-step="4"], .sti-TurkeyMap-legendStep-7312b[data-step="5"] {
+      background: highlight;
+    }
+  }
+}

package/dist/maps/TurkeyMap/TurkeyMap.d.ts

@@ -0,0 +1,45 @@
+export type TurkeyMapSelectionMode = "none" | "single" | "multiple";
+export interface TurkeyMapProps {
+  /** Haritanın adı (zorunlu): "İllere göre müşteri sayısı". */
+  label: string;
+  /**
+   * Seçim kipi: `none` (yalnız gösterim), `single` (varsayılan; seçili ile yeniden basmak seçimi
+   * kaldırır), `multiple`.
+   */
+  selectionMode?: TurkeyMapSelectionMode;
+  /** Seçili illerin plaka kodları ("34", "06"); denetimli. */
+  selectedCodes?: readonly string[];
+  defaultSelectedCodes?: readonly string[];
+  onSelectionChange?: (codes: string[]) => void;
+  /** İl başına değer (anahtar plaka kodu); verilirse iller değere göre beş basamakta boyanır. */
+  values?: Readonly<Record<string, number>>;
+  /** Değerin metni; varsayılan sağlayıcının diliyle sayı. */
+  formatValue?: (value: number, code: string) => string;
+  /** Seçilemeyen illerin plaka kodları. */
+  disabledCodes?: readonly string[];
+  /** Değer ölçeği göstergesi; varsayılan açık (değer verilmişse). */
+  showLegend?: boolean;
+  /** Üzerine gelinen ya da odaktaki ilin adı ve değeri; varsayılan açık. */
+  showReadout?: boolean;
+  /** En büyük genişlik: `sm` 320, `md` 480, `lg` 720 piksel; küçük kapsayıcıda daralır. */
+  size?: "sm" | "md" | "lg";
+  className?: string;
+  id?: string;
+}
+interface Tile {
+  code: string;
+  name: string;
+  col: number;
+  row: number;
+}
+/** Değerin 1–`STEPS` arası basamağı; hepsi eşitse ortadaki basamak. */
+export declare function valueStep(value: number, min: number, max: number): number;
+/** `from` ilinden `key` yönündeki en yakın il (yoksa `null`). */
+export declare function neighbor(tiles: readonly Tile[], from: Tile, key: "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown"): Tile | null;
+/**
+ * Türkiye haritası (kare ızgara): her il aynı boyda bir kare; seçilebilir ve değere göre boyanabilir.
+ * Seçim, klavyeyle ok tuşları (yöne en yakın il), Home/End, baş harfle arama ve Enter/Boşlukla
+ * yapılır (APG seçenek listesi). Sınır çizimi değil gösterimdir: küçük iller de eşit alan kaplar.
+ */
+export declare function TurkeyMap(props: TurkeyMapProps): import("react").JSX.Element;
+export {};

package/dist/maps/TurkeyMap/TurkeyMap.js

@@ -0,0 +1,280 @@
+"use client";
+import { useFormatter, useMessages } from "../../provider/UIProvider.js";
+import { searchKey, template } from "../../text/text.js";
+import { TR_PROVINCES } from "../../components/ProvinceSelect/provinces.js";
+import { VisuallyHidden } from "../../components/VisuallyHidden/VisuallyHidden.js";
+import { useControllable } from "../_internal/useControllable.js";
+import TurkeyMap_module_default from "./TurkeyMap.module.js";
+import { TILE_GRID } from "./tileGrid.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId, useMemo, useRef, useState } from "react";
+// src/maps/TurkeyMap/TurkeyMap.tsx
+const CELL = 40;
+const PAD = 2;
+const VIEW_W = 600;
+const VIEW_H = 280;
+const STEPS = 5;
+/** Okuma sırasında (satır, sütun) il listesi. */
+const TILES = TR_PROVINCES.flatMap((p) => {
+	const pos = TILE_GRID[p.code];
+	return pos ? [{
+		code: p.code,
+		name: p.name,
+		col: pos[0],
+		row: pos[1]
+	}] : [];
+}).sort((a, b) => a.row - b.row || a.col - b.col);
+/** Değerin 1–`STEPS` arası basamağı; hepsi eşitse ortadaki basamak. */
+function valueStep(value, min, max) {
+	if (!(max > min)) return Math.ceil(STEPS / 2);
+	const t = (value - min) / (max - min);
+	return Math.min(STEPS, Math.max(1, 1 + Math.floor(t * STEPS * .9999)));
+}
+/** `from` ilinden `key` yönündeki en yakın il (yoksa `null`). */
+function neighbor(tiles, from, key) {
+	let best = null;
+	let bestScore = Number.POSITIVE_INFINITY;
+	for (const t of tiles) {
+		const dx = t.col - from.col;
+		const dy = t.row - from.row;
+		const along = key === "ArrowRight" ? dx : key === "ArrowLeft" ? -dx : key === "ArrowDown" ? dy : -dy;
+		if (along <= 0) continue;
+		const score = along + (key === "ArrowLeft" || key === "ArrowRight" ? Math.abs(dy) : Math.abs(dx)) * 2.5;
+		if (score < bestScore) {
+			best = t;
+			bestScore = score;
+		}
+	}
+	return best;
+}
+/**
+* Türkiye haritası (kare ızgara): her il aynı boyda bir kare; seçilebilir ve değere göre boyanabilir.
+* Seçim, klavyeyle ok tuşları (yöne en yakın il), Home/End, baş harfle arama ve Enter/Boşlukla
+* yapılır (APG seçenek listesi). Sınır çizimi değil gösterimdir: küçük iller de eşit alan kaplar.
+*/
+function TurkeyMap(props) {
+	const { label, selectionMode = "single", values, disabledCodes, showReadout = true, size = "md", className, id } = props;
+	const messages = useMessages();
+	const format = useFormatter();
+	const [selected, setSelected] = useControllable(props.selectedCodes, props.defaultSelectedCodes ?? [], props.onSelectionChange ? (c) => props.onSelectionChange?.([...c]) : void 0);
+	const [active, setActive] = useState(null);
+	const [hovered, setHovered] = useState(null);
+	const [focused, setFocused] = useState(null);
+	const [announcement, setAnnouncement] = useState("");
+	const buffer = useRef({
+		text: "",
+		at: 0
+	});
+	const nodes = useRef(/* @__PURE__ */ new Map());
+	const interactive = selectionMode !== "none";
+	const disabled = useMemo(() => new Set(disabledCodes ?? []), [disabledCodes]);
+	const chosen = useMemo(() => new Set(selected), [selected]);
+	const { min, max } = useMemo(() => {
+		const nums = Object.entries(values ?? {}).filter(([c, v]) => TILE_GRID[c] && Number.isFinite(v)).map(([, v]) => v);
+		return {
+			min: Math.min(...nums),
+			max: Math.max(...nums)
+		};
+	}, [values]);
+	const hasValues = Number.isFinite(min);
+	const showLegend = (props.showLegend ?? true) && hasValues;
+	const hintId = useId();
+	const valueFor = (code) => {
+		const v = values?.[code];
+		return v !== void 0 && Number.isFinite(v) ? v : void 0;
+	};
+	const text = (code, v) => props.formatValue ? props.formatValue(v, code) : format.number(v);
+	const describe = (t) => {
+		const v = valueFor(t.code);
+		const name = `${t.code} ${t.name}`;
+		if (!hasValues) return name;
+		return `${name}, ${v === void 0 ? messages.turkeyMapNoData : text(t.code, v)}`;
+	};
+	const enabled = TILES.filter((t) => !disabled.has(t.code));
+	const tabStop = TILES.find((t) => t.code === active && !disabled.has(t.code))?.code ?? enabled.find((t) => chosen.has(t.code))?.code ?? enabled[0]?.code ?? null;
+	const move = (to) => {
+		if (!to) return;
+		setActive(to.code);
+		nodes.current.get(to.code)?.focus();
+	};
+	const toggle = (t) => {
+		if (!interactive || disabled.has(t.code)) return;
+		const on = chosen.has(t.code);
+		let next;
+		if (selectionMode === "single") next = on ? [] : [t.code];
+		else next = on ? selected.filter((c) => c !== t.code) : [...selected, t.code].sort();
+		setSelected(next);
+		setActive(t.code);
+		setAnnouncement(template(on ? messages.turkeyMapDeselected : messages.turkeyMapSelected, { name: t.name }));
+	};
+	const onKeyDown = (e, t) => {
+		if (e.altKey || e.ctrlKey || e.metaKey) return;
+		switch (e.key) {
+			case "ArrowLeft":
+			case "ArrowRight":
+			case "ArrowUp":
+			case "ArrowDown":
+				e.preventDefault();
+				return move(neighbor(enabled, t, e.key));
+			case "Home":
+				e.preventDefault();
+				return move(enabled[0]);
+			case "End":
+				e.preventDefault();
+				return move(enabled[enabled.length - 1]);
+			case "Enter":
+			case " ":
+				e.preventDefault();
+				return toggle(t);
+		}
+		if (e.key.length === 1 && /\S/.test(e.key)) {
+			const now = Date.now();
+			const b = buffer.current;
+			b.text = now - b.at > 700 ? e.key : b.text + e.key;
+			b.at = now;
+			const q = searchKey(b.text);
+			const hit = enabled.find((x) => searchKey(x.name).startsWith(q));
+			if (hit) {
+				e.preventDefault();
+				move(hit);
+			}
+		}
+	};
+	const shown = TILES.find((t) => t.code === (hovered ?? focused));
+	const selectedNames = TILES.filter((t) => chosen.has(t.code)).map((t) => t.name);
+	const readout = shown ? describe(shown) : interactive ? selectedNames.length > 0 ? template(messages.turkeyMapSelection, { names: format.list(selectedNames) }) : messages.turkeyMapNoSelection : null;
+	const legendSteps = Array.from({ length: STEPS }, (_, i) => i + 1);
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		className: [TurkeyMap_module_default.root, className].filter(Boolean).join(" "),
+		"data-size": size,
+		children: [
+			/* @__PURE__ */ jsx("svg", {
+				className: TurkeyMap_module_default.svg,
+				viewBox: `0 0 ${VIEW_W} ${VIEW_H}`,
+				role: interactive ? "listbox" : hasValues ? void 0 : "img",
+				"aria-hidden": !interactive && hasValues ? true : void 0,
+				"aria-label": label,
+				"aria-describedby": interactive ? hintId : void 0,
+				"aria-multiselectable": selectionMode === "multiple" ? true : void 0,
+				focusable: "false",
+				"data-mode": selectionMode,
+				children: TILES.map((t) => {
+					const v = valueFor(t.code);
+					const isOff = disabled.has(t.code);
+					const on = chosen.has(t.code);
+					const x = t.col * CELL + PAD;
+					const y = t.row * CELL + PAD;
+					const w = 36;
+					return /* @__PURE__ */ jsxs("g", {
+						ref: (node) => {
+							if (node) nodes.current.set(t.code, node);
+							else nodes.current.delete(t.code);
+						},
+						className: TurkeyMap_module_default.tile,
+						role: interactive ? "option" : void 0,
+						"aria-label": interactive ? describe(t) : void 0,
+						"aria-selected": interactive ? on : void 0,
+						"aria-disabled": interactive && isOff ? true : void 0,
+						tabIndex: interactive && !isOff ? t.code === tabStop ? 0 : -1 : void 0,
+						"data-step": v === void 0 ? void 0 : valueStep(v, min, max),
+						"data-selected": on ? "" : void 0,
+						"data-disabled": isOff ? "" : void 0,
+						"data-interactive": interactive && !isOff ? "" : void 0,
+						onClick: () => toggle(t),
+						onKeyDown: (e) => onKeyDown(e, t),
+						onPointerEnter: () => setHovered(t.code),
+						onPointerLeave: () => setHovered((h) => h === t.code ? null : h),
+						onFocus: () => {
+							setActive(t.code);
+							setFocused(t.code);
+						},
+						onBlur: () => setFocused((f) => f === t.code ? null : f),
+						children: [
+							/* @__PURE__ */ jsx("rect", {
+								className: TurkeyMap_module_default.shape,
+								x,
+								y,
+								width: w,
+								height: w,
+								rx: 7
+							}),
+							/* @__PURE__ */ jsx("rect", {
+								className: TurkeyMap_module_default.ring,
+								x: x - 2,
+								y: y - 2,
+								width: 40,
+								height: 40,
+								rx: 9
+							}),
+							/* @__PURE__ */ jsx("text", {
+								className: TurkeyMap_module_default.code,
+								x: x + w / 2,
+								y: y + w / 2,
+								fontSize: 13,
+								children: t.code
+							})
+						]
+					}, t.code);
+				})
+			}),
+			showReadout && readout ? /* @__PURE__ */ jsx("p", {
+				className: TurkeyMap_module_default.readout,
+				children: readout
+			}) : null,
+			showLegend ? /* @__PURE__ */ jsxs("div", {
+				className: TurkeyMap_module_default.legend,
+				role: "group",
+				"aria-label": messages.turkeyMapLegend,
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: TurkeyMap_module_default.legendValue,
+						children: text("", min)
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: TurkeyMap_module_default.legendBar,
+						"aria-hidden": "true",
+						children: legendSteps.map((s) => /* @__PURE__ */ jsx("span", {
+							className: TurkeyMap_module_default.legendStep,
+							"data-step": s
+						}, s))
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: TurkeyMap_module_default.legendValue,
+						children: text("", max)
+					})
+				]
+			}) : null,
+			interactive ? /* @__PURE__ */ jsx(VisuallyHidden, {
+				id: hintId,
+				children: messages.turkeyMapHint
+			}) : null,
+			!interactive && hasValues ? /* @__PURE__ */ jsx("div", {
+				className: TurkeyMap_module_default.sr,
+				children: /* @__PURE__ */ jsxs("table", { children: [
+					/* @__PURE__ */ jsx("caption", { children: label }),
+					/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", {
+						scope: "col",
+						children: messages.turkeyMapProvince
+					}), /* @__PURE__ */ jsx("th", {
+						scope: "col",
+						children: messages.turkeyMapValue
+					})] }) }),
+					/* @__PURE__ */ jsx("tbody", { children: TILES.map((t) => {
+						const v = valueFor(t.code);
+						return /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", {
+							scope: "row",
+							children: t.name
+						}), /* @__PURE__ */ jsx("td", { children: v === void 0 ? messages.turkeyMapNoData : text(t.code, v) })] }, t.code);
+					}) })
+				] })
+			}) : null,
+			/* @__PURE__ */ jsx("span", {
+				className: TurkeyMap_module_default.sr,
+				role: "status",
+				children: announcement
+			})
+		]
+	});
+}
+export { TurkeyMap, neighbor, valueStep };

package/dist/maps/TurkeyMap/TurkeyMap.module.js

@@ -0,0 +1,17 @@
+import './TurkeyMap.css';
+// src/maps/TurkeyMap/TurkeyMap.module.css
+var TurkeyMap_module_default = {
+	"root": "sti-TurkeyMap-root-ade81",
+	"svg": "sti-TurkeyMap-svg-d03ea",
+	"tile": "sti-TurkeyMap-tile-b5bda",
+	"shape": "sti-TurkeyMap-shape-21351",
+	"code": "sti-TurkeyMap-code-44eb1",
+	"ring": "sti-TurkeyMap-ring-bf14f",
+	"readout": "sti-TurkeyMap-readout-d3394",
+	"legend": "sti-TurkeyMap-legend-e2a19",
+	"legendValue": "sti-TurkeyMap-legendValue-406af",
+	"legendBar": "sti-TurkeyMap-legendBar-78833",
+	"legendStep": "sti-TurkeyMap-legendStep-7312b",
+	"sr": "sti-TurkeyMap-sr-d4fef"
+};
+export { TurkeyMap_module_default as default };

package/dist/maps/TurkeyMap/tileGrid.js

@@ -0,0 +1,85 @@
+// src/maps/TurkeyMap/tileGrid.ts
+const TILE_GRID = {
+	"01": [7, 6],
+	"02": [10, 5],
+	"03": [3, 4],
+	"04": [13, 2],
+	"05": [8, 1],
+	"06": [5, 2],
+	"07": [3, 6],
+	"08": [12, 0],
+	"09": [1, 5],
+	"10": [1, 2],
+	"11": [3, 2],
+	"12": [11, 3],
+	"13": [13, 4],
+	"14": [4, 2],
+	"15": [3, 5],
+	"16": [2, 2],
+	"17": [0, 2],
+	"18": [6, 1],
+	"19": [7, 1],
+	"20": [2, 4],
+	"21": [11, 4],
+	"22": [0, 0],
+	"23": [10, 4],
+	"24": [10, 2],
+	"25": [12, 2],
+	"26": [4, 3],
+	"27": [9, 5],
+	"28": [10, 1],
+	"29": [11, 1],
+	"30": [14, 5],
+	"31": [8, 6],
+	"32": [4, 5],
+	"33": [6, 6],
+	"34": [2, 0],
+	"35": [0, 4],
+	"36": [14, 1],
+	"37": [6, 0],
+	"38": [7, 3],
+	"39": [1, 0],
+	"40": [6, 3],
+	"41": [3, 0],
+	"42": [5, 4],
+	"43": [3, 3],
+	"44": [9, 4],
+	"45": [1, 4],
+	"46": [8, 4],
+	"47": [11, 5],
+	"48": [2, 5],
+	"49": [12, 3],
+	"50": [7, 4],
+	"51": [7, 5],
+	"52": [9, 1],
+	"53": [12, 1],
+	"54": [3, 1],
+	"55": [8, 0],
+	"56": [12, 5],
+	"57": [7, 0],
+	"58": [9, 2],
+	"59": [1, 1],
+	"60": [8, 2],
+	"61": [11, 0],
+	"62": [10, 3],
+	"63": [10, 6],
+	"64": [2, 3],
+	"65": [14, 4],
+	"66": [7, 2],
+	"67": [4, 0],
+	"68": [6, 4],
+	"69": [11, 2],
+	"70": [5, 5],
+	"71": [6, 2],
+	"72": [12, 4],
+	"73": [13, 5],
+	"74": [5, 0],
+	"75": [13, 1],
+	"76": [14, 2],
+	"77": [2, 1],
+	"78": [5, 1],
+	"79": [9, 6],
+	"80": [8, 5],
+	"81": [4, 1]
+};
+export { TILE_GRID };

package/dist/maps/_internal/geo.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Harita hesapları (Web Mercator, 256 piksellik karolar): konum ↔ dünya pikseli, karo aralığı,
+ * görünüme sığdırma, uzaklık ve koordinat ayrıştırma. Bağımlılığı yoktur; sunucuda da çalışır.
+ */
+export interface LatLng {
+  lat: number;
+  lng: number;
+}