@malilion/block-ui-react 0.2.0 → 0.3.0

package/dist/components/hud/BossBar/BossBar.js

@@ -0,0 +1,56 @@
+import { cx } from "../../../utils/cx.js";
+import { clamp, ratio } from "../../../utils/number.js";
+import BossBar_module_default from "./BossBar.module.js";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/hud/BossBar/BossBar.tsx
+/** Boss health bar: a centered title over a long notched bar, exposed as a `meter`. */
+var BossBar = forwardRef(function BossBar({ name, value, max = 100, color = "amethyst", segments = 0, icon, showPercent = false, className, ...rest }, ref) {
+	const nameId = useId();
+	const safeMax = Math.max(0, max);
+	const current = clamp(value, 0, safeMax);
+	const percent = Math.round(ratio(current, safeMax) * 100);
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cx(BossBar_module_default.boss, className),
+		"data-material": color,
+		...rest,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: BossBar_module_default.title,
+			children: [
+				icon ? /* @__PURE__ */ jsx("span", {
+					className: BossBar_module_default.icon,
+					"aria-hidden": "true",
+					children: icon
+				}) : null,
+				/* @__PURE__ */ jsx("span", {
+					id: nameId,
+					children: name
+				}),
+				showPercent ? /* @__PURE__ */ jsxs("span", {
+					className: BossBar_module_default.percent,
+					"aria-hidden": "true",
+					children: [percent, "%"]
+				}) : null
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			role: "meter",
+			"aria-labelledby": nameId,
+			"aria-valuemin": 0,
+			"aria-valuemax": safeMax,
+			"aria-valuenow": current,
+			"aria-valuetext": `${percent}%`,
+			className: BossBar_module_default.track,
+			"data-segments": segments || void 0,
+			style: {
+				"--block-boss-fill": `${percent}%`,
+				"--block-boss-segments": segments || 1
+			},
+			children: /* @__PURE__ */ jsx("span", { className: BossBar_module_default.fill })
+		})]
+	});
+});
+//#endregion
+export { BossBar };
+
+//# sourceMappingURL=BossBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BossBar.js","names":["styles"],"sources":["../../../../src/components/hud/BossBar/BossBar.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { clamp, ratio } from \"../../../utils/number\";\nimport styles from \"./BossBar.module.css\";\nimport type { BossBarProps } from \"./BossBar.types\";\n\n/** Boss health bar: a centered title over a long notched bar, exposed as a `meter`. */\nexport const BossBar = forwardRef<HTMLDivElement, BossBarProps>(function BossBar(\n  {\n    name,\n    value,\n    max = 100,\n    color = \"amethyst\",\n    segments = 0,\n    icon,\n    showPercent = false,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const nameId = useId();\n  const safeMax = Math.max(0, max);\n  const current = clamp(value, 0, safeMax);\n  const percent = Math.round(ratio(current, safeMax) * 100);\n\n  return (\n    <div ref={ref} className={cx(styles.boss, className)} data-material={color} {...rest}>\n      <div className={styles.title}>\n        {icon ? (\n          <span className={styles.icon} aria-hidden=\"true\">\n            {icon}\n          </span>\n        ) : null}\n        <span id={nameId}>{name}</span>\n        {showPercent ? (\n          <span className={styles.percent} aria-hidden=\"true\">\n            {percent}%\n          </span>\n        ) : null}\n      </div>\n      <div\n        role=\"meter\"\n        aria-labelledby={nameId}\n        aria-valuemin={0}\n        aria-valuemax={safeMax}\n        aria-valuenow={current}\n        aria-valuetext={`${percent}%`}\n        className={styles.track}\n        data-segments={segments || undefined}\n        style={\n          {\n            \"--block-boss-fill\": `${percent}%`,\n            \"--block-boss-segments\": segments || 1,\n          } as CSSProperties\n        }\n      >\n        <span className={styles.fill} />\n      </div>\n    </div>\n  );\n});\n"],"mappings":";;;;;;;AAOA,IAAa,UAAU,WAAyC,SAAS,QACvE,EACE,MACA,OACA,MAAM,KACN,QAAQ,YACR,WAAW,GACX,MACA,cAAc,OACd,WACA,GAAG,QAEL,KACA;CACA,MAAM,SAAS,MAAM;CACrB,MAAM,UAAU,KAAK,IAAI,GAAG,GAAG;CAC/B,MAAM,UAAU,MAAM,OAAO,GAAG,OAAO;CACvC,MAAM,UAAU,KAAK,MAAM,MAAM,SAAS,OAAO,IAAI,GAAG;CAExD,OACE,qBAAC,OAAD;EAAU;EAAK,WAAW,GAAGA,uBAAO,MAAM,SAAS;EAAG,iBAAe;EAAO,GAAI;EAAhF,UAAA,CACE,qBAAC,OAAD;GAAK,WAAWA,uBAAO;GAAvB,UAAA;IACG,OACC,oBAAC,QAAD;KAAM,WAAWA,uBAAO;KAAM,eAAY;KACvC,UAAA;IACG,CAAA,IACJ;IACJ,oBAAC,QAAD;KAAM,IAAI;KAAS,UAAA;IAAW,CAAA;IAC7B,cACC,qBAAC,QAAD;KAAM,WAAWA,uBAAO;KAAS,eAAY;KAA7C,UAAA,CACG,SAAQ,GACL;IACJ,CAAA,IAAA;GACD;EACL,CAAA,GAAA,oBAAC,OAAD;GACE,MAAK;GACL,mBAAiB;GACjB,iBAAe;GACf,iBAAe;GACf,iBAAe;GACf,kBAAgB,GAAG,QAAQ;GAC3B,WAAWA,uBAAO;GAClB,iBAAe,YAAY,KAAA;GAC3B,OACE;IACE,qBAAqB,GAAG,QAAQ;IAChC,yBAAyB,YAAY;GACvC;GAGF,UAAA,oBAAC,QAAD,EAAM,WAAWA,uBAAO,KAAO,CAAA;EAC5B,CAAA,CACF;;AAET,CAAC"}

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

@@ -0,0 +1,19 @@
+//#region src/components/hud/BossBar/BossBar.module.css
+var boss = "block-boss-lFT3g";
+var title = "block-title-3wFxE";
+var icon = "block-icon-NcxTM";
+var percent = "block-percent-hKJqC";
+var track = "block-track-7nV8B";
+var fill = "block-fill-NNtpd";
+var BossBar_module_default = {
+	boss,
+	title,
+	icon,
+	percent,
+	track,
+	fill
+};
+//#endregion
+export { boss, BossBar_module_default as default, fill, icon, percent, title, track };
+
+//# sourceMappingURL=BossBar.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BossBar.module.js","names":[],"sources":["../../../../src/components/hud/BossBar/BossBar.module.css"],"sourcesContent":[".boss {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--block-space-1);\n  width: 100%;\n  max-width: 480px;\n  margin-inline: auto;\n}\n\n.title {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--block-space-2);\n  max-width: 100%;\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-md);\n  font-weight: var(--block-font-weight-bold);\n  line-height: var(--block-line-height-tight);\n  text-align: center;\n  color: var(--block-text);\n  text-shadow: var(--block-shadow-text);\n  overflow-wrap: anywhere;\n}\n\n.icon {\n  display: inline-flex;\n  flex-shrink: 0;\n}\n\n.percent {\n  color: var(--block-text-muted);\n  font-variant-numeric: tabular-nums;\n}\n\n.track {\n  position: relative;\n  width: 100%;\n  height: 12px;\n  background-color: var(--block-mat-dark);\n  border: var(--block-border-width-thin) solid var(--block-black);\n  overflow: hidden;\n}\n\n.fill {\n  position: absolute;\n  inset: 0 auto 0 0;\n  width: var(--block-boss-fill);\n  background-color: var(--block-mat);\n  box-shadow:\n    inset 0 2px 0 var(--block-mat-light),\n    inset 0 -2px 0 color-mix(in srgb, var(--block-mat-dark) 70%, transparent);\n  transition: width var(--block-duration-normal) steps(6, end);\n}\n\n/* Notches: thin dark dividers every 1/n of the bar. */\n.track[data-segments]::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image: repeating-linear-gradient(\n    to right,\n    transparent 0 calc(100% / var(--block-boss-segments) - 2px),\n    var(--block-black) calc(100% / var(--block-boss-segments) - 2px)\n      calc(100% / var(--block-boss-segments))\n  );\n  opacity: 0.6;\n  pointer-events: none;\n}\n"],"mappings":""}

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

@@ -0,0 +1,22 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export declare const bossBarColors: readonly ["amethyst", "redstone", "emerald", "diamond", "gold", "obsidian"];
+export type BossBarColor = (typeof bossBarColors)[number];
+/** Notch counts drawn over the bar. */
+export declare const bossBarSegments: readonly [0, 6, 10, 12, 20];
+export type BossBarSegments = (typeof bossBarSegments)[number];
+export interface BossBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"> {
+    /** Boss name shown above the bar — also the meter's accessible name. */
+    name: ReactNode;
+    value: number;
+    /** @default 100 */
+    max?: number;
+    /** Bar material. @default "amethyst" */
+    color?: BossBarColor;
+    /** Notches over the bar. @default 0 */
+    segments?: BossBarSegments;
+    /** Icon before the name. */
+    icon?: ReactNode;
+    /** Show the percentage after the name. */
+    showPercent?: boolean;
+}
+//# sourceMappingURL=BossBar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BossBar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/BossBar/BossBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,aAAa,6EAOhB,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,uCAAuC;AACvC,eAAO,MAAM,eAAe,6BAA8B,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/D,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACjF,wEAAwE;IACxE,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

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

@@ -0,0 +1,21 @@
+//#region src/components/hud/BossBar/BossBar.types.ts
+var bossBarColors = [
+	"amethyst",
+	"redstone",
+	"emerald",
+	"diamond",
+	"gold",
+	"obsidian"
+];
+/** Notch counts drawn over the bar. */
+var bossBarSegments = [
+	0,
+	6,
+	10,
+	12,
+	20
+];
+//#endregion
+export { bossBarColors, bossBarSegments };
+
+//# sourceMappingURL=BossBar.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BossBar.types.js","names":[],"sources":["../../../../src/components/hud/BossBar/BossBar.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport const bossBarColors = [\n  \"amethyst\",\n  \"redstone\",\n  \"emerald\",\n  \"diamond\",\n  \"gold\",\n  \"obsidian\",\n] as const;\n\nexport type BossBarColor = (typeof bossBarColors)[number];\n\n/** Notch counts drawn over the bar. */\nexport const bossBarSegments = [0, 6, 10, 12, 20] as const;\n\nexport type BossBarSegments = (typeof bossBarSegments)[number];\n\nexport interface BossBarProps extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n  /** Boss name shown above the bar — also the meter's accessible name. */\n  name: ReactNode;\n  value: number;\n  /** @default 100 */\n  max?: number;\n  /** Bar material. @default \"amethyst\" */\n  color?: BossBarColor;\n  /** Notches over the bar. @default 0 */\n  segments?: BossBarSegments;\n  /** Icon before the name. */\n  icon?: ReactNode;\n  /** Show the percentage after the name. */\n  showPercent?: boolean;\n}\n"],"mappings":";AAEA,IAAa,gBAAgB;CAC3B;CACA;CACA;CACA;CACA;CACA;AACF;;AAKA,IAAa,kBAAkB;CAAC;CAAG;CAAG;CAAI;CAAI;AAAE"}

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

@@ -0,0 +1,4 @@
+export { BossBar } from "./BossBar";
+export { bossBarColors, bossBarSegments } from "./BossBar.types";
+export type { BossBarColor, BossBarProps, BossBarSegments } from "./BossBar.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/BossBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACjE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { CoordinatesHUDProps } from "./CoordinatesHUD.types";
+/** Debug-screen style XYZ read-out with an optional facing and copy button. */
+export declare const CoordinatesHUD: import("react").ForwardRefExoticComponent<CoordinatesHUDProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CoordinatesHUD.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoordinatesHUD.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/CoordinatesHUD/CoordinatesHUD.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE,+EAA+E;AAC/E,eAAO,MAAM,cAAc,gHAiF1B,CAAC"}

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

@@ -0,0 +1,96 @@
+import { cx } from "../../../utils/cx.js";
+import hudChip_module_default from "../hudChip.module.js";
+import CoordinatesHUD_module_default from "./CoordinatesHUD.module.js";
+import { FACING_AXIS, coordinatesText, formatCoordinate } from "./CoordinatesHUD.utils.js";
+import { forwardRef, useEffect, useRef, useState } from "react";
+import { CheckIcon, CompassIcon } from "@malilion/block-ui-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/hud/CoordinatesHUD/CoordinatesHUD.tsx
+/** Debug-screen style XYZ read-out with an optional facing and copy button. */
+var CoordinatesHUD = forwardRef(function CoordinatesHUD({ x, y, z, facing, precision = 0, copyable = false, size = "md", label = "Coordinates", className, ...rest }, ref) {
+	const [copied, setCopied] = useState(false);
+	const timer = useRef(void 0);
+	useEffect(() => () => clearTimeout(timer.current), []);
+	const copy = async () => {
+		try {
+			await navigator.clipboard.writeText(coordinatesText(x, y, z, precision));
+			setCopied(true);
+			clearTimeout(timer.current);
+			timer.current = setTimeout(() => setCopied(false), 2e3);
+		} catch {
+			setCopied(false);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: "group",
+		"aria-label": label,
+		"data-size": size,
+		className: cx(hudChip_module_default.chip, CoordinatesHUD_module_default.coordinates, className),
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: hudChip_module_default.icon,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx(CompassIcon, { size: size === "lg" ? 24 : 16 })
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: CoordinatesHUD_module_default.axes,
+				children: [
+					["X", x],
+					["Y", y],
+					["Z", z]
+				].map(([axis, value]) => /* @__PURE__ */ jsxs("span", {
+					className: CoordinatesHUD_module_default.axis,
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: hudChip_module_default.label,
+							children: axis
+						}),
+						" ",
+						/* @__PURE__ */ jsx("span", {
+							className: hudChip_module_default.value,
+							children: formatCoordinate(value, precision)
+						})
+					]
+				}, axis))
+			}),
+			facing ? /* @__PURE__ */ jsxs("span", {
+				className: CoordinatesHUD_module_default.facing,
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: hudChip_module_default.label,
+						children: "Facing"
+					}),
+					" ",
+					facing,
+					" ",
+					/* @__PURE__ */ jsxs("span", {
+						className: hudChip_module_default.label,
+						children: [
+							"(",
+							FACING_AXIS[facing],
+							")"
+						]
+					})
+				]
+			}) : null,
+			copyable ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: CoordinatesHUD_module_default.copy,
+				onClick: copy,
+				"aria-label": copied ? "Coordinates copied" : "Copy coordinates",
+				children: copied ? /* @__PURE__ */ jsx(CheckIcon, { size: 16 }) : "Copy"
+			}) : null,
+			copyable ? /* @__PURE__ */ jsx("span", {
+				className: "block-visually-hidden",
+				role: "status",
+				children: copied ? "Coordinates copied" : ""
+			}) : null
+		]
+	});
+});
+//#endregion
+export { CoordinatesHUD };
+
+//# sourceMappingURL=CoordinatesHUD.js.map

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