@malilion/block-ui-react 0.2.0 → 0.4.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoordinatesHUD.js","names":["chip","styles"],"sources":["../../../../src/components/hud/CoordinatesHUD/CoordinatesHUD.tsx"],"sourcesContent":["import { CheckIcon, CompassIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport chip from \"../hudChip.module.css\";\nimport styles from \"./CoordinatesHUD.module.css\";\nimport type { CoordinatesHUDProps } from \"./CoordinatesHUD.types\";\nimport { FACING_AXIS, coordinatesText, formatCoordinate } from \"./CoordinatesHUD.utils\";\n\n/** Debug-screen style XYZ read-out with an optional facing and copy button. */\nexport const CoordinatesHUD = forwardRef<HTMLDivElement, CoordinatesHUDProps>(\n  function CoordinatesHUD(\n    {\n      x,\n      y,\n      z,\n      facing,\n      precision = 0,\n      copyable = false,\n      size = \"md\",\n      label = \"Coordinates\",\n      className,\n      ...rest\n    },\n    ref,\n  ) {\n    const [copied, setCopied] = useState(false);\n    const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n    useEffect(() => () => clearTimeout(timer.current), []);\n\n    const copy = async () => {\n      try {\n        await navigator.clipboard.writeText(coordinatesText(x, y, z, precision));\n        setCopied(true);\n        clearTimeout(timer.current);\n        timer.current = setTimeout(() => setCopied(false), 2000);\n      } catch {\n        setCopied(false);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-label={label}\n        data-size={size}\n        className={cx(chip.chip, styles.coordinates, className)}\n        {...rest}\n      >\n        <span className={chip.icon} aria-hidden=\"true\">\n          <CompassIcon size={size === \"lg\" ? 24 : 16} />\n        </span>\n        <span className={styles.axes}>\n          {(\n            [\n              [\"X\", x],\n              [\"Y\", y],\n              [\"Z\", z],\n            ] as const\n          ).map(([axis, value]) => (\n            <span key={axis} className={styles.axis}>\n              <span className={chip.label}>{axis}</span>{\" \"}\n              <span className={chip.value}>{formatCoordinate(value, precision)}</span>\n            </span>\n          ))}\n        </span>\n        {facing ? (\n          <span className={styles.facing}>\n            <span className={chip.label}>Facing</span> {facing}{\" \"}\n            <span className={chip.label}>({FACING_AXIS[facing]})</span>\n          </span>\n        ) : null}\n        {copyable ? (\n          <button\n            type=\"button\"\n            className={styles.copy}\n            onClick={copy}\n            aria-label={copied ? \"Coordinates copied\" : \"Copy coordinates\"}\n          >\n            {copied ? <CheckIcon size={16} /> : \"Copy\"}\n          </button>\n        ) : null}\n        {copyable ? (\n          <span className=\"block-visually-hidden\" role=\"status\">\n            {copied ? \"Coordinates copied\" : \"\"}\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;AASA,IAAa,iBAAiB,WAC5B,SAAS,eACP,EACE,GACA,GACA,GACA,QACA,YAAY,GACZ,WAAW,OACX,OAAO,MACP,QAAQ,eACR,WACA,GAAG,QAEL,KACA;CACA,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAC1C,MAAM,QAAQ,OAAkD,KAAA,CAAS;CACzE,sBAAsB,aAAa,MAAM,OAAO,GAAG,CAAC,CAAC;CAErD,MAAM,OAAO,YAAY;EACvB,IAAI;GACF,MAAM,UAAU,UAAU,UAAU,gBAAgB,GAAG,GAAG,GAAG,SAAS,CAAC;GACvE,UAAU,IAAI;GACd,aAAa,MAAM,OAAO;GAC1B,MAAM,UAAU,iBAAiB,UAAU,KAAK,GAAG,GAAI;EACzD,QAAQ;GACN,UAAU,KAAK;EACjB;CACF;CAEA,OACE,qBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAY;EACZ,aAAW;EACX,WAAW,GAAGA,uBAAK,MAAMC,8BAAO,aAAa,SAAS;EACtD,GAAI;EANN,UAAA;GAQE,oBAAC,QAAD;IAAM,WAAWD,uBAAK;IAAM,eAAY;IACtC,UAAA,oBAAC,aAAD,EAAa,MAAM,SAAS,OAAO,KAAK,GAAK,CAAA;GACzC,CAAA;GACN,oBAAC,QAAD;IAAM,WAAWC,8BAAO;IAEpB,UAAA;KACE,CAAC,KAAK,CAAC;KACP,CAAC,KAAK,CAAC;KACP,CAAC,KAAK,CAAC;IACT,CAAC,CACD,KAAK,CAAC,MAAM,WACZ,qBAAC,QAAD;KAAiB,WAAWA,8BAAO;KAAnC,UAAA;MACE,oBAAC,QAAD;OAAM,WAAWD,uBAAK;OAAQ,UAAA;MAAW,CAAA;MAAE;MAC3C,oBAAC,QAAD;OAAM,WAAWA,uBAAK;OAAQ,UAAA,iBAAiB,OAAO,SAAS;MAAQ,CAAA;KACnE;IAHK,GAAA,IAGL,CACP;GACG,CAAA;GACL,SACC,qBAAC,QAAD;IAAM,WAAWC,8BAAO;IAAxB,UAAA;KACE,oBAAC,QAAD;MAAM,WAAWD,uBAAK;MAAO,UAAA;KAAY,CAAA;KAAC;KAAE;KAAQ;KACpD,qBAAC,QAAD;MAAM,WAAWA,uBAAK;MAAtB,UAAA;OAA6B;OAAE,YAAY;OAAQ;MAAO;;IACtD;GACJ,CAAA,IAAA;GACH,WACC,oBAAC,UAAD;IACE,MAAK;IACL,WAAWC,8BAAO;IAClB,SAAS;IACT,cAAY,SAAS,uBAAuB;IAE3C,UAAA,SAAS,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA,IAAI;GAC9B,CAAA,IACN;GACH,WACC,oBAAC,QAAD;IAAM,WAAU;IAAwB,MAAK;IAC1C,UAAA,SAAS,uBAAuB;GAC7B,CAAA,IACJ;EACD;;AAET,CACF"}

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

@@ -0,0 +1,17 @@
+//#region src/components/hud/CoordinatesHUD/CoordinatesHUD.module.css
+var coordinates = "block-coordinates-1uGGW";
+var axes = "block-axes-pVJgT";
+var axis = "block-axis-WP6By";
+var facing = "block-facing-1uYGb";
+var copy = "block-copy-NFw0D";
+var CoordinatesHUD_module_default = {
+	coordinates,
+	axes,
+	axis,
+	facing,
+	copy
+};
+//#endregion
+export { axes, axis, coordinates, copy, CoordinatesHUD_module_default as default, facing };
+
+//# sourceMappingURL=CoordinatesHUD.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoordinatesHUD.module.js","names":[],"sources":["../../../../src/components/hud/CoordinatesHUD/CoordinatesHUD.module.css"],"sourcesContent":[".coordinates {\n  flex-wrap: wrap;\n  column-gap: var(--block-space-3);\n}\n\n.axes {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: var(--block-space-3);\n}\n\n.axis {\n  white-space: nowrap;\n}\n\n.facing {\n  white-space: nowrap;\n  text-transform: capitalize;\n}\n\n.copy {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 44px;\n  min-height: 24px;\n  margin-left: auto;\n  padding: 0 var(--block-space-2);\n  font: inherit;\n  font-size: var(--block-font-size-xs);\n  text-transform: uppercase;\n  color: var(--block-text-primary);\n  background-color: var(--block-obsidian-light);\n  border: var(--block-border-width-thin) solid var(--block-black);\n  box-shadow: inset 2px 2px 0 color-mix(in srgb, var(--block-white) 15%, transparent);\n  cursor: pointer;\n}\n\n.copy:hover {\n  background-color: color-mix(in srgb, var(--block-obsidian-light) 70%, var(--block-white));\n}\n\n.copy:focus-visible {\n  outline: 3px solid var(--block-focus);\n  outline-offset: 2px;\n}\n"],"mappings":""}

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

@@ -0,0 +1,19 @@
+import type { HTMLAttributes } from "react";
+export declare const facings: readonly ["north", "south", "east", "west"];
+export type Facing = (typeof facings)[number];
+export interface CoordinatesHUDProps extends HTMLAttributes<HTMLDivElement> {
+    x: number;
+    y: number;
+    z: number;
+    /** Compass direction the player looks at; shown with its axis (north = −Z). */
+    facing?: Facing;
+    /** Decimal places. @default 0 */
+    precision?: number;
+    /** Add a button that copies `x y z` to the clipboard. */
+    copyable?: boolean;
+    /** @default "md" */
+    size?: "sm" | "md" | "lg";
+    /** Accessible name of the group. @default "Coordinates" */
+    label?: string;
+}
+//# sourceMappingURL=CoordinatesHUD.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoordinatesHUD.types.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/CoordinatesHUD/CoordinatesHUD.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,eAAO,MAAM,OAAO,6CAA8C,CAAC;AAEnE,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9C,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,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/CoordinatesHUD/CoordinatesHUD.types.js

@@ -0,0 +1,11 @@
+//#region src/components/hud/CoordinatesHUD/CoordinatesHUD.types.ts
+var facings = [
+	"north",
+	"south",
+	"east",
+	"west"
+];
+//#endregion
+export { facings };
+
+//# sourceMappingURL=CoordinatesHUD.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoordinatesHUD.types.js","names":[],"sources":["../../../../src/components/hud/CoordinatesHUD/CoordinatesHUD.types.ts"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\n\nexport const facings = [\"north\", \"south\", \"east\", \"west\"] as const;\n\nexport type Facing = (typeof facings)[number];\n\nexport interface CoordinatesHUDProps extends HTMLAttributes<HTMLDivElement> {\n  x: number;\n  y: number;\n  z: number;\n  /** Compass direction the player looks at; shown with its axis (north = −Z). */\n  facing?: Facing;\n  /** Decimal places. @default 0 */\n  precision?: number;\n  /** Add a button that copies `x y z` to the clipboard. */\n  copyable?: boolean;\n  /** @default \"md\" */\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** Accessible name of the group. @default \"Coordinates\" */\n  label?: string;\n}\n"],"mappings":";AAEA,IAAa,UAAU;CAAC;CAAS;CAAS;CAAQ;AAAM"}

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

@@ -0,0 +1,7 @@
+import type { Facing } from "./CoordinatesHUD.types";
+export declare const FACING_AXIS: Record<Facing, string>;
+/** Fixed decimals with a typographic minus, e.g. `-3.5` → `−3.5`. */
+export declare function formatCoordinate(value: number, precision: number): string;
+/** Plain-text form for copying (ASCII minus, space separated), e.g. `120 64 -340`. */
+export declare function coordinatesText(x: number, y: number, z: number, precision: number): string;
+//# sourceMappingURL=CoordinatesHUD.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoordinatesHUD.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/CoordinatesHUD/CoordinatesHUD.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAErD,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK9C,CAAC;AAEF,qEAAqE;AACrE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAIzE;AAED,sFAAsF;AACtF,wBAAgB,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAE1F"}

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

@@ -0,0 +1,24 @@
+//#region src/components/hud/CoordinatesHUD/CoordinatesHUD.utils.ts
+var FACING_AXIS = {
+	north: "−Z",
+	south: "+Z",
+	east: "+X",
+	west: "−X"
+};
+/** Fixed decimals with a typographic minus, e.g. `-3.5` → `−3.5`. */
+function formatCoordinate(value, precision) {
+	const fixed = Math.abs(value).toFixed(Math.max(0, precision));
+	return value < 0 && Number(fixed) !== 0 ? `−${fixed}` : fixed;
+}
+/** Plain-text form for copying (ASCII minus, space separated), e.g. `120 64 -340`. */
+function coordinatesText(x, y, z, precision) {
+	return [
+		x,
+		y,
+		z
+	].map((value) => formatCoordinate(value, precision).replace("−", "-")).join(" ");
+}
+//#endregion
+export { FACING_AXIS, coordinatesText, formatCoordinate };
+
+//# sourceMappingURL=CoordinatesHUD.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoordinatesHUD.utils.js","names":[],"sources":["../../../../src/components/hud/CoordinatesHUD/CoordinatesHUD.utils.ts"],"sourcesContent":["import type { Facing } from \"./CoordinatesHUD.types\";\n\nexport const FACING_AXIS: Record<Facing, string> = {\n  north: \"−Z\",\n  south: \"+Z\",\n  east: \"+X\",\n  west: \"−X\",\n};\n\n/** Fixed decimals with a typographic minus, e.g. `-3.5` → `−3.5`. */\nexport function formatCoordinate(value: number, precision: number): string {\n  const fixed = Math.abs(value).toFixed(Math.max(0, precision));\n  const negative = value < 0 && Number(fixed) !== 0;\n  return negative ? `−${fixed}` : fixed;\n}\n\n/** Plain-text form for copying (ASCII minus, space separated), e.g. `120 64 -340`. */\nexport function coordinatesText(x: number, y: number, z: number, precision: number): string {\n  return [x, y, z].map((value) => formatCoordinate(value, precision).replace(\"−\", \"-\")).join(\" \");\n}\n"],"mappings":";AAEA,IAAa,cAAsC;CACjD,OAAO;CACP,OAAO;CACP,MAAM;CACN,MAAM;AACR;;AAGA,SAAgB,iBAAiB,OAAe,WAA2B;CACzE,MAAM,QAAQ,KAAK,IAAI,KAAK,CAAC,CAAC,QAAQ,KAAK,IAAI,GAAG,SAAS,CAAC;CAE5D,OADiB,QAAQ,KAAK,OAAO,KAAK,MAAM,IAC9B,IAAI,UAAU;AAClC;;AAGA,SAAgB,gBAAgB,GAAW,GAAW,GAAW,WAA2B;CAC1F,OAAO;EAAC;EAAG;EAAG;CAAC,CAAC,CAAC,KAAK,UAAU,iBAAiB,OAAO,SAAS,CAAC,CAAC,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG;AAChG"}

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

@@ -0,0 +1,4 @@
+export { CoordinatesHUD } from "./CoordinatesHUD";
+export { facings } from "./CoordinatesHUD.types";
+export type { CoordinatesHUDProps, Facing } from "./CoordinatesHUD.types";
+//# sourceMappingURL=index.d.ts.map

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"}