@malilion/block-ui-react 0.2.0 → 0.4.0

package/dist/components/forms/NumberInput/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","names":["styles","control"],"sources":["../../../../src/components/forms/NumberInput/NumberInput.tsx"],"sourcesContent":["import { MinusIcon, PlusIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef, useState, type KeyboardEvent } from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { cx } from \"../../../utils/cx\";\nimport { Field } from \"../Field/Field\";\nimport control from \"../Field/control.module.css\";\nimport styles from \"./NumberInput.module.css\";\nimport type { NumberInputProps } from \"./NumberInput.types\";\nimport { normalizeNumber, parseNumber, stepPrecision } from \"./NumberInput.utils\";\n\n/**\n * Number field with − / + buttons, following the WAI-ARIA spinbutton pattern:\n * ↑ / ↓ step, Page Up / Down step ×10, Home / End jump to min / max. Values are\n * clamped and rounded when committed (step, Enter or blur).\n */\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(function NumberInput(\n  {\n    id,\n    label,\n    error,\n    success,\n    helperText,\n    value,\n    defaultValue = null,\n    onValueChange,\n    min,\n    max,\n    step = 1,\n    disabled,\n    required,\n    className,\n    wrapperClassName,\n    onBlur,\n    onKeyDown,\n    \"aria-describedby\": ariaDescribedBy,\n    ...rest\n  },\n  ref,\n) {\n  const [current, setCurrent] = useControllableState<number | null>({\n    value,\n    defaultValue,\n    onChange: onValueChange,\n  });\n  const [draft, setDraft] = useState<string | null>(null);\n  const precision = stepPrecision(step);\n  const format = (n: number | null) => (n === null ? \"\" : n.toFixed(precision));\n\n  const commit = (next: number | null) => {\n    const normalized = next === null ? null : normalizeNumber(next, { min, max, step });\n    setDraft(null);\n    if (normalized !== current) setCurrent(normalized);\n  };\n\n  const base = () => {\n    const parsed = draft !== null ? parseNumber(draft) : current;\n    return parsed ?? min ?? 0;\n  };\n  const stepBy = (amount: number) => {\n    if (disabled) return;\n    commit(base() + amount);\n  };\n\n  const atMin = current !== null && min !== undefined && current <= min;\n  const atMax = current !== null && max !== undefined && current >= max;\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n    let handled = true;\n    if (event.key === \"ArrowUp\") stepBy(step);\n    else if (event.key === \"ArrowDown\") stepBy(-step);\n    else if (event.key === \"PageUp\") stepBy(step * 10);\n    else if (event.key === \"PageDown\") stepBy(-step * 10);\n    else if (event.key === \"Home\" && min !== undefined) commit(min);\n    else if (event.key === \"End\" && max !== undefined) commit(max);\n    else if (event.key === \"Enter\" && draft !== null) commit(parseNumber(draft));\n    else handled = false;\n    if (handled) event.preventDefault();\n  };\n\n  return (\n    <Field\n      id={id}\n      label={label}\n      error={error}\n      success={success}\n      helperText={helperText}\n      disabled={disabled}\n      required={required}\n      className={wrapperClassName}\n    >\n      {({ inputId, describedBy, invalid }) => (\n        <div className={styles.wrapper}>\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            aria-label=\"Decrease\"\n            aria-controls={inputId}\n            disabled={disabled || atMin}\n            className={styles.button}\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => stepBy(-step)}\n          >\n            <MinusIcon size={16} />\n          </button>\n          <input\n            ref={ref}\n            id={inputId}\n            type=\"text\"\n            role=\"spinbutton\"\n            inputMode={precision > 0 || (min !== undefined && min < 0) ? \"decimal\" : \"numeric\"}\n            autoComplete=\"off\"\n            value={draft ?? format(current)}\n            aria-valuenow={current ?? undefined}\n            aria-valuemin={min}\n            aria-valuemax={max}\n            disabled={disabled}\n            required={required}\n            aria-invalid={invalid || undefined}\n            aria-describedby={cx(describedBy, ariaDescribedBy) || undefined}\n            className={cx(control.control, styles.input, className)}\n            onChange={(event) => setDraft(event.target.value)}\n            onBlur={(event) => {\n              if (draft !== null) commit(parseNumber(draft));\n              onBlur?.(event);\n            }}\n            onKeyDown={handleKeyDown}\n            {...rest}\n          />\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            aria-label=\"Increase\"\n            aria-controls={inputId}\n            disabled={disabled || atMax}\n            className={styles.button}\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => stepBy(step)}\n          >\n            <PlusIcon size={16} />\n          </button>\n        </div>\n      )}\n    </Field>\n  );\n});\n"],"mappings":"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"}

package/dist/components/forms/NumberInput/NumberInput.module.js

@@ -0,0 +1,13 @@
+//#region src/components/forms/NumberInput/NumberInput.module.css
+var wrapper = "block-wrapper-b-npH";
+var input = "block-input-cg-Fv";
+var button = "block-button-8xOEk";
+var NumberInput_module_default = {
+	wrapper,
+	input,
+	button
+};
+//#endregion
+export { button, NumberInput_module_default as default, input, wrapper };
+
+//# sourceMappingURL=NumberInput.module.js.map

package/dist/components/forms/NumberInput/NumberInput.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.module.js","names":[],"sources":["../../../../src/components/forms/NumberInput/NumberInput.module.css"],"sourcesContent":[".wrapper {\n  display: flex;\n  align-items: stretch;\n  gap: var(--block-space-1);\n}\n\n.input {\n  flex: 1;\n  min-width: 0;\n  height: var(--block-size-control-md);\n  text-align: center;\n  font-variant-numeric: tabular-nums;\n}\n\n.button {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: var(--block-size-control-md);\n  padding: 0;\n  color: var(--block-text);\n  background-color: var(--block-surface-alt);\n  border: var(--block-border-width-thin) solid var(--block-border);\n  box-shadow: var(--block-shadow-bevel);\n  cursor: pointer;\n}\n\n.button:hover:not(:disabled) {\n  background-color: var(--block-slot-hover);\n}\n\n.button:active:not(:disabled) {\n  box-shadow: var(--block-shadow-inset);\n}\n\n.button:disabled {\n  cursor: not-allowed;\n  opacity: 0.45;\n}\n"],"mappings":""}

package/dist/components/forms/NumberInput/NumberInput.types.d.ts

@@ -0,0 +1,20 @@
+import type { InputHTMLAttributes } from "react";
+export interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "type" | "min" | "max" | "step" | "size"> {
+    label?: string;
+    error?: string;
+    success?: boolean;
+    helperText?: string;
+    /** Controlled value; `null` is empty. */
+    value?: number | null;
+    /** Initial value when uncontrolled. @default null */
+    defaultValue?: number | null;
+    /** Called with the committed value (on step, Enter or blur). */
+    onValueChange?: (value: number | null) => void;
+    min?: number;
+    max?: number;
+    /** Amount per step; its decimals set the precision. @default 1 */
+    step?: number;
+    /** Class name for the outer field wrapper. */
+    wrapperClassName?: string;
+}
+//# sourceMappingURL=NumberInput.types.d.ts.map

package/dist/components/forms/NumberInput/NumberInput.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.types.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/NumberInput/NumberInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CACjF;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,gEAAgE;IAChE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

package/dist/components/forms/NumberInput/NumberInput.utils.d.ts

@@ -0,0 +1,11 @@
+/** Decimal places of a step, e.g. 0.25 → 2. */
+export declare function stepPrecision(step: number): number;
+/** Clamps to [min, max] and rounds to the step's precision. */
+export declare function normalizeNumber(value: number, { min, max, step }: {
+    min?: number;
+    max?: number;
+    step?: number;
+}): number;
+/** Parses user text ("12", "-3.5", " 4 "); returns null for empty or invalid input. */
+export declare function parseNumber(text: string): number | null;
+//# sourceMappingURL=NumberInput.utils.d.ts.map

package/dist/components/forms/NumberInput/NumberInput.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/NumberInput/NumberInput.utils.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIlD;AAED,+DAA+D;AAC/D,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,EACb,EAAE,GAAG,EAAE,GAAG,EAAE,IAAQ,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GACpE,MAAM,CAMR;AAED,uFAAuF;AACvF,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAKvD"}

package/dist/components/forms/NumberInput/NumberInput.utils.js

@@ -0,0 +1,26 @@
+//#region src/components/forms/NumberInput/NumberInput.utils.ts
+/** Decimal places of a step, e.g. 0.25 → 2. */
+function stepPrecision(step) {
+	const text = String(step);
+	const dot = text.indexOf(".");
+	return dot < 0 ? 0 : text.length - dot - 1;
+}
+/** Clamps to [min, max] and rounds to the step's precision. */
+function normalizeNumber(value, { min, max, step = 1 }) {
+	let next = value;
+	if (min !== void 0) next = Math.max(min, next);
+	if (max !== void 0) next = Math.min(max, next);
+	const precision = stepPrecision(step);
+	return Number(next.toFixed(precision));
+}
+/** Parses user text ("12", "-3.5", " 4 "); returns null for empty or invalid input. */
+function parseNumber(text) {
+	const trimmed = text.trim().replace(",", ".");
+	if (trimmed === "" || trimmed === "-" || trimmed === ".") return null;
+	const value = Number(trimmed);
+	return Number.isFinite(value) ? value : null;
+}
+//#endregion
+export { normalizeNumber, parseNumber, stepPrecision };
+
+//# sourceMappingURL=NumberInput.utils.js.map

package/dist/components/forms/NumberInput/NumberInput.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.utils.js","names":[],"sources":["../../../../src/components/forms/NumberInput/NumberInput.utils.ts"],"sourcesContent":["/** Decimal places of a step, e.g. 0.25 → 2. */\nexport function stepPrecision(step: number): number {\n  const text = String(step);\n  const dot = text.indexOf(\".\");\n  return dot < 0 ? 0 : text.length - dot - 1;\n}\n\n/** Clamps to [min, max] and rounds to the step's precision. */\nexport function normalizeNumber(\n  value: number,\n  { min, max, step = 1 }: { min?: number; max?: number; step?: number },\n): number {\n  let next = value;\n  if (min !== undefined) next = Math.max(min, next);\n  if (max !== undefined) next = Math.min(max, next);\n  const precision = stepPrecision(step);\n  return Number(next.toFixed(precision));\n}\n\n/** Parses user text (\"12\", \"-3.5\", \" 4 \"); returns null for empty or invalid input. */\nexport function parseNumber(text: string): number | null {\n  const trimmed = text.trim().replace(\",\", \".\");\n  if (trimmed === \"\" || trimmed === \"-\" || trimmed === \".\") return null;\n  const value = Number(trimmed);\n  return Number.isFinite(value) ? value : null;\n}\n"],"mappings":";;AACA,SAAgB,cAAc,MAAsB;CAClD,MAAM,OAAO,OAAO,IAAI;CACxB,MAAM,MAAM,KAAK,QAAQ,GAAG;CAC5B,OAAO,MAAM,IAAI,IAAI,KAAK,SAAS,MAAM;AAC3C;;AAGA,SAAgB,gBACd,OACA,EAAE,KAAK,KAAK,OAAO,KACX;CACR,IAAI,OAAO;CACX,IAAI,QAAQ,KAAA,GAAW,OAAO,KAAK,IAAI,KAAK,IAAI;CAChD,IAAI,QAAQ,KAAA,GAAW,OAAO,KAAK,IAAI,KAAK,IAAI;CAChD,MAAM,YAAY,cAAc,IAAI;CACpC,OAAO,OAAO,KAAK,QAAQ,SAAS,CAAC;AACvC;;AAGA,SAAgB,YAAY,MAA6B;CACvD,MAAM,UAAU,KAAK,KAAK,CAAC,CAAC,QAAQ,KAAK,GAAG;CAC5C,IAAI,YAAY,MAAM,YAAY,OAAO,YAAY,KAAK,OAAO;CACjE,MAAM,QAAQ,OAAO,OAAO;CAC5B,OAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAC1C"}

package/dist/components/forms/NumberInput/index.d.ts

@@ -0,0 +1,3 @@
+export { NumberInput } from "./NumberInput";
+export type { NumberInputProps } from "./NumberInput.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/forms/NumberInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/NumberInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/forms/index.d.ts

@@ -5,4 +5,5 @@ export * from "./BlockCheckbox";
 export * from "./BlockRadio";
 export * from "./BlockToggle";
 export * from "./BlockSlider";
+export * from "./NumberInput";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/forms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { BiomeIndicatorProps } from "./BiomeIndicator.types";
+/** Current biome read-out: a pixel icon, an accent stripe and the biome name. */
+export declare const BiomeIndicator: import("react").ForwardRefExoticComponent<BiomeIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BiomeIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BiomeIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/BiomeIndicator/BiomeIndicator.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE,iFAAiF;AACjF,eAAO,MAAM,cAAc,gHA0B1B,CAAC"}

package/dist/components/hud/BiomeIndicator/BiomeIndicator.js

@@ -0,0 +1,39 @@
+import { cx } from "../../../utils/cx.js";
+import hudChip_module_default from "../hudChip.module.js";
+import BiomeIndicator_module_default from "./BiomeIndicator.module.js";
+import { BIOMES, biomeLabel } from "./BiomeIndicator.utils.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/hud/BiomeIndicator/BiomeIndicator.tsx
+/** Current biome read-out: a pixel icon, an accent stripe and the biome name. */
+var BiomeIndicator = forwardRef(function BiomeIndicator({ type, name, icon, announce = false, size = "md", className, ...rest }, ref) {
+	const { icon: Icon, material } = BIOMES[type];
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: announce ? "status" : void 0,
+		"data-biome": type,
+		"data-material": material,
+		"data-size": size,
+		className: cx(hudChip_module_default.chip, BiomeIndicator_module_default.biome, className),
+		...rest,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: hudChip_module_default.icon,
+			"aria-hidden": "true",
+			children: icon ?? /* @__PURE__ */ jsx(Icon, { size: size === "lg" ? 24 : 16 })
+		}), /* @__PURE__ */ jsxs("span", { children: [
+			/* @__PURE__ */ jsx("span", {
+				className: hudChip_module_default.label,
+				children: "Biome"
+			}),
+			" ",
+			/* @__PURE__ */ jsx("span", {
+				className: BiomeIndicator_module_default.name,
+				children: name ?? biomeLabel(type)
+			})
+		] })]
+	});
+});
+//#endregion
+export { BiomeIndicator };
+
+//# sourceMappingURL=BiomeIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BiomeIndicator.js","names":["chip","styles"],"sources":["../../../../src/components/hud/BiomeIndicator/BiomeIndicator.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport chip from \"../hudChip.module.css\";\nimport styles from \"./BiomeIndicator.module.css\";\nimport type { BiomeIndicatorProps } from \"./BiomeIndicator.types\";\nimport { BIOMES, biomeLabel } from \"./BiomeIndicator.utils\";\n\n/** Current biome read-out: a pixel icon, an accent stripe and the biome name. */\nexport const BiomeIndicator = forwardRef<HTMLDivElement, BiomeIndicatorProps>(\n  function BiomeIndicator(\n    { type, name, icon, announce = false, size = \"md\", className, ...rest },\n    ref,\n  ) {\n    const { icon: Icon, material } = BIOMES[type];\n    return (\n      <div\n        ref={ref}\n        role={announce ? \"status\" : undefined}\n        data-biome={type}\n        data-material={material}\n        data-size={size}\n        className={cx(chip.chip, styles.biome, className)}\n        {...rest}\n      >\n        <span className={chip.icon} aria-hidden=\"true\">\n          {icon ?? <Icon size={size === \"lg\" ? 24 : 16} />}\n        </span>\n        <span>\n          <span className={chip.label}>Biome</span>{\" \"}\n          <span className={styles.name}>{name ?? biomeLabel(type)}</span>\n        </span>\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;;;;;AAQA,IAAa,iBAAiB,WAC5B,SAAS,eACP,EAAE,MAAM,MAAM,MAAM,WAAW,OAAO,OAAO,MAAM,WAAW,GAAG,QACjE,KACA;CACA,MAAM,EAAE,MAAM,MAAM,aAAa,OAAO;CACxC,OACE,qBAAC,OAAD;EACO;EACL,MAAM,WAAW,WAAW,KAAA;EAC5B,cAAY;EACZ,iBAAe;EACf,aAAW;EACX,WAAW,GAAGA,uBAAK,MAAMC,8BAAO,OAAO,SAAS;EAChD,GAAI;EAPN,UAAA,CASE,oBAAC,QAAD;GAAM,WAAWD,uBAAK;GAAM,eAAY;GACrC,UAAA,QAAQ,oBAAC,MAAD,EAAM,MAAM,SAAS,OAAO,KAAK,GAAK,CAAA;EAC3C,CAAA,GACN,qBAAC,QAAD,EAAA,UAAA;GACE,oBAAC,QAAD;IAAM,WAAWA,uBAAK;IAAO,UAAA;GAAW,CAAA;GAAE;GAC1C,oBAAC,QAAD;IAAM,WAAWC,8BAAO;IAAO,UAAA,QAAQ,WAAW,IAAI;GAAQ,CAAA;EAC1D,EAAA,CAAA,CACH;;AAET,CACF"}

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

@@ -0,0 +1,11 @@
+//#region src/components/hud/BiomeIndicator/BiomeIndicator.module.css
+var biome = "block-biome-XfC9T";
+var name = "block-name-lZN2g";
+var BiomeIndicator_module_default = {
+	biome,
+	name
+};
+//#endregion
+export { biome, BiomeIndicator_module_default as default, name };
+
+//# sourceMappingURL=BiomeIndicator.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BiomeIndicator.module.js","names":[],"sources":["../../../../src/components/hud/BiomeIndicator/BiomeIndicator.module.css"],"sourcesContent":["/* A stripe in the biome's material on the leading edge. */\n.biome {\n  border-left: 4px solid var(--block-mat);\n}\n\n.name {\n  color: var(--block-text-primary);\n}\n"],"mappings":""}

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

@@ -0,0 +1,16 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export declare const biomeTypes: readonly ["plains", "forest", "desert", "snowy", "ocean", "jungle", "mountains", "swamp", "cave", "nether", "end"];
+export type BiomeType = (typeof biomeTypes)[number];
+export interface BiomeIndicatorProps extends HTMLAttributes<HTMLDivElement> {
+    /** Biome category: picks the icon and accent color. */
+    type: BiomeType;
+    /** Display name. Defaults to the capitalised `type`, e.g. "Snowy". */
+    name?: ReactNode;
+    /** Replace the default icon. */
+    icon?: ReactNode;
+    /** Announce biome changes politely to screen readers (`role="status"`). */
+    announce?: boolean;
+    /** @default "md" */
+    size?: "sm" | "md" | "lg";
+}
+//# sourceMappingURL=BiomeIndicator.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BiomeIndicator.types.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/BiomeIndicator/BiomeIndicator.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,UAAU,oHAYb,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,uDAAuD;IACvD,IAAI,EAAE,SAAS,CAAC;IAChB,sEAAsE;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gCAAgC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B"}

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

@@ -0,0 +1,18 @@
+//#region src/components/hud/BiomeIndicator/BiomeIndicator.types.ts
+var biomeTypes = [
+	"plains",
+	"forest",
+	"desert",
+	"snowy",
+	"ocean",
+	"jungle",
+	"mountains",
+	"swamp",
+	"cave",
+	"nether",
+	"end"
+];
+//#endregion
+export { biomeTypes };
+
+//# sourceMappingURL=BiomeIndicator.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BiomeIndicator.types.js","names":[],"sources":["../../../../src/components/hud/BiomeIndicator/BiomeIndicator.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport const biomeTypes = [\n  \"plains\",\n  \"forest\",\n  \"desert\",\n  \"snowy\",\n  \"ocean\",\n  \"jungle\",\n  \"mountains\",\n  \"swamp\",\n  \"cave\",\n  \"nether\",\n  \"end\",\n] as const;\n\nexport type BiomeType = (typeof biomeTypes)[number];\n\nexport interface BiomeIndicatorProps extends HTMLAttributes<HTMLDivElement> {\n  /** Biome category: picks the icon and accent color. */\n  type: BiomeType;\n  /** Display name. Defaults to the capitalised `type`, e.g. \"Snowy\". */\n  name?: ReactNode;\n  /** Replace the default icon. */\n  icon?: ReactNode;\n  /** Announce biome changes politely to screen readers (`role=\"status\"`). */\n  announce?: boolean;\n  /** @default \"md\" */\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n"],"mappings":";AAEA,IAAa,aAAa;CACxB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}

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

@@ -0,0 +1,8 @@
+import { type PixelIcon } from "@malilion/block-ui-icons";
+import type { BiomeType } from "./BiomeIndicator.types";
+export declare const BIOMES: Record<BiomeType, {
+    icon: PixelIcon;
+    material: string;
+}>;
+export declare function biomeLabel(type: BiomeType): string;
+//# sourceMappingURL=BiomeIndicator.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BiomeIndicator.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/BiomeIndicator/BiomeIndicator.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,SAAS,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAY3E,CAAC;AAEF,wBAAgB,UAAU,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAElD"}

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

@@ -0,0 +1,55 @@
+import { DirtIcon, FireIcon, GrassBlockIcon, ObsidianIcon, SandIcon, SnowIcon, StoneIcon, TorchIcon, TreeIcon, WaveIcon } from "@malilion/block-ui-icons";
+//#region src/components/hud/BiomeIndicator/BiomeIndicator.utils.ts
+var BIOMES = {
+	plains: {
+		icon: GrassBlockIcon,
+		material: "grass"
+	},
+	forest: {
+		icon: TreeIcon,
+		material: "grass"
+	},
+	desert: {
+		icon: SandIcon,
+		material: "sand"
+	},
+	snowy: {
+		icon: SnowIcon,
+		material: "diamond"
+	},
+	ocean: {
+		icon: WaveIcon,
+		material: "water"
+	},
+	jungle: {
+		icon: TreeIcon,
+		material: "emerald"
+	},
+	mountains: {
+		icon: StoneIcon,
+		material: "stone"
+	},
+	swamp: {
+		icon: DirtIcon,
+		material: "dirt"
+	},
+	cave: {
+		icon: TorchIcon,
+		material: "deepslate"
+	},
+	nether: {
+		icon: FireIcon,
+		material: "nether"
+	},
+	end: {
+		icon: ObsidianIcon,
+		material: "amethyst"
+	}
+};
+function biomeLabel(type) {
+	return type.charAt(0).toUpperCase() + type.slice(1);
+}
+//#endregion
+export { BIOMES, biomeLabel };
+
+//# sourceMappingURL=BiomeIndicator.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BiomeIndicator.utils.js","names":[],"sources":["../../../../src/components/hud/BiomeIndicator/BiomeIndicator.utils.ts"],"sourcesContent":["import {\n  DirtIcon,\n  FireIcon,\n  GrassBlockIcon,\n  ObsidianIcon,\n  SandIcon,\n  SnowIcon,\n  StoneIcon,\n  TorchIcon,\n  TreeIcon,\n  WaveIcon,\n  type PixelIcon,\n} from \"@malilion/block-ui-icons\";\nimport type { BiomeType } from \"./BiomeIndicator.types\";\n\nexport const BIOMES: Record<BiomeType, { icon: PixelIcon; material: string }> = {\n  plains: { icon: GrassBlockIcon, material: \"grass\" },\n  forest: { icon: TreeIcon, material: \"grass\" },\n  desert: { icon: SandIcon, material: \"sand\" },\n  snowy: { icon: SnowIcon, material: \"diamond\" },\n  ocean: { icon: WaveIcon, material: \"water\" },\n  jungle: { icon: TreeIcon, material: \"emerald\" },\n  mountains: { icon: StoneIcon, material: \"stone\" },\n  swamp: { icon: DirtIcon, material: \"dirt\" },\n  cave: { icon: TorchIcon, material: \"deepslate\" },\n  nether: { icon: FireIcon, material: \"nether\" },\n  end: { icon: ObsidianIcon, material: \"amethyst\" },\n};\n\nexport function biomeLabel(type: BiomeType): string {\n  return type.charAt(0).toUpperCase() + type.slice(1);\n}\n"],"mappings":";;AAeA,IAAa,SAAmE;CAC9E,QAAQ;EAAE,MAAM;EAAgB,UAAU;CAAQ;CAClD,QAAQ;EAAE,MAAM;EAAU,UAAU;CAAQ;CAC5C,QAAQ;EAAE,MAAM;EAAU,UAAU;CAAO;CAC3C,OAAO;EAAE,MAAM;EAAU,UAAU;CAAU;CAC7C,OAAO;EAAE,MAAM;EAAU,UAAU;CAAQ;CAC3C,QAAQ;EAAE,MAAM;EAAU,UAAU;CAAU;CAC9C,WAAW;EAAE,MAAM;EAAW,UAAU;CAAQ;CAChD,OAAO;EAAE,MAAM;EAAU,UAAU;CAAO;CAC1C,MAAM;EAAE,MAAM;EAAW,UAAU;CAAY;CAC/C,QAAQ;EAAE,MAAM;EAAU,UAAU;CAAS;CAC7C,KAAK;EAAE,MAAM;EAAc,UAAU;CAAW;AAClD;AAEA,SAAgB,WAAW,MAAyB;CAClD,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,KAAK,MAAM,CAAC;AACpD"}

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

@@ -0,0 +1,4 @@
+export { BiomeIndicator } from "./BiomeIndicator";
+export { biomeTypes } from "./BiomeIndicator.types";
+export type { BiomeIndicatorProps, BiomeType } from "./BiomeIndicator.types";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,4 @@
+import type { BossBarProps } from "./BossBar.types";
+/** Boss health bar: a centered title over a long notched bar, exposed as a `meter`. */
+export declare const BossBar: import("react").ForwardRefExoticComponent<BossBarProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BossBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BossBar.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/BossBar/BossBar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,uFAAuF;AACvF,eAAO,MAAM,OAAO,yGAsDlB,CAAC"}

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