@malilion/block-ui-react 0.1.0 → 0.3.0

package/dist/components/hud/CoordinatesHUD/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/CoordinatesHUD/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,YAAY,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/hud/DayNightIndicator/DayNightIndicator.d.ts

@@ -0,0 +1,4 @@
+import type { DayNightIndicatorProps } from "./DayNightIndicator.types";
+/** Day / night read-out: a pixel arc with the sun or moon, the day counter and the clock. */
+export declare const DayNightIndicator: import("react").ForwardRefExoticComponent<DayNightIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DayNightIndicator.d.ts.map

package/dist/components/hud/DayNightIndicator/DayNightIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayNightIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/DayNightIndicator/DayNightIndicator.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAKxE,6FAA6F;AAC7F,eAAO,MAAM,iBAAiB,mHA0D7B,CAAC"}

package/dist/components/hud/DayNightIndicator/DayNightIndicator.js

@@ -0,0 +1,70 @@
+import { cx } from "../../../utils/cx.js";
+import hudChip_module_default from "../hudChip.module.js";
+import DayNightIndicator_module_default from "./DayNightIndicator.module.js";
+import { arcPosition, dayPhase, formatClock } from "./DayNightIndicator.utils.js";
+import { forwardRef } from "react";
+import { MoonIcon, SunIcon } from "@malilion/block-ui-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/hud/DayNightIndicator/DayNightIndicator.tsx
+var PHASE_LABEL = {
+	dawn: "Dawn",
+	day: "Day",
+	dusk: "Dusk",
+	night: "Night"
+};
+/** Day / night read-out: a pixel arc with the sun or moon, the day counter and the clock. */
+var DayNightIndicator = forwardRef(function DayNightIndicator({ time, day, format = "24h", showDial = true, size = "md", label = "Time of day", className, ...rest }, ref) {
+	const phase = dayPhase(time);
+	const clock = formatClock(time, format);
+	const { body, progress, height } = arcPosition(time);
+	const Body = body === "sun" ? SunIcon : MoonIcon;
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: "group",
+		"aria-label": label,
+		"data-phase": phase,
+		"data-size": size,
+		className: cx(hudChip_module_default.chip, DayNightIndicator_module_default.dayNight, className),
+		...rest,
+		children: [showDial ? /* @__PURE__ */ jsxs("span", {
+			className: DayNightIndicator_module_default.dial,
+			"aria-hidden": "true",
+			style: {
+				"--block-dial-x": progress.toFixed(3),
+				"--block-dial-y": height.toFixed(3)
+			},
+			children: [/* @__PURE__ */ jsx("span", { className: DayNightIndicator_module_default.horizon }), /* @__PURE__ */ jsx("span", {
+				className: DayNightIndicator_module_default.body,
+				"data-body": body,
+				children: /* @__PURE__ */ jsx(Body, { size: 16 })
+			})]
+		}) : null, /* @__PURE__ */ jsxs("span", {
+			className: DayNightIndicator_module_default.text,
+			children: [
+				day !== void 0 ? /* @__PURE__ */ jsxs("span", { children: [
+					/* @__PURE__ */ jsx("span", {
+						className: hudChip_module_default.label,
+						children: "Day"
+					}),
+					" ",
+					/* @__PURE__ */ jsx("span", {
+						className: hudChip_module_default.value,
+						children: day
+					})
+				] }) : null,
+				/* @__PURE__ */ jsx("span", {
+					className: hudChip_module_default.value,
+					children: clock
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: DayNightIndicator_module_default.phase,
+					children: PHASE_LABEL[phase]
+				})
+			]
+		})]
+	});
+});
+//#endregion
+export { DayNightIndicator };
+
+//# sourceMappingURL=DayNightIndicator.js.map

package/dist/components/hud/DayNightIndicator/DayNightIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayNightIndicator.js","names":["chip","styles"],"sources":["../../../../src/components/hud/DayNightIndicator/DayNightIndicator.tsx"],"sourcesContent":["import { MoonIcon, SunIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef, type CSSProperties } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport chip from \"../hudChip.module.css\";\nimport styles from \"./DayNightIndicator.module.css\";\nimport type { DayNightIndicatorProps } from \"./DayNightIndicator.types\";\nimport { arcPosition, dayPhase, formatClock } from \"./DayNightIndicator.utils\";\n\nconst PHASE_LABEL = { dawn: \"Dawn\", day: \"Day\", dusk: \"Dusk\", night: \"Night\" } as const;\n\n/** Day / night read-out: a pixel arc with the sun or moon, the day counter and the clock. */\nexport const DayNightIndicator = forwardRef<HTMLDivElement, DayNightIndicatorProps>(\n  function DayNightIndicator(\n    {\n      time,\n      day,\n      format = \"24h\",\n      showDial = true,\n      size = \"md\",\n      label = \"Time of day\",\n      className,\n      ...rest\n    },\n    ref,\n  ) {\n    const phase = dayPhase(time);\n    const clock = formatClock(time, format);\n    const { body, progress, height } = arcPosition(time);\n    const Body = body === \"sun\" ? SunIcon : MoonIcon;\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-label={label}\n        data-phase={phase}\n        data-size={size}\n        className={cx(chip.chip, styles.dayNight, className)}\n        {...rest}\n      >\n        {showDial ? (\n          <span\n            className={styles.dial}\n            aria-hidden=\"true\"\n            style={\n              {\n                \"--block-dial-x\": progress.toFixed(3),\n                \"--block-dial-y\": height.toFixed(3),\n              } as CSSProperties\n            }\n          >\n            <span className={styles.horizon} />\n            <span className={styles.body} data-body={body}>\n              <Body size={16} />\n            </span>\n          </span>\n        ) : null}\n        <span className={styles.text}>\n          {day !== undefined ? (\n            <span>\n              <span className={chip.label}>Day</span> <span className={chip.value}>{day}</span>\n            </span>\n          ) : null}\n          <span className={chip.value}>{clock}</span>\n          <span className={styles.phase}>{PHASE_LABEL[phase]}</span>\n        </span>\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;;;;;AAQA,IAAM,cAAc;CAAE,MAAM;CAAQ,KAAK;CAAO,MAAM;CAAQ,OAAO;AAAQ;;AAG7E,IAAa,oBAAoB,WAC/B,SAAS,kBACP,EACE,MACA,KACA,SAAS,OACT,WAAW,MACX,OAAO,MACP,QAAQ,eACR,WACA,GAAG,QAEL,KACA;CACA,MAAM,QAAQ,SAAS,IAAI;CAC3B,MAAM,QAAQ,YAAY,MAAM,MAAM;CACtC,MAAM,EAAE,MAAM,UAAU,WAAW,YAAY,IAAI;CACnD,MAAM,OAAO,SAAS,QAAQ,UAAU;CAExC,OACE,qBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAY;EACZ,cAAY;EACZ,aAAW;EACX,WAAW,GAAGA,uBAAK,MAAMC,iCAAO,UAAU,SAAS;EACnD,GAAI;EAPN,UAAA,CASG,WACC,qBAAC,QAAD;GACE,WAAWA,iCAAO;GAClB,eAAY;GACZ,OACE;IACE,kBAAkB,SAAS,QAAQ,CAAC;IACpC,kBAAkB,OAAO,QAAQ,CAAC;GACpC;GAPJ,UAAA,CAUE,oBAAC,QAAD,EAAM,WAAWA,iCAAO,QAAU,CAAA,GAClC,oBAAC,QAAD;IAAM,WAAWA,iCAAO;IAAM,aAAW;IACvC,UAAA,oBAAC,MAAD,EAAM,MAAM,GAAK,CAAA;GACb,CAAA,CACF;EACJ,CAAA,IAAA,MACJ,qBAAC,QAAD;GAAM,WAAWA,iCAAO;GAAxB,UAAA;IACG,QAAQ,KAAA,IACP,qBAAC,QAAD,EAAA,UAAA;KACE,oBAAC,QAAD;MAAM,WAAWD,uBAAK;MAAO,UAAA;KAAS,CAAA;KAAC;KAAC,oBAAC,QAAD;MAAM,WAAWA,uBAAK;MAAQ,UAAA;KAAU,CAAA;IAC5E,EAAA,CAAA,IACJ;IACJ,oBAAC,QAAD;KAAM,WAAWA,uBAAK;KAAQ,UAAA;IAAY,CAAA;IAC1C,oBAAC,QAAD;KAAM,WAAWC,iCAAO;KAAQ,UAAA,YAAY;IAAa,CAAA;GACrD;EACH,CAAA,CAAA;;AAET,CACF"}

package/dist/components/hud/DayNightIndicator/DayNightIndicator.module.js

@@ -0,0 +1,19 @@
+//#region src/components/hud/DayNightIndicator/DayNightIndicator.module.css
+var dayNight = "block-dayNight-LObYN";
+var dial = "block-dial-R5NuO";
+var horizon = "block-horizon-QANfm";
+var body = "block-body-9QH1O";
+var text = "block-text-ZOb1z";
+var phase = "block-phase-nm6iH";
+var DayNightIndicator_module_default = {
+	dayNight,
+	dial,
+	horizon,
+	body,
+	text,
+	phase
+};
+//#endregion
+export { body, dayNight, DayNightIndicator_module_default as default, dial, horizon, phase, text };
+
+//# sourceMappingURL=DayNightIndicator.module.js.map

package/dist/components/hud/DayNightIndicator/DayNightIndicator.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayNightIndicator.module.js","names":[],"sources":["../../../../src/components/hud/DayNightIndicator/DayNightIndicator.module.css"],"sourcesContent":[".dayNight {\n  gap: var(--block-space-3);\n}\n\n/* Sky arc: the body travels along a half ellipse above the horizon. */\n.dial {\n  --dial-w: 56px;\n  --dial-h: 28px;\n  position: relative;\n  flex-shrink: 0;\n  width: var(--dial-w);\n  height: var(--dial-h);\n  overflow: hidden;\n  background: linear-gradient(\n    to top,\n    color-mix(in srgb, var(--block-water) 60%, transparent),\n    color-mix(in srgb, var(--block-water-dark) 30%, transparent)\n  );\n  border-bottom: 2px solid var(--block-grass);\n}\n\n.dayNight[data-phase=\"night\"] .dial {\n  background: linear-gradient(\n    to top,\n    color-mix(in srgb, var(--block-obsidian-light) 80%, transparent),\n    color-mix(in srgb, var(--block-black) 60%, transparent)\n  );\n}\n\n.dayNight[data-phase=\"dawn\"] .dial,\n.dayNight[data-phase=\"dusk\"] .dial {\n  background: linear-gradient(\n    to top,\n    color-mix(in srgb, var(--block-lava) 70%, transparent),\n    color-mix(in srgb, var(--block-amethyst-dark) 50%, transparent)\n  );\n}\n\n.dayNight[data-size=\"lg\"] .dial {\n  --dial-w: 80px;\n  --dial-h: 40px;\n}\n\n.dayNight[data-size=\"sm\"] .dial {\n  --dial-w: 40px;\n  --dial-h: 20px;\n}\n\n.horizon {\n  position: absolute;\n  inset: auto 0 0;\n  height: 2px;\n  background-color: var(--block-grass-dark);\n}\n\n.body {\n  position: absolute;\n  left: calc(var(--block-dial-x) * (var(--dial-w) - 16px));\n  bottom: calc(var(--block-dial-y) * (var(--dial-h) - 16px) - 4px);\n  display: inline-flex;\n  image-rendering: pixelated;\n  transition:\n    left var(--block-duration-normal) var(--block-ease-step),\n    bottom var(--block-duration-normal) var(--block-ease-step);\n}\n\n.text {\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: var(--block-space-2);\n}\n\n.phase {\n  color: var(--block-gold-light);\n}\n\n.dayNight[data-phase=\"night\"] .phase {\n  color: var(--block-diamond-light);\n}\n"],"mappings":""}

package/dist/components/hud/DayNightIndicator/DayNightIndicator.types.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from "react";
+export type DayPhase = "dawn" | "day" | "dusk" | "night";
+export interface DayNightIndicatorProps extends HTMLAttributes<HTMLDivElement> {
+    /** In-game time of day in hours, 0–24 (fractions allowed: 14.5 = 14:30). */
+    time: number;
+    /** Day counter shown before the clock, e.g. "Day 156". */
+    day?: number;
+    /** @default "24h" */
+    format?: "24h" | "12h";
+    /** Show the sun / moon arc. @default true */
+    showDial?: boolean;
+    /** @default "md" */
+    size?: "sm" | "md" | "lg";
+    /** Accessible name of the group. @default "Time of day" */
+    label?: string;
+}
+//# sourceMappingURL=DayNightIndicator.types.d.ts.map

package/dist/components/hud/DayNightIndicator/DayNightIndicator.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayNightIndicator.types.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/DayNightIndicator/DayNightIndicator.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC5E,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/hud/DayNightIndicator/DayNightIndicator.utils.d.ts

@@ -0,0 +1,15 @@
+import type { DayPhase } from "./DayNightIndicator.types";
+/** Wraps any number of hours into [0, 24). */
+export declare function normalizeTime(time: number): number;
+export declare function dayPhase(time: number): DayPhase;
+export declare function formatClock(time: number, format: "24h" | "12h"): string;
+/**
+ * Where the sun (06:00–18:00) or moon (18:00–06:00) sits on the arc:
+ * `progress` 0 → 1 runs left to right, `height` 0 → 1 → 0 rises and sets.
+ */
+export declare function arcPosition(time: number): {
+    body: "sun" | "moon";
+    progress: number;
+    height: number;
+};
+//# sourceMappingURL=DayNightIndicator.utils.d.ts.map

package/dist/components/hud/DayNightIndicator/DayNightIndicator.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayNightIndicator.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/DayNightIndicator/DayNightIndicator.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE1D,8CAA8C;AAC9C,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAElD;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,CAM/C;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAYvE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG;IACzC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAKA"}

package/dist/components/hud/DayNightIndicator/DayNightIndicator.utils.js

@@ -0,0 +1,43 @@
+//#region src/components/hud/DayNightIndicator/DayNightIndicator.utils.ts
+/** Wraps any number of hours into [0, 24). */
+function normalizeTime(time) {
+	return (time % 24 + 24) % 24;
+}
+function dayPhase(time) {
+	const t = normalizeTime(time);
+	if (t >= 5 && t < 7) return "dawn";
+	if (t >= 7 && t < 17) return "day";
+	if (t >= 17 && t < 19) return "dusk";
+	return "night";
+}
+function formatClock(time, format) {
+	const t = normalizeTime(time);
+	let hours = Math.floor(t);
+	let minutes = Math.round((t - hours) * 60);
+	if (minutes === 60) {
+		minutes = 0;
+		hours = (hours + 1) % 24;
+	}
+	const mm = String(minutes).padStart(2, "0");
+	if (format === "24h") return `${String(hours).padStart(2, "0")}:${mm}`;
+	const suffix = hours < 12 ? "AM" : "PM";
+	return `${hours % 12 === 0 ? 12 : hours % 12}:${mm} ${suffix}`;
+}
+/**
+* Where the sun (06:00–18:00) or moon (18:00–06:00) sits on the arc:
+* `progress` 0 → 1 runs left to right, `height` 0 → 1 → 0 rises and sets.
+*/
+function arcPosition(time) {
+	const t = normalizeTime(time);
+	const body = t >= 6 && t < 18 ? "sun" : "moon";
+	const progress = (t - 6 + 24) % 24 % 12 / 12;
+	return {
+		body,
+		progress,
+		height: Math.sin(Math.PI * progress)
+	};
+}
+//#endregion
+export { arcPosition, dayPhase, formatClock, normalizeTime };
+
+//# sourceMappingURL=DayNightIndicator.utils.js.map

package/dist/components/hud/DayNightIndicator/DayNightIndicator.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayNightIndicator.utils.js","names":[],"sources":["../../../../src/components/hud/DayNightIndicator/DayNightIndicator.utils.ts"],"sourcesContent":["import type { DayPhase } from \"./DayNightIndicator.types\";\n\n/** Wraps any number of hours into [0, 24). */\nexport function normalizeTime(time: number): number {\n  return ((time % 24) + 24) % 24;\n}\n\nexport function dayPhase(time: number): DayPhase {\n  const t = normalizeTime(time);\n  if (t >= 5 && t < 7) return \"dawn\";\n  if (t >= 7 && t < 17) return \"day\";\n  if (t >= 17 && t < 19) return \"dusk\";\n  return \"night\";\n}\n\nexport function formatClock(time: number, format: \"24h\" | \"12h\"): string {\n  const t = normalizeTime(time);\n  let hours = Math.floor(t);\n  let minutes = Math.round((t - hours) * 60);\n  if (minutes === 60) {\n    minutes = 0;\n    hours = (hours + 1) % 24;\n  }\n  const mm = String(minutes).padStart(2, \"0\");\n  if (format === \"24h\") return `${String(hours).padStart(2, \"0\")}:${mm}`;\n  const suffix = hours < 12 ? \"AM\" : \"PM\";\n  return `${hours % 12 === 0 ? 12 : hours % 12}:${mm} ${suffix}`;\n}\n\n/**\n * Where the sun (06:00–18:00) or moon (18:00–06:00) sits on the arc:\n * `progress` 0 → 1 runs left to right, `height` 0 → 1 → 0 rises and sets.\n */\nexport function arcPosition(time: number): {\n  body: \"sun\" | \"moon\";\n  progress: number;\n  height: number;\n} {\n  const t = normalizeTime(time);\n  const body = t >= 6 && t < 18 ? \"sun\" : \"moon\";\n  const progress = (((t - 6 + 24) % 24) % 12) / 12;\n  return { body, progress, height: Math.sin(Math.PI * progress) };\n}\n"],"mappings":";;AAGA,SAAgB,cAAc,MAAsB;CAClD,QAAS,OAAO,KAAM,MAAM;AAC9B;AAEA,SAAgB,SAAS,MAAwB;CAC/C,MAAM,IAAI,cAAc,IAAI;CAC5B,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO;CAC5B,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO;CAC7B,IAAI,KAAK,MAAM,IAAI,IAAI,OAAO;CAC9B,OAAO;AACT;AAEA,SAAgB,YAAY,MAAc,QAA+B;CACvE,MAAM,IAAI,cAAc,IAAI;CAC5B,IAAI,QAAQ,KAAK,MAAM,CAAC;CACxB,IAAI,UAAU,KAAK,OAAO,IAAI,SAAS,EAAE;CACzC,IAAI,YAAY,IAAI;EAClB,UAAU;EACV,SAAS,QAAQ,KAAK;CACxB;CACA,MAAM,KAAK,OAAO,OAAO,CAAC,CAAC,SAAS,GAAG,GAAG;CAC1C,IAAI,WAAW,OAAO,OAAO,GAAG,OAAO,KAAK,CAAC,CAAC,SAAS,GAAG,GAAG,EAAE,GAAG;CAClE,MAAM,SAAS,QAAQ,KAAK,OAAO;CACnC,OAAO,GAAG,QAAQ,OAAO,IAAI,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG;AACxD;;;;;AAMA,SAAgB,YAAY,MAI1B;CACA,MAAM,IAAI,cAAc,IAAI;CAC5B,MAAM,OAAO,KAAK,KAAK,IAAI,KAAK,QAAQ;CACxC,MAAM,YAAc,IAAI,IAAI,MAAM,KAAM,KAAM;CAC9C,OAAO;EAAE;EAAM;EAAU,QAAQ,KAAK,IAAI,KAAK,KAAK,QAAQ;CAAE;AAChE"}

package/dist/components/hud/DayNightIndicator/index.d.ts

@@ -0,0 +1,4 @@
+export { DayNightIndicator } from "./DayNightIndicator";
+export { dayPhase, formatClock } from "./DayNightIndicator.utils";
+export type { DayNightIndicatorProps, DayPhase } from "./DayNightIndicator.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hud/DayNightIndicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/DayNightIndicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/hud/MiniMap/MiniMap.d.ts

@@ -0,0 +1,8 @@
+import type { MiniMapProps } from "./MiniMap.types";
+/**
+ * Top-down mini map: terrain pixels centred on the player, a heading arrow,
+ * markers and a compass "N". Screen readers get the heading and each marker's
+ * distance and direction as text.
+ */
+export declare const MiniMap: import("react").ForwardRefExoticComponent<MiniMapProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=MiniMap.d.ts.map

package/dist/components/hud/MiniMap/MiniMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniMap.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/MiniMap/MiniMap.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD;;;;GAIG;AACH,eAAO,MAAM,OAAO,sGAsElB,CAAC"}

package/dist/components/hud/MiniMap/MiniMap.js

@@ -0,0 +1,76 @@
+import { cx } from "../../../utils/cx.js";
+import MiniMap_module_default from "./MiniMap.module.js";
+import { compassName, describeMarker, terrainRuns } from "./MiniMap.utils.js";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/hud/MiniMap/MiniMap.tsx
+/**
+* Top-down mini map: terrain pixels centred on the player, a heading arrow,
+* markers and a compass "N". Screen readers get the heading and each marker's
+* distance and direction as text.
+*/
+var MiniMap = forwardRef(function MiniMap({ tiles, heading = 0, markers = [], shape = "square", size = "md", label = "Mini map", className, ...rest }, ref) {
+	const captionId = useId();
+	const rows = Math.max(1, tiles.length);
+	const columns = Math.max(1, ...tiles.map((row) => row.length));
+	const cx0 = columns / 2;
+	const cy0 = rows / 2;
+	return /* @__PURE__ */ jsxs("figure", {
+		ref,
+		"aria-labelledby": captionId,
+		"data-shape": shape,
+		"data-size": size,
+		className: cx(MiniMap_module_default.map, className),
+		...rest,
+		children: [
+			/* @__PURE__ */ jsxs("svg", {
+				className: MiniMap_module_default.svg,
+				viewBox: `0 0 ${columns} ${rows}`,
+				shapeRendering: "crispEdges",
+				"aria-hidden": "true",
+				children: [
+					terrainRuns(tiles).map((run) => /* @__PURE__ */ jsx("rect", {
+						x: run.x,
+						y: run.y,
+						width: run.width,
+						height: 1,
+						"data-terrain": run.terrain
+					}, `${run.x}-${run.y}`)),
+					markers.map((marker) => /* @__PURE__ */ jsx("rect", {
+						className: MiniMap_module_default.marker,
+						"data-kind": marker.kind ?? "poi",
+						x: cx0 + marker.x - .75,
+						y: cy0 + marker.y - .75,
+						width: 1.5,
+						height: 1.5
+					}, marker.id)),
+					/* @__PURE__ */ jsx("polygon", {
+						className: MiniMap_module_default.player,
+						points: `${cx0},${cy0 - 1.6} ${cx0 + 1.1},${cy0 + 1.1} ${cx0},${cy0 + .5} ${cx0 - 1.1},${cy0 + 1.1}`,
+						transform: `rotate(${heading} ${cx0} ${cy0})`
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: MiniMap_module_default.north,
+				"aria-hidden": "true",
+				children: "N"
+			}),
+			/* @__PURE__ */ jsxs("figcaption", {
+				id: captionId,
+				className: "block-visually-hidden",
+				children: [
+					label,
+					". Facing ",
+					compassName(heading),
+					".",
+					markers.length > 0 ? ` ${markers.map(describeMarker).join(". ")}.` : ""
+				]
+			})
+		]
+	});
+});
+//#endregion
+export { MiniMap };
+
+//# sourceMappingURL=MiniMap.js.map

package/dist/components/hud/MiniMap/MiniMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniMap.js","names":["styles"],"sources":["../../../../src/components/hud/MiniMap/MiniMap.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./MiniMap.module.css\";\nimport type { MiniMapProps } from \"./MiniMap.types\";\nimport { compassName, describeMarker, terrainRuns } from \"./MiniMap.utils\";\n\n/**\n * Top-down mini map: terrain pixels centred on the player, a heading arrow,\n * markers and a compass \"N\". Screen readers get the heading and each marker's\n * distance and direction as text.\n */\nexport const MiniMap = forwardRef<HTMLElement, MiniMapProps>(function MiniMap(\n  {\n    tiles,\n    heading = 0,\n    markers = [],\n    shape = \"square\",\n    size = \"md\",\n    label = \"Mini map\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const captionId = useId();\n  const rows = Math.max(1, tiles.length);\n  const columns = Math.max(1, ...tiles.map((row) => row.length));\n  const cx0 = columns / 2;\n  const cy0 = rows / 2;\n\n  return (\n    <figure\n      ref={ref}\n      aria-labelledby={captionId}\n      data-shape={shape}\n      data-size={size}\n      className={cx(styles.map, className)}\n      {...rest}\n    >\n      <svg\n        className={styles.svg}\n        viewBox={`0 0 ${columns} ${rows}`}\n        shapeRendering=\"crispEdges\"\n        aria-hidden=\"true\"\n      >\n        {terrainRuns(tiles).map((run) => (\n          <rect\n            key={`${run.x}-${run.y}`}\n            x={run.x}\n            y={run.y}\n            width={run.width}\n            height={1}\n            data-terrain={run.terrain}\n          />\n        ))}\n        {markers.map((marker) => (\n          <rect\n            key={marker.id}\n            className={styles.marker}\n            data-kind={marker.kind ?? \"poi\"}\n            x={cx0 + marker.x - 0.75}\n            y={cy0 + marker.y - 0.75}\n            width={1.5}\n            height={1.5}\n          />\n        ))}\n        <polygon\n          className={styles.player}\n          points={`${cx0},${cy0 - 1.6} ${cx0 + 1.1},${cy0 + 1.1} ${cx0},${cy0 + 0.5} ${cx0 - 1.1},${cy0 + 1.1}`}\n          transform={`rotate(${heading} ${cx0} ${cy0})`}\n        />\n      </svg>\n      <span className={styles.north} aria-hidden=\"true\">\n        N\n      </span>\n      <figcaption id={captionId} className=\"block-visually-hidden\">\n        {label}. Facing {compassName(heading)}.\n        {markers.length > 0 ? ` ${markers.map(describeMarker).join(\". \")}.` : \"\"}\n      </figcaption>\n    </figure>\n  );\n});\n"],"mappings":";;;;;;;;;;;AAWA,IAAa,UAAU,WAAsC,SAAS,QACpE,EACE,OACA,UAAU,GACV,UAAU,CAAC,GACX,QAAQ,UACR,OAAO,MACP,QAAQ,YACR,WACA,GAAG,QAEL,KACA;CACA,MAAM,YAAY,MAAM;CACxB,MAAM,OAAO,KAAK,IAAI,GAAG,MAAM,MAAM;CACrC,MAAM,UAAU,KAAK,IAAI,GAAG,GAAG,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC;CAC7D,MAAM,MAAM,UAAU;CACtB,MAAM,MAAM,OAAO;CAEnB,OACE,qBAAC,UAAD;EACO;EACL,mBAAiB;EACjB,cAAY;EACZ,aAAW;EACX,WAAW,GAAGA,uBAAO,KAAK,SAAS;EACnC,GAAI;EANN,UAAA;GAQE,qBAAC,OAAD;IACE,WAAWA,uBAAO;IAClB,SAAS,OAAO,QAAQ,GAAG;IAC3B,gBAAe;IACf,eAAY;IAJd,UAAA;KAMG,YAAY,KAAK,CAAC,CAAC,KAAK,QACvB,oBAAC,QAAD;MAEE,GAAG,IAAI;MACP,GAAG,IAAI;MACP,OAAO,IAAI;MACX,QAAQ;MACR,gBAAc,IAAI;KACnB,GANM,GAAG,IAAI,EAAE,GAAG,IAAI,GAMtB,CACF;KACA,QAAQ,KAAK,WACZ,oBAAC,QAAD;MAEE,WAAWA,uBAAO;MAClB,aAAW,OAAO,QAAQ;MAC1B,GAAG,MAAM,OAAO,IAAI;MACpB,GAAG,MAAM,OAAO,IAAI;MACpB,OAAO;MACP,QAAQ;KACT,GAPM,OAAO,EAOb,CACF;KACD,oBAAC,WAAD;MACE,WAAWA,uBAAO;MAClB,QAAQ,GAAG,IAAI,GAAG,MAAM,IAAI,GAAG,MAAM,IAAI,GAAG,MAAM,IAAI,GAAG,IAAI,GAAG,MAAM,GAAI,GAAG,MAAM,IAAI,GAAG,MAAM;MAChG,WAAW,UAAU,QAAQ,GAAG,IAAI,GAAG,IAAI;KAC5C,CAAA;IACE;;GACL,oBAAC,QAAD;IAAM,WAAWA,uBAAO;IAAO,eAAY;IAAO,UAAA;GAE5C,CAAA;GACN,qBAAC,cAAD;IAAY,IAAI;IAAW,WAAU;IAArC,UAAA;KACG;KAAM;KAAU,YAAY,OAAO;KAAE;KACrC,QAAQ,SAAS,IAAI,IAAI,QAAQ,IAAI,cAAc,CAAC,CAAC,KAAK,IAAI,EAAE,KAAK;IAC5D;;EACN;;AAEZ,CAAC"}

package/dist/components/hud/MiniMap/MiniMap.module.js

@@ -0,0 +1,17 @@
+//#region src/components/hud/MiniMap/MiniMap.module.css
+var map = "block-map-QzhiQ";
+var svg = "block-svg-VlTbt";
+var marker = "block-marker-ovenA";
+var player = "block-player-4KZP-";
+var north = "block-north-lfYMy";
+var MiniMap_module_default = {
+	map,
+	svg,
+	marker,
+	player,
+	north
+};
+//#endregion
+export { MiniMap_module_default as default, map, marker, north, player, svg };
+
+//# sourceMappingURL=MiniMap.module.js.map

package/dist/components/hud/MiniMap/MiniMap.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniMap.module.js","names":[],"sources":["../../../../src/components/hud/MiniMap/MiniMap.module.css"],"sourcesContent":[".map {\n  --map-size: 128px;\n  position: relative;\n  width: var(--map-size);\n  height: var(--map-size);\n  margin: 0;\n  flex-shrink: 0;\n  overflow: hidden;\n  background-color: var(--block-black);\n  border: var(--block-border-width) solid var(--block-border);\n  box-shadow: var(--block-shadow-bevel);\n}\n\n.map[data-size=\"sm\"] {\n  --map-size: 96px;\n}\n\n.map[data-size=\"lg\"] {\n  --map-size: 192px;\n}\n\n.map[data-shape=\"round\"] {\n  border-radius: 50%;\n}\n\n.svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.svg [data-terrain=\"grass\"] {\n  fill: var(--block-grass);\n}\n\n.svg [data-terrain=\"forest\"] {\n  fill: var(--block-grass-dark);\n}\n\n.svg [data-terrain=\"dirt\"] {\n  fill: var(--block-dirt);\n}\n\n.svg [data-terrain=\"sand\"] {\n  fill: var(--block-sand);\n}\n\n.svg [data-terrain=\"water\"] {\n  fill: var(--block-water);\n}\n\n.svg [data-terrain=\"stone\"] {\n  fill: var(--block-stone);\n}\n\n.svg [data-terrain=\"snow\"] {\n  fill: var(--block-white);\n}\n\n.svg [data-terrain=\"lava\"] {\n  fill: var(--block-lava);\n}\n\n.svg [data-terrain=\"unknown\"] {\n  fill: var(--block-black);\n}\n\n.marker {\n  stroke: var(--block-black);\n  stroke-width: 0.3;\n}\n\n.marker[data-kind=\"home\"] {\n  fill: var(--block-gold-light);\n}\n\n.marker[data-kind=\"player\"] {\n  fill: var(--block-diamond-light);\n}\n\n.marker[data-kind=\"death\"] {\n  fill: var(--block-redstone-light);\n}\n\n.marker[data-kind=\"poi\"] {\n  fill: var(--block-amethyst-light);\n}\n\n.player {\n  fill: var(--block-white);\n  stroke: var(--block-black);\n  stroke-width: 0.3;\n  stroke-linejoin: round;\n}\n\n.north {\n  position: absolute;\n  top: 2px;\n  left: 50%;\n  transform: translateX(-50%);\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-xs);\n  font-weight: var(--block-font-weight-bold);\n  line-height: 1;\n  color: var(--block-redstone-light);\n  text-shadow: var(--block-shadow-text);\n}\n"],"mappings":""}

package/dist/components/hud/MiniMap/MiniMap.types.d.ts

@@ -0,0 +1,43 @@
+import type { HTMLAttributes } from "react";
+/**
+ * Terrain codes for `tiles`: `g` grass, `f` forest, `d` dirt, `s` sand,
+ * `w` water, `t` stone, `n` snow, `l` lava, `.` unexplored.
+ */
+export declare const miniMapTerrain: {
+    readonly g: "grass";
+    readonly f: "forest";
+    readonly d: "dirt";
+    readonly s: "sand";
+    readonly w: "water";
+    readonly t: "stone";
+    readonly n: "snow";
+    readonly l: "lava";
+    readonly ".": "unknown";
+};
+export type MiniMapTerrainCode = keyof typeof miniMapTerrain;
+export declare const miniMapMarkerKinds: readonly ["home", "player", "death", "poi"];
+export type MiniMapMarkerKind = (typeof miniMapMarkerKinds)[number];
+export interface MiniMapMarker {
+    id: string;
+    /** Tiles east (+) / west (−) of the player. */
+    x: number;
+    /** Tiles south (+) / north (−) of the player. */
+    y: number;
+    label: string;
+    /** @default "poi" */
+    kind?: MiniMapMarkerKind;
+}
+export interface MiniMapProps extends HTMLAttributes<HTMLElement> {
+    /** Rows of terrain codes (see `miniMapTerrain`), centred on the player. */
+    tiles: string[];
+    /** Player heading in degrees, 0 = north, clockwise. @default 0 */
+    heading?: number;
+    markers?: MiniMapMarker[];
+    /** @default "square" */
+    shape?: "square" | "round";
+    /** 96 / 128 / 192 px. @default "md" */
+    size?: "sm" | "md" | "lg";
+    /** Accessible name. @default "Mini map" */
+    label?: string;
+}
+//# sourceMappingURL=MiniMap.types.d.ts.map

package/dist/components/hud/MiniMap/MiniMap.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniMap.types.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/MiniMap/MiniMap.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;CAUjB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,cAAc,CAAC;AAE7D,eAAO,MAAM,kBAAkB,6CAA8C,CAAC;AAE9E,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,+CAA+C;IAC/C,CAAC,EAAE,MAAM,CAAC;IACV,iDAAiD;IACjD,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D,2EAA2E;IAC3E,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,wBAAwB;IACxB,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC3B,uCAAuC;IACvC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/hud/MiniMap/MiniMap.types.js

@@ -0,0 +1,26 @@
+//#region src/components/hud/MiniMap/MiniMap.types.ts
+/**
+* Terrain codes for `tiles`: `g` grass, `f` forest, `d` dirt, `s` sand,
+* `w` water, `t` stone, `n` snow, `l` lava, `.` unexplored.
+*/
+var miniMapTerrain = {
+	g: "grass",
+	f: "forest",
+	d: "dirt",
+	s: "sand",
+	w: "water",
+	t: "stone",
+	n: "snow",
+	l: "lava",
+	".": "unknown"
+};
+var miniMapMarkerKinds = [
+	"home",
+	"player",
+	"death",
+	"poi"
+];
+//#endregion
+export { miniMapMarkerKinds, miniMapTerrain };
+
+//# sourceMappingURL=MiniMap.types.js.map

package/dist/components/hud/MiniMap/MiniMap.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniMap.types.js","names":[],"sources":["../../../../src/components/hud/MiniMap/MiniMap.types.ts"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\n\n/**\n * Terrain codes for `tiles`: `g` grass, `f` forest, `d` dirt, `s` sand,\n * `w` water, `t` stone, `n` snow, `l` lava, `.` unexplored.\n */\nexport const miniMapTerrain = {\n  g: \"grass\",\n  f: \"forest\",\n  d: \"dirt\",\n  s: \"sand\",\n  w: \"water\",\n  t: \"stone\",\n  n: \"snow\",\n  l: \"lava\",\n  \".\": \"unknown\",\n} as const;\n\nexport type MiniMapTerrainCode = keyof typeof miniMapTerrain;\n\nexport const miniMapMarkerKinds = [\"home\", \"player\", \"death\", \"poi\"] as const;\n\nexport type MiniMapMarkerKind = (typeof miniMapMarkerKinds)[number];\n\nexport interface MiniMapMarker {\n  id: string;\n  /** Tiles east (+) / west (−) of the player. */\n  x: number;\n  /** Tiles south (+) / north (−) of the player. */\n  y: number;\n  label: string;\n  /** @default \"poi\" */\n  kind?: MiniMapMarkerKind;\n}\n\nexport interface MiniMapProps extends HTMLAttributes<HTMLElement> {\n  /** Rows of terrain codes (see `miniMapTerrain`), centred on the player. */\n  tiles: string[];\n  /** Player heading in degrees, 0 = north, clockwise. @default 0 */\n  heading?: number;\n  markers?: MiniMapMarker[];\n  /** @default \"square\" */\n  shape?: \"square\" | \"round\";\n  /** 96 / 128 / 192 px. @default \"md\" */\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** Accessible name. @default \"Mini map\" */\n  label?: string;\n}\n"],"mappings":";;;;;AAMA,IAAa,iBAAiB;CAC5B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,KAAK;AACP;AAIA,IAAa,qBAAqB;CAAC;CAAQ;CAAU;CAAS;AAAK"}

package/dist/components/hud/MiniMap/MiniMap.utils.d.ts

@@ -0,0 +1,14 @@
+import { type MiniMapMarker } from "./MiniMap.types";
+/** 8-way compass name for a clockwise angle from north. */
+export declare function compassName(degrees: number): string;
+/** "Home: 12 blocks north-east" style description of a marker. */
+export declare function describeMarker(marker: MiniMapMarker): string;
+export interface TerrainRun {
+    terrain: string;
+    x: number;
+    y: number;
+    width: number;
+}
+/** Merges horizontal runs of the same terrain into single rectangles. */
+export declare function terrainRuns(tiles: string[]): TerrainRun[];
+//# sourceMappingURL=MiniMap.utils.d.ts.map

package/dist/components/hud/MiniMap/MiniMap.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniMap.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/MiniMap/MiniMap.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,aAAa,EAA2B,MAAM,iBAAiB,CAAC;AAa9F,2DAA2D;AAC3D,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAGnD;AAED,kEAAkE;AAClE,wBAAgB,cAAc,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM,CAK5D;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;CACf;AAED,yEAAyE;AACzE,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,CAazD"}

package/dist/components/hud/MiniMap/MiniMap.utils.js

@@ -0,0 +1,47 @@
+import { miniMapTerrain } from "./MiniMap.types.js";
+//#region src/components/hud/MiniMap/MiniMap.utils.ts
+var DIRECTIONS = [
+	"north",
+	"north-east",
+	"east",
+	"south-east",
+	"south",
+	"south-west",
+	"west",
+	"north-west"
+];
+/** 8-way compass name for a clockwise angle from north. */
+function compassName(degrees) {
+	return DIRECTIONS[Math.round((degrees % 360 + 360) % 360 / 45) % 8] ?? "north";
+}
+/** "Home: 12 blocks north-east" style description of a marker. */
+function describeMarker(marker) {
+	const distance = Math.round(Math.hypot(marker.x, marker.y));
+	if (distance === 0) return `${marker.label}: here`;
+	const angle = Math.atan2(marker.x, -marker.y) * 180 / Math.PI;
+	return `${marker.label}: ${distance} ${distance === 1 ? "block" : "blocks"} ${compassName(angle)}`;
+}
+/** Merges horizontal runs of the same terrain into single rectangles. */
+function terrainRuns(tiles) {
+	const runs = [];
+	tiles.forEach((row, y) => {
+		let x = 0;
+		while (x < row.length) {
+			const code = row[x];
+			let width = 1;
+			while (row[x + width] === code) width += 1;
+			runs.push({
+				terrain: miniMapTerrain[code] ?? "unknown",
+				x,
+				y,
+				width
+			});
+			x += width;
+		}
+	});
+	return runs;
+}
+//#endregion
+export { compassName, describeMarker, terrainRuns };
+
+//# sourceMappingURL=MiniMap.utils.js.map

package/dist/components/hud/MiniMap/MiniMap.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniMap.utils.js","names":[],"sources":["../../../../src/components/hud/MiniMap/MiniMap.utils.ts"],"sourcesContent":["import { miniMapTerrain, type MiniMapMarker, type MiniMapTerrainCode } from \"./MiniMap.types\";\n\nconst DIRECTIONS = [\n  \"north\",\n  \"north-east\",\n  \"east\",\n  \"south-east\",\n  \"south\",\n  \"south-west\",\n  \"west\",\n  \"north-west\",\n];\n\n/** 8-way compass name for a clockwise angle from north. */\nexport function compassName(degrees: number): string {\n  const index = Math.round((((degrees % 360) + 360) % 360) / 45) % 8;\n  return DIRECTIONS[index] ?? \"north\";\n}\n\n/** \"Home: 12 blocks north-east\" style description of a marker. */\nexport function describeMarker(marker: MiniMapMarker): string {\n  const distance = Math.round(Math.hypot(marker.x, marker.y));\n  if (distance === 0) return `${marker.label}: here`;\n  const angle = (Math.atan2(marker.x, -marker.y) * 180) / Math.PI;\n  return `${marker.label}: ${distance} ${distance === 1 ? \"block\" : \"blocks\"} ${compassName(angle)}`;\n}\n\nexport interface TerrainRun {\n  terrain: string;\n  x: number;\n  y: number;\n  width: number;\n}\n\n/** Merges horizontal runs of the same terrain into single rectangles. */\nexport function terrainRuns(tiles: string[]): TerrainRun[] {\n  const runs: TerrainRun[] = [];\n  tiles.forEach((row, y) => {\n    let x = 0;\n    while (x < row.length) {\n      const code = row[x] as MiniMapTerrainCode;\n      let width = 1;\n      while (row[x + width] === code) width += 1;\n      runs.push({ terrain: miniMapTerrain[code] ?? \"unknown\", x, y, width });\n      x += width;\n    }\n  });\n  return runs;\n}\n"],"mappings":";;AAEA,IAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;;AAGA,SAAgB,YAAY,SAAyB;CAEnD,OAAO,WADO,KAAK,OAAS,UAAU,MAAO,OAAO,MAAO,EAAE,IAAI,MACrC;AAC9B;;AAGA,SAAgB,eAAe,QAA+B;CAC5D,MAAM,WAAW,KAAK,MAAM,KAAK,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC;CAC1D,IAAI,aAAa,GAAG,OAAO,GAAG,OAAO,MAAM;CAC3C,MAAM,QAAS,KAAK,MAAM,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,MAAO,KAAK;CAC7D,OAAO,GAAG,OAAO,MAAM,IAAI,SAAS,GAAG,aAAa,IAAI,UAAU,SAAS,GAAG,YAAY,KAAK;AACjG;;AAUA,SAAgB,YAAY,OAA+B;CACzD,MAAM,OAAqB,CAAC;CAC5B,MAAM,SAAS,KAAK,MAAM;EACxB,IAAI,IAAI;EACR,OAAO,IAAI,IAAI,QAAQ;GACrB,MAAM,OAAO,IAAI;GACjB,IAAI,QAAQ;GACZ,OAAO,IAAI,IAAI,WAAW,MAAM,SAAS;GACzC,KAAK,KAAK;IAAE,SAAS,eAAe,SAAS;IAAW;IAAG;IAAG;GAAM,CAAC;GACrE,KAAK;EACP;CACF,CAAC;CACD,OAAO;AACT"}

package/dist/components/hud/MiniMap/index.d.ts

@@ -0,0 +1,5 @@
+export { MiniMap } from "./MiniMap";
+export { miniMapMarkerKinds, miniMapTerrain } from "./MiniMap.types";
+export { compassName, describeMarker } from "./MiniMap.utils";
+export type { MiniMapMarker, MiniMapMarkerKind, MiniMapProps, MiniMapTerrainCode, } from "./MiniMap.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hud/MiniMap/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/MiniMap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC9D,YAAY,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACnB,MAAM,iBAAiB,CAAC"}

package/dist/components/hud/Scoreboard/Scoreboard.d.ts

@@ -0,0 +1,7 @@
+import type { ScoreboardProps } from "./Scoreboard.types";
+/**
+ * Sidebar scoreboard: an objective title over name / score rows, sorted by
+ * score. A captioned table, so screen readers announce each name with its score.
+ */
+export declare const Scoreboard: import("react").ForwardRefExoticComponent<ScoreboardProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Scoreboard.d.ts.map

package/dist/components/hud/Scoreboard/Scoreboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scoreboard.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/Scoreboard/Scoreboard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D;;;GAGG;AACH,eAAO,MAAM,UAAU,4GAgErB,CAAC"}

package/dist/components/hud/Scoreboard/Scoreboard.js

@@ -0,0 +1,89 @@
+import { cx } from "../../../utils/cx.js";
+import { formatNumber } from "../../../utils/number.js";
+import Scoreboard_module_default from "./Scoreboard.module.js";
+import { entryKey, sortEntries } from "./Scoreboard.utils.js";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/hud/Scoreboard/Scoreboard.tsx
+/**
+* Sidebar scoreboard: an objective title over name / score rows, sorted by
+* score. A captioned table, so screen readers announce each name with its score.
+*/
+var Scoreboard = forwardRef(function Scoreboard({ title, entries, sort = "desc", maxEntries = 15, highlightId, showRank = false, emptyText = "No scores yet", className, ...rest }, ref) {
+	const captionId = useId();
+	const sorted = sortEntries(entries, sort);
+	const visible = sorted.slice(0, Math.max(0, maxEntries));
+	const hidden = sorted.length - visible.length;
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cx(Scoreboard_module_default.scoreboard, className),
+		...rest,
+		children: [/* @__PURE__ */ jsxs("table", {
+			className: Scoreboard_module_default.table,
+			"aria-labelledby": captionId,
+			children: [
+				/* @__PURE__ */ jsx("caption", {
+					id: captionId,
+					className: Scoreboard_module_default.title,
+					children: title
+				}),
+				/* @__PURE__ */ jsx("thead", {
+					className: "block-visually-hidden",
+					children: /* @__PURE__ */ jsxs("tr", { children: [
+						showRank ? /* @__PURE__ */ jsx("th", {
+							scope: "col",
+							children: "Rank"
+						}) : null,
+						/* @__PURE__ */ jsx("th", {
+							scope: "col",
+							children: "Name"
+						}),
+						/* @__PURE__ */ jsx("th", {
+							scope: "col",
+							children: "Score"
+						})
+					] })
+				}),
+				/* @__PURE__ */ jsx("tbody", { children: visible.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+					colSpan: showRank ? 3 : 2,
+					className: Scoreboard_module_default.empty,
+					children: emptyText
+				}) }) : visible.map((entry, index) => {
+					const key = entryKey(entry, index);
+					const highlighted = highlightId !== void 0 && key === highlightId;
+					return /* @__PURE__ */ jsxs("tr", {
+						className: Scoreboard_module_default.row,
+						"data-highlighted": highlighted || void 0,
+						"aria-current": highlighted ? "true" : void 0,
+						children: [
+							showRank ? /* @__PURE__ */ jsx("td", {
+								className: Scoreboard_module_default.rank,
+								children: index + 1
+							}) : null,
+							/* @__PURE__ */ jsx("th", {
+								scope: "row",
+								className: Scoreboard_module_default.name,
+								children: entry.name
+							}),
+							/* @__PURE__ */ jsx("td", {
+								className: Scoreboard_module_default.score,
+								children: formatNumber(entry.score)
+							})
+						]
+					}, key);
+				}) })
+			]
+		}), hidden > 0 ? /* @__PURE__ */ jsxs("p", {
+			className: Scoreboard_module_default.more,
+			children: [
+				"+",
+				hidden,
+				" more"
+			]
+		}) : null]
+	});
+});
+//#endregion
+export { Scoreboard };
+
+//# sourceMappingURL=Scoreboard.js.map