@malilion/block-ui-react 0.0.0-stage → 0.1.0

package/dist/components/forms/Field/Field.js

@@ -0,0 +1,59 @@
+import { cx } from "../../../utils/cx.js";
+import Field_module_default from "./Field.module.js";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/forms/Field/Field.tsx
+/**
+* Internal wrapper shared by text-like controls: label, helper text and error
+* message, wired up with `aria-describedby` / `aria-invalid`.
+*/
+function Field({ id, label, helperText, error, success, disabled, required, className, labelAside, children }) {
+	const generated = useId();
+	const inputId = id ?? `block-field-${generated}`;
+	const helperId = `${inputId}-helper`;
+	const errorId = `${inputId}-error`;
+	const invalid = Boolean(error);
+	const describedBy = cx(invalid && errorId, helperText ? helperId : void 0) || void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(Field_module_default.field, className),
+		"data-invalid": invalid || void 0,
+		"data-success": success && !invalid || void 0,
+		"data-disabled": disabled || void 0,
+		children: [
+			label || labelAside ? /* @__PURE__ */ jsxs("div", {
+				className: Field_module_default.labelRow,
+				children: [label ? /* @__PURE__ */ jsxs("label", {
+					htmlFor: inputId,
+					className: Field_module_default.label,
+					children: [label, required ? /* @__PURE__ */ jsx("span", {
+						className: Field_module_default.required,
+						"aria-hidden": "true",
+						children: "*"
+					}) : null]
+				}) : null, labelAside ? /* @__PURE__ */ jsx("span", {
+					className: Field_module_default.aside,
+					children: labelAside
+				}) : null]
+			}) : null,
+			children({
+				inputId,
+				describedBy,
+				invalid
+			}),
+			invalid ? /* @__PURE__ */ jsx("p", {
+				id: errorId,
+				className: Field_module_default.error,
+				children: error
+			}) : null,
+			helperText ? /* @__PURE__ */ jsx("p", {
+				id: helperId,
+				className: Field_module_default.helper,
+				children: helperText
+			}) : null
+		]
+	});
+}
+//#endregion
+export { Field };
+
+//# sourceMappingURL=Field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","names":["styles"],"sources":["../../../../src/components/forms/Field/Field.tsx"],"sourcesContent":["import { useId, type ReactNode } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./Field.module.css\";\n\nexport interface FieldIds {\n  inputId: string;\n  describedBy: string | undefined;\n  invalid: boolean;\n}\n\nexport interface FieldProps {\n  id?: string | undefined;\n  label?: ReactNode;\n  helperText?: ReactNode;\n  error?: ReactNode;\n  success?: boolean | undefined;\n  disabled?: boolean | undefined;\n  required?: boolean | undefined;\n  className?: string | undefined;\n  /** Extra content on the label row (e.g. the slider value). */\n  labelAside?: ReactNode;\n  children: (ids: FieldIds) => ReactNode;\n}\n\n/**\n * Internal wrapper shared by text-like controls: label, helper text and error\n * message, wired up with `aria-describedby` / `aria-invalid`.\n */\nexport function Field({\n  id,\n  label,\n  helperText,\n  error,\n  success,\n  disabled,\n  required,\n  className,\n  labelAside,\n  children,\n}: FieldProps) {\n  const generated = useId();\n  const inputId = id ?? `block-field-${generated}`;\n  const helperId = `${inputId}-helper`;\n  const errorId = `${inputId}-error`;\n  const invalid = Boolean(error);\n  const describedBy = cx(invalid && errorId, helperText ? helperId : undefined) || undefined;\n\n  return (\n    <div\n      className={cx(styles.field, className)}\n      data-invalid={invalid || undefined}\n      data-success={(success && !invalid) || undefined}\n      data-disabled={disabled || undefined}\n    >\n      {label || labelAside ? (\n        <div className={styles.labelRow}>\n          {label ? (\n            <label htmlFor={inputId} className={styles.label}>\n              {label}\n              {required ? (\n                <span className={styles.required} aria-hidden=\"true\">\n                  *\n                </span>\n              ) : null}\n            </label>\n          ) : null}\n          {labelAside ? <span className={styles.aside}>{labelAside}</span> : null}\n        </div>\n      ) : null}\n      {children({ inputId, describedBy, invalid })}\n      {invalid ? (\n        <p id={errorId} className={styles.error}>\n          {error}\n        </p>\n      ) : null}\n      {helperText ? (\n        <p id={helperId} className={styles.helper}>\n          {helperText}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AA4BA,SAAgB,MAAM,EACpB,IACA,OACA,YACA,OACA,SACA,UACA,UACA,WACA,YACA,YACa;CACb,MAAM,YAAY,MAAM;CACxB,MAAM,UAAU,MAAM,eAAe;CACrC,MAAM,WAAW,GAAG,QAAQ;CAC5B,MAAM,UAAU,GAAG,QAAQ;CAC3B,MAAM,UAAU,QAAQ,KAAK;CAC7B,MAAM,cAAc,GAAG,WAAW,SAAS,aAAa,WAAW,KAAA,CAAS,KAAK,KAAA;CAEjF,OACE,qBAAC,OAAD;EACE,WAAW,GAAGA,qBAAO,OAAO,SAAS;EACrC,gBAAc,WAAW,KAAA;EACzB,gBAAe,WAAW,CAAC,WAAY,KAAA;EACvC,iBAAe,YAAY,KAAA;EAJ7B,UAAA;GAMG,SAAS,aACR,qBAAC,OAAD;IAAK,WAAWA,qBAAO;IAAvB,UAAA,CACG,QACC,qBAAC,SAAD;KAAO,SAAS;KAAS,WAAWA,qBAAO;KAA3C,UAAA,CACG,OACA,WACC,oBAAC,QAAD;MAAM,WAAWA,qBAAO;MAAU,eAAY;MAAO,UAAA;KAE/C,CAAA,IACJ,IACC;IACL,CAAA,IAAA,MACH,aAAa,oBAAC,QAAD;KAAM,WAAWA,qBAAO;KAAQ,UAAA;IAAiB,CAAA,IAAI,IAChE;GACH,CAAA,IAAA;GACH,SAAS;IAAE;IAAS;IAAa;GAAQ,CAAC;GAC1C,UACC,oBAAC,KAAD;IAAG,IAAI;IAAS,WAAWA,qBAAO;IAC/B,UAAA;GACA,CAAA,IACD;GACH,aACC,oBAAC,KAAD;IAAG,IAAI;IAAU,WAAWA,qBAAO;IAChC,UAAA;GACA,CAAA,IACD;EACD;;AAET"}

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

@@ -0,0 +1,21 @@
+//#region src/components/forms/Field/Field.module.css
+var field = "block-field-mjy2g";
+var labelRow = "block-labelRow-VYmc1";
+var label = "block-label-kiEYS";
+var required = "block-required-UkTXH";
+var aside = "block-aside-rJEqU";
+var helper = "block-helper-SIoj-";
+var error = "block-error-WzOyT";
+var Field_module_default = {
+	field,
+	labelRow,
+	label,
+	required,
+	aside,
+	helper,
+	error
+};
+//#endregion
+export { aside, Field_module_default as default, error, field, helper, label, labelRow, required };
+
+//# sourceMappingURL=Field.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.module.js","names":[],"sources":["../../../../src/components/forms/Field/Field.module.css"],"sourcesContent":[".field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--block-space-1);\n  min-width: 0;\n}\n\n.labelRow {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--block-space-2);\n}\n\n.label {\n  font-size: var(--block-font-size-sm);\n  font-weight: var(--block-font-weight-medium);\n  color: var(--block-text);\n}\n\n.required {\n  margin-left: 2px;\n  color: var(--block-redstone-light);\n}\n\n.aside {\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-sm);\n  color: var(--block-text-muted);\n}\n\n.helper,\n.error {\n  margin: 0;\n  font-size: var(--block-font-size-xs);\n  line-height: var(--block-line-height-normal);\n}\n\n.helper {\n  color: var(--block-text-muted);\n}\n\n.error {\n  color: var(--block-redstone-light);\n  font-weight: var(--block-font-weight-bold);\n}\n\n.error::before {\n  content: \"! \";\n}\n\n.field[data-disabled] .label {\n  color: var(--block-text-muted);\n}\n"],"mappings":""}

package/dist/components/forms/Field/control.module.js

@@ -0,0 +1,7 @@
+//#region src/components/forms/Field/control.module.css
+var control = "block-control-DdreO";
+var control_module_default = { control };
+//#endregion
+export { control, control_module_default as default };
+
+//# sourceMappingURL=control.module.js.map

package/dist/components/forms/Field/control.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control.module.js","names":[],"sources":["../../../../src/components/forms/Field/control.module.css"],"sourcesContent":["/* Shared \"slot well\" look for text-like controls. */\n.control {\n  width: 100%;\n  min-height: var(--block-size-control-md);\n  padding: var(--block-space-2) var(--block-space-3);\n  font: inherit;\n  font-size: var(--block-font-size-md);\n  color: var(--block-text);\n  background-color: var(--block-slot);\n  border: var(--block-border-width) solid var(--block-border);\n  border-radius: var(--block-radius-none);\n  box-shadow: var(--block-shadow-inset);\n  outline: none;\n  transition:\n    border-color var(--block-duration-instant) var(--block-ease-step),\n    background-color var(--block-duration-instant) var(--block-ease-step);\n}\n\n.control::placeholder {\n  color: var(--block-text-muted);\n  opacity: 0.85;\n}\n\n.control:hover:not(:disabled) {\n  background-color: var(--block-slot-hover);\n}\n\n.control:focus-visible {\n  border-color: var(--block-focus);\n  outline: 2px solid var(--block-focus);\n  outline-offset: 1px;\n}\n\n.control[aria-invalid=\"true\"] {\n  border-color: var(--block-redstone-light);\n}\n\n.control:disabled {\n  cursor: not-allowed;\n  color: var(--block-text-muted);\n  opacity: 0.6;\n}\n\n[data-success] .control {\n  border-color: var(--block-emerald);\n}\n"],"mappings":""}

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

@@ -0,0 +1,8 @@
+export * from "./BlockInput";
+export * from "./BlockTextarea";
+export * from "./BlockSelect";
+export * from "./BlockCheckbox";
+export * from "./BlockRadio";
+export * from "./BlockToggle";
+export * from "./BlockSlider";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,4 @@
+import type { ArmorBarProps } from "./ArmorBar.types";
+/** Armor points shown as chestplates — two points per icon. */
+export declare const ArmorBar: import("react").ForwardRefExoticComponent<ArmorBarProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ArmorBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArmorBar.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/ArmorBar/ArmorBar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,+DAA+D;AAC/D,eAAO,MAAM,QAAQ,0GAiBnB,CAAC"}

package/dist/components/hud/ArmorBar/ArmorBar.js

@@ -0,0 +1,23 @@
+import { PointsBar } from "../PointsBar/PointsBar.js";
+import { forwardRef } from "react";
+import { ArmorIcon } from "@malilion/block-ui-icons";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/hud/ArmorBar/ArmorBar.tsx
+/** Armor points shown as chestplates — two points per icon. */
+var ArmorBar = forwardRef(function ArmorBar({ value, max = 20, showText = false, iconSize = 16, label = "Armor", ...rest }, ref) {
+	return /* @__PURE__ */ jsx(PointsBar, {
+		ref,
+		value,
+		max,
+		showText,
+		iconSize,
+		label,
+		lowThreshold: 0,
+		icon: /* @__PURE__ */ jsx(ArmorIcon, { size: iconSize }),
+		...rest
+	});
+});
+//#endregion
+export { ArmorBar };
+
+//# sourceMappingURL=ArmorBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArmorBar.js","names":[],"sources":["../../../../src/components/hud/ArmorBar/ArmorBar.tsx"],"sourcesContent":["import { ArmorIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { PointsBar } from \"../PointsBar/PointsBar\";\nimport type { ArmorBarProps } from \"./ArmorBar.types\";\n\n/** Armor points shown as chestplates — two points per icon. */\nexport const ArmorBar = forwardRef<HTMLDivElement, ArmorBarProps>(function ArmorBar(\n  { value, max = 20, showText = false, iconSize = 16, label = \"Armor\", ...rest },\n  ref,\n) {\n  return (\n    <PointsBar\n      ref={ref}\n      value={value}\n      max={max}\n      showText={showText}\n      iconSize={iconSize}\n      label={label}\n      lowThreshold={0}\n      icon={<ArmorIcon size={iconSize} />}\n      {...rest}\n    />\n  );\n});\n"],"mappings":";;;;;;AAMA,IAAa,WAAW,WAA0C,SAAS,SACzE,EAAE,OAAO,MAAM,IAAI,WAAW,OAAO,WAAW,IAAI,QAAQ,SAAS,GAAG,QACxE,KACA;CACA,OACE,oBAAC,WAAD;EACO;EACE;EACF;EACK;EACA;EACH;EACP,cAAc;EACd,MAAM,oBAAC,WAAD,EAAW,MAAM,SAAW,CAAA;EAClC,GAAI;CACL,CAAA;AAEL,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { HTMLAttributes } from "react";
+export interface ArmorBarProps extends HTMLAttributes<HTMLDivElement> {
+    value: number;
+    /** @default 20 */
+    max?: number;
+    /** Show `value / max`. */
+    showText?: boolean;
+    /** Icon size in px. @default 16 */
+    iconSize?: number;
+    /** Accessible name. @default "Armor" */
+    label?: string;
+}
+//# sourceMappingURL=ArmorBar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArmorBar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/ArmorBar/ArmorBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/ArmorBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { HealthBarProps } from "./HealthBar.types";
+/** Hearts — two health points per heart. Hearts bob when health is low (≤ 20%). */
+export declare const HealthBar: import("react").ForwardRefExoticComponent<HealthBarProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=HealthBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HealthBar.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/HealthBar/HealthBar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,mFAAmF;AACnF,eAAO,MAAM,SAAS,2GAiBpB,CAAC"}

package/dist/components/hud/HealthBar/HealthBar.js

@@ -0,0 +1,23 @@
+import { PointsBar } from "../PointsBar/PointsBar.js";
+import { forwardRef } from "react";
+import { HeartIcon } from "@malilion/block-ui-icons";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/hud/HealthBar/HealthBar.tsx
+/** Hearts — two health points per heart. Hearts bob when health is low (≤ 20%). */
+var HealthBar = forwardRef(function HealthBar({ value, max = 20, showText = false, iconSize = 16, label = "Health", ...rest }, ref) {
+	return /* @__PURE__ */ jsx(PointsBar, {
+		ref,
+		value,
+		max,
+		showText,
+		iconSize,
+		label,
+		lowThreshold: .2,
+		icon: /* @__PURE__ */ jsx(HeartIcon, { size: iconSize }),
+		...rest
+	});
+});
+//#endregion
+export { HealthBar };
+
+//# sourceMappingURL=HealthBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HealthBar.js","names":[],"sources":["../../../../src/components/hud/HealthBar/HealthBar.tsx"],"sourcesContent":["import { HeartIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { PointsBar } from \"../PointsBar/PointsBar\";\nimport type { HealthBarProps } from \"./HealthBar.types\";\n\n/** Hearts — two health points per heart. Hearts bob when health is low (≤ 20%). */\nexport const HealthBar = forwardRef<HTMLDivElement, HealthBarProps>(function HealthBar(\n  { value, max = 20, showText = false, iconSize = 16, label = \"Health\", ...rest },\n  ref,\n) {\n  return (\n    <PointsBar\n      ref={ref}\n      value={value}\n      max={max}\n      showText={showText}\n      iconSize={iconSize}\n      label={label}\n      lowThreshold={0.2}\n      icon={<HeartIcon size={iconSize} />}\n      {...rest}\n    />\n  );\n});\n"],"mappings":";;;;;;AAMA,IAAa,YAAY,WAA2C,SAAS,UAC3E,EAAE,OAAO,MAAM,IAAI,WAAW,OAAO,WAAW,IAAI,QAAQ,UAAU,GAAG,QACzE,KACA;CACA,OACE,oBAAC,WAAD;EACO;EACE;EACF;EACK;EACA;EACH;EACP,cAAc;EACd,MAAM,oBAAC,WAAD,EAAW,MAAM,SAAW,CAAA;EAClC,GAAI;CACL,CAAA;AAEL,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { HTMLAttributes } from "react";
+export interface HealthBarProps extends HTMLAttributes<HTMLDivElement> {
+    value: number;
+    /** @default 20 */
+    max?: number;
+    /** Show `value / max`. */
+    showText?: boolean;
+    /** Icon size in px. @default 16 */
+    iconSize?: number;
+    /** Accessible name. @default "Health" */
+    label?: string;
+}
+//# sourceMappingURL=HealthBar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HealthBar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/HealthBar/HealthBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { HungerBarProps } from "./HungerBar.types";
+/** Hunger points shown as drumsticks — two points per icon. */
+export declare const HungerBar: import("react").ForwardRefExoticComponent<HungerBarProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=HungerBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HungerBar.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/HungerBar/HungerBar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,+DAA+D;AAC/D,eAAO,MAAM,SAAS,2GAiBpB,CAAC"}

package/dist/components/hud/HungerBar/HungerBar.js

@@ -0,0 +1,23 @@
+import { PointsBar } from "../PointsBar/PointsBar.js";
+import { forwardRef } from "react";
+import { FoodIcon } from "@malilion/block-ui-icons";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/hud/HungerBar/HungerBar.tsx
+/** Hunger points shown as drumsticks — two points per icon. */
+var HungerBar = forwardRef(function HungerBar({ value, max = 20, showText = false, iconSize = 16, label = "Hunger", ...rest }, ref) {
+	return /* @__PURE__ */ jsx(PointsBar, {
+		ref,
+		value,
+		max,
+		showText,
+		iconSize,
+		label,
+		lowThreshold: .2,
+		icon: /* @__PURE__ */ jsx(FoodIcon, { size: iconSize }),
+		...rest
+	});
+});
+//#endregion
+export { HungerBar };
+
+//# sourceMappingURL=HungerBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HungerBar.js","names":[],"sources":["../../../../src/components/hud/HungerBar/HungerBar.tsx"],"sourcesContent":["import { FoodIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { PointsBar } from \"../PointsBar/PointsBar\";\nimport type { HungerBarProps } from \"./HungerBar.types\";\n\n/** Hunger points shown as drumsticks — two points per icon. */\nexport const HungerBar = forwardRef<HTMLDivElement, HungerBarProps>(function HungerBar(\n  { value, max = 20, showText = false, iconSize = 16, label = \"Hunger\", ...rest },\n  ref,\n) {\n  return (\n    <PointsBar\n      ref={ref}\n      value={value}\n      max={max}\n      showText={showText}\n      iconSize={iconSize}\n      label={label}\n      lowThreshold={0.2}\n      icon={<FoodIcon size={iconSize} />}\n      {...rest}\n    />\n  );\n});\n"],"mappings":";;;;;;AAMA,IAAa,YAAY,WAA2C,SAAS,UAC3E,EAAE,OAAO,MAAM,IAAI,WAAW,OAAO,WAAW,IAAI,QAAQ,UAAU,GAAG,QACzE,KACA;CACA,OACE,oBAAC,WAAD;EACO;EACE;EACF;EACK;EACA;EACH;EACP,cAAc;EACd,MAAM,oBAAC,UAAD,EAAU,MAAM,SAAW,CAAA;EACjC,GAAI;CACL,CAAA;AAEL,CAAC"}

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

@@ -0,0 +1,15 @@
+import type { HTMLAttributes } from "react";
+export interface HungerBarProps extends HTMLAttributes<HTMLDivElement> {
+    value: number;
+    /** @default 20 */
+    max?: number;
+    /** Show `value / max`. */
+    showText?: boolean;
+    /** Icon size in px. @default 16 */
+    iconSize?: number;
+    /** Visual direction. @default "ltr" */
+    direction?: "ltr" | "rtl";
+    /** Accessible name. @default "Hunger" */
+    label?: string;
+}
+//# sourceMappingURL=HungerBar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HungerBar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/HungerBar/HungerBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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

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

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

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

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

@@ -0,0 +1,7 @@
+import type { PlayerHUDProps } from "./PlayerHUD.types";
+/**
+ * Survival HUD: armor above health on the left, hunger on the right and the
+ * XP bar with level underneath.
+ */
+export declare const PlayerHUD: import("react").ForwardRefExoticComponent<PlayerHUDProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=PlayerHUD.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerHUD.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/PlayerHUD/PlayerHUD.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD;;;GAGG;AACH,eAAO,MAAM,SAAS,wGA0CpB,CAAC"}

package/dist/components/hud/PlayerHUD/PlayerHUD.js

@@ -0,0 +1,57 @@
+import { cx } from "../../../utils/cx.js";
+import { HealthBar } from "../HealthBar/HealthBar.js";
+import { ArmorBar } from "../ArmorBar/ArmorBar.js";
+import { HungerBar } from "../HungerBar/HungerBar.js";
+import { XPBar } from "../XPBar/XPBar.js";
+import PlayerHUD_module_default from "./PlayerHUD.module.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/hud/PlayerHUD/PlayerHUD.tsx
+/**
+* Survival HUD: armor above health on the left, hunger on the right and the
+* XP bar with level underneath.
+*/
+var PlayerHUD = forwardRef(function PlayerHUD({ player, iconSize = 16, showText = false, label = "Player status", className, ...rest }, ref) {
+	const { health, maxHealth = 20, armor, maxArmor = 20, hunger, maxHunger = 20, level, xp, maxXp } = player;
+	return /* @__PURE__ */ jsxs("section", {
+		ref,
+		"aria-label": label,
+		className: cx(PlayerHUD_module_default.hud, className),
+		...rest,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: PlayerHUD_module_default.bars,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: PlayerHUD_module_default.left,
+				children: [armor !== void 0 ? /* @__PURE__ */ jsx(ArmorBar, {
+					value: armor,
+					max: maxArmor,
+					iconSize,
+					showText
+				}) : null, /* @__PURE__ */ jsx(HealthBar, {
+					value: health,
+					max: maxHealth,
+					iconSize,
+					showText
+				})]
+			}), hunger !== void 0 ? /* @__PURE__ */ jsx("div", {
+				className: PlayerHUD_module_default.right,
+				children: /* @__PURE__ */ jsx(HungerBar, {
+					value: hunger,
+					max: maxHunger,
+					iconSize,
+					showText,
+					direction: "rtl"
+				})
+			}) : null]
+		}), xp !== void 0 && maxXp !== void 0 ? /* @__PURE__ */ jsx(XPBar, {
+			value: xp,
+			max: maxXp,
+			level,
+			showValue: showText
+		}) : null]
+	});
+});
+//#endregion
+export { PlayerHUD };
+
+//# sourceMappingURL=PlayerHUD.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerHUD.js","names":["styles"],"sources":["../../../../src/components/hud/PlayerHUD/PlayerHUD.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { ArmorBar } from \"../ArmorBar/ArmorBar\";\nimport { HealthBar } from \"../HealthBar/HealthBar\";\nimport { HungerBar } from \"../HungerBar/HungerBar\";\nimport { XPBar } from \"../XPBar/XPBar\";\nimport styles from \"./PlayerHUD.module.css\";\nimport type { PlayerHUDProps } from \"./PlayerHUD.types\";\n\n/**\n * Survival HUD: armor above health on the left, hunger on the right and the\n * XP bar with level underneath.\n */\nexport const PlayerHUD = forwardRef<HTMLElement, PlayerHUDProps>(function PlayerHUD(\n  { player, iconSize = 16, showText = false, label = \"Player status\", className, ...rest },\n  ref,\n) {\n  const {\n    health,\n    maxHealth = 20,\n    armor,\n    maxArmor = 20,\n    hunger,\n    maxHunger = 20,\n    level,\n    xp,\n    maxXp,\n  } = player;\n\n  return (\n    <section ref={ref} aria-label={label} className={cx(styles.hud, className)} {...rest}>\n      <div className={styles.bars}>\n        <div className={styles.left}>\n          {armor !== undefined ? (\n            <ArmorBar value={armor} max={maxArmor} iconSize={iconSize} showText={showText} />\n          ) : null}\n          <HealthBar value={health} max={maxHealth} iconSize={iconSize} showText={showText} />\n        </div>\n        {hunger !== undefined ? (\n          <div className={styles.right}>\n            <HungerBar\n              value={hunger}\n              max={maxHunger}\n              iconSize={iconSize}\n              showText={showText}\n              direction=\"rtl\"\n            />\n          </div>\n        ) : null}\n      </div>\n      {xp !== undefined && maxXp !== undefined ? (\n        <XPBar value={xp} max={maxXp} level={level} showValue={showText} />\n      ) : null}\n    </section>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAa,YAAY,WAAwC,SAAS,UACxE,EAAE,QAAQ,WAAW,IAAI,WAAW,OAAO,QAAQ,iBAAiB,WAAW,GAAG,QAClF,KACA;CACA,MAAM,EACJ,QACA,YAAY,IACZ,OACA,WAAW,IACX,QACA,YAAY,IACZ,OACA,IACA,UACE;CAEJ,OACE,qBAAC,WAAD;EAAc;EAAK,cAAY;EAAO,WAAW,GAAGA,yBAAO,KAAK,SAAS;EAAG,GAAI;EAAhF,UAAA,CACE,qBAAC,OAAD;GAAK,WAAWA,yBAAO;GAAvB,UAAA,CACE,qBAAC,OAAD;IAAK,WAAWA,yBAAO;IAAvB,UAAA,CACG,UAAU,KAAA,IACT,oBAAC,UAAD;KAAU,OAAO;KAAO,KAAK;KAAoB;KAAoB;IAAW,CAAA,IAC9E,MACJ,oBAAC,WAAD;KAAW,OAAO;KAAQ,KAAK;KAAqB;KAAoB;IAAW,CAAA,CAChF;GACJ,CAAA,GAAA,WAAW,KAAA,IACV,oBAAC,OAAD;IAAK,WAAWA,yBAAO;IACrB,UAAA,oBAAC,WAAD;KACE,OAAO;KACP,KAAK;KACK;KACA;KACV,WAAU;IACX,CAAA;GACE,CAAA,IACH,IACD;EACJ,CAAA,GAAA,OAAO,KAAA,KAAa,UAAU,KAAA,IAC7B,oBAAC,OAAD;GAAO,OAAO;GAAI,KAAK;GAAc;GAAO,WAAW;EAAW,CAAA,IAChE,IACG;;AAEb,CAAC"}

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

@@ -0,0 +1,15 @@
+//#region src/components/hud/PlayerHUD/PlayerHUD.module.css
+var hud = "block-hud-jwV-u";
+var bars = "block-bars-vQzIX";
+var left = "block-left-u5hvf";
+var right = "block-right-30p8-";
+var PlayerHUD_module_default = {
+	hud,
+	bars,
+	left,
+	right
+};
+//#endregion
+export { bars, PlayerHUD_module_default as default, hud, left, right };
+
+//# sourceMappingURL=PlayerHUD.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerHUD.module.js","names":[],"sources":["../../../../src/components/hud/PlayerHUD/PlayerHUD.module.css"],"sourcesContent":[".hud {\n  display: flex;\n  flex-direction: column;\n  gap: var(--block-space-2);\n  width: 100%;\n}\n\n.bars {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: var(--block-space-2) var(--block-space-6);\n}\n\n.left,\n.right {\n  display: flex;\n  flex-direction: column;\n  gap: var(--block-space-1);\n}\n\n.right {\n  align-items: flex-end;\n  margin-left: auto;\n}\n"],"mappings":""}

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

@@ -0,0 +1,26 @@
+import type { HTMLAttributes } from "react";
+export interface PlayerStats {
+    name?: string;
+    health: number;
+    /** @default 20 */
+    maxHealth?: number;
+    armor?: number;
+    /** @default 20 */
+    maxArmor?: number;
+    hunger?: number;
+    /** @default 20 */
+    maxHunger?: number;
+    level?: number;
+    xp?: number;
+    maxXp?: number;
+}
+export interface PlayerHUDProps extends HTMLAttributes<HTMLElement> {
+    player: PlayerStats;
+    /** Icon size for hearts, armor and hunger. @default 16 */
+    iconSize?: number;
+    /** Show numeric values next to each bar. */
+    showText?: boolean;
+    /** Accessible name. @default "Player status" */
+    label?: string;
+}
+//# sourceMappingURL=PlayerHUD.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerHUD.types.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/PlayerHUD/PlayerHUD.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,WAAW,CAAC;IACjE,MAAM,EAAE,WAAW,CAAC;IACpB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/PlayerHUD/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,24 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface PointsBarProps extends HTMLAttributes<HTMLDivElement> {
+    value: number;
+    /** Points; every icon represents 2 points. @default 20 */
+    max?: number;
+    /** Icon for one unit (rendered full, half or empty). */
+    icon: ReactNode;
+    /** Accessible name, e.g. "Health". */
+    label: string;
+    /** Show `value / max` next to the icons. */
+    showText?: boolean;
+    /** Pixel size of each icon. @default 16 */
+    iconSize?: number;
+    /** Highlight when `value / max` drops to or below this ratio. @default 0 */
+    lowThreshold?: number;
+    /** Visual direction. Hunger fills right-to-left in many games. @default "ltr" */
+    direction?: "ltr" | "rtl";
+}
+/**
+ * Internal base for HealthBar / ArmorBar / HungerBar: a row of pixel icons,
+ * each worth two points, exposed as a single `meter`.
+ */
+export declare const PointsBar: import("react").ForwardRefExoticComponent<PointsBarProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PointsBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PointsBar.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/PointsBar/PointsBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,IAAI,EAAE,SAAS,CAAC;IAChB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC3B;AAID;;;GAGG;AACH,eAAO,MAAM,SAAS,2GAsDpB,CAAC"}

package/dist/components/hud/PointsBar/PointsBar.js

@@ -0,0 +1,61 @@
+import { cx } from "../../../utils/cx.js";
+import { clamp } from "../../../utils/number.js";
+import PointsBar_module_default from "./PointsBar.module.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/hud/PointsBar/PointsBar.tsx
+/**
+* Internal base for HealthBar / ArmorBar / HungerBar: a row of pixel icons,
+* each worth two points, exposed as a single `meter`.
+*/
+var PointsBar = forwardRef(function PointsBar({ value, max = 20, icon, label, showText = false, iconSize = 16, lowThreshold = 0, direction = "ltr", className, ...rest }, ref) {
+	const safeMax = Math.max(0, max);
+	const current = clamp(value, 0, safeMax);
+	const units = Math.ceil(safeMax / 2);
+	const low = safeMax > 0 && current / safeMax <= lowThreshold;
+	const fills = Array.from({ length: units }, (_, i) => {
+		const points = clamp(current - i * 2, 0, 2);
+		return points >= 2 ? "full" : points >= 1 ? "half" : "empty";
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: "meter",
+		"aria-label": label,
+		"aria-valuemin": 0,
+		"aria-valuemax": safeMax,
+		"aria-valuenow": current,
+		"aria-valuetext": `${current} of ${safeMax}`,
+		"data-low": low || void 0,
+		"data-direction": direction,
+		"data-icon-size": iconSize,
+		className: cx(PointsBar_module_default.bar, className),
+		...rest,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: PointsBar_module_default.icons,
+			"aria-hidden": "true",
+			children: fills.map((fill, index) => /* @__PURE__ */ jsxs("span", {
+				className: PointsBar_module_default.unit,
+				"data-fill": fill,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: PointsBar_module_default.empty,
+					children: icon
+				}), fill !== "empty" ? /* @__PURE__ */ jsx("span", {
+					className: PointsBar_module_default.full,
+					children: icon
+				}) : null]
+			}, index))
+		}), showText ? /* @__PURE__ */ jsxs("span", {
+			className: PointsBar_module_default.text,
+			"aria-hidden": "true",
+			children: [
+				current,
+				" / ",
+				safeMax
+			]
+		}) : null]
+	});
+});
+//#endregion
+export { PointsBar };
+
+//# sourceMappingURL=PointsBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PointsBar.js","names":["styles"],"sources":["../../../../src/components/hud/PointsBar/PointsBar.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { clamp } from \"../../../utils/number\";\nimport styles from \"./PointsBar.module.css\";\n\nexport interface PointsBarProps extends HTMLAttributes<HTMLDivElement> {\n  value: number;\n  /** Points; every icon represents 2 points. @default 20 */\n  max?: number;\n  /** Icon for one unit (rendered full, half or empty). */\n  icon: ReactNode;\n  /** Accessible name, e.g. \"Health\". */\n  label: string;\n  /** Show `value / max` next to the icons. */\n  showText?: boolean;\n  /** Pixel size of each icon. @default 16 */\n  iconSize?: number;\n  /** Highlight when `value / max` drops to or below this ratio. @default 0 */\n  lowThreshold?: number;\n  /** Visual direction. Hunger fills right-to-left in many games. @default \"ltr\" */\n  direction?: \"ltr\" | \"rtl\";\n}\n\ntype Fill = \"full\" | \"half\" | \"empty\";\n\n/**\n * Internal base for HealthBar / ArmorBar / HungerBar: a row of pixel icons,\n * each worth two points, exposed as a single `meter`.\n */\nexport const PointsBar = forwardRef<HTMLDivElement, PointsBarProps>(function PointsBar(\n  {\n    value,\n    max = 20,\n    icon,\n    label,\n    showText = false,\n    iconSize = 16,\n    lowThreshold = 0,\n    direction = \"ltr\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const safeMax = Math.max(0, max);\n  const current = clamp(value, 0, safeMax);\n  const units = Math.ceil(safeMax / 2);\n  const low = safeMax > 0 && current / safeMax <= lowThreshold;\n  const fills: Fill[] = Array.from({ length: units }, (_, i) => {\n    const points = clamp(current - i * 2, 0, 2);\n    return points >= 2 ? \"full\" : points >= 1 ? \"half\" : \"empty\";\n  });\n\n  return (\n    <div\n      ref={ref}\n      role=\"meter\"\n      aria-label={label}\n      aria-valuemin={0}\n      aria-valuemax={safeMax}\n      aria-valuenow={current}\n      aria-valuetext={`${current} of ${safeMax}`}\n      data-low={low || undefined}\n      data-direction={direction}\n      data-icon-size={iconSize}\n      className={cx(styles.bar, className)}\n      {...rest}\n    >\n      <span className={styles.icons} aria-hidden=\"true\">\n        {fills.map((fill, index) => (\n          <span key={index} className={styles.unit} data-fill={fill}>\n            <span className={styles.empty}>{icon}</span>\n            {fill !== \"empty\" ? <span className={styles.full}>{icon}</span> : null}\n          </span>\n        ))}\n      </span>\n      {showText ? (\n        <span className={styles.text} aria-hidden=\"true\">\n          {current} / {safeMax}\n        </span>\n      ) : null}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;AA6BA,IAAa,YAAY,WAA2C,SAAS,UAC3E,EACE,OACA,MAAM,IACN,MACA,OACA,WAAW,OACX,WAAW,IACX,eAAe,GACf,YAAY,OACZ,WACA,GAAG,QAEL,KACA;CACA,MAAM,UAAU,KAAK,IAAI,GAAG,GAAG;CAC/B,MAAM,UAAU,MAAM,OAAO,GAAG,OAAO;CACvC,MAAM,QAAQ,KAAK,KAAK,UAAU,CAAC;CACnC,MAAM,MAAM,UAAU,KAAK,UAAU,WAAW;CAChD,MAAM,QAAgB,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,MAAM;EAC5D,MAAM,SAAS,MAAM,UAAU,IAAI,GAAG,GAAG,CAAC;EAC1C,OAAO,UAAU,IAAI,SAAS,UAAU,IAAI,SAAS;CACvD,CAAC;CAED,OACE,qBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAY;EACZ,iBAAe;EACf,iBAAe;EACf,iBAAe;EACf,kBAAgB,GAAG,QAAQ,MAAM;EACjC,YAAU,OAAO,KAAA;EACjB,kBAAgB;EAChB,kBAAgB;EAChB,WAAW,GAAGA,yBAAO,KAAK,SAAS;EACnC,GAAI;EAZN,UAAA,CAcE,oBAAC,QAAD;GAAM,WAAWA,yBAAO;GAAO,eAAY;GACxC,UAAA,MAAM,KAAK,MAAM,UAChB,qBAAC,QAAD;IAAkB,WAAWA,yBAAO;IAAM,aAAW;IAArD,UAAA,CACE,oBAAC,QAAD;KAAM,WAAWA,yBAAO;KAAQ,UAAA;IAAW,CAAA,GAC1C,SAAS,UAAU,oBAAC,QAAD;KAAM,WAAWA,yBAAO;KAAO,UAAA;IAAW,CAAA,IAAI,IAC9D;GAHK,GAAA,KAGL,CACP;EACG,CAAA,GACL,WACC,qBAAC,QAAD;GAAM,WAAWA,yBAAO;GAAM,eAAY;GAA1C,UAAA;IACG;IAAQ;IAAI;GACT;EACJ,CAAA,IAAA,IACD;;AAET,CAAC"}

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

@@ -0,0 +1,20 @@
+//#region src/components/hud/PointsBar/PointsBar.module.css
+var bar = "block-bar-e9RBk";
+var icons = "block-icons-25NvT";
+var unit = "block-unit-CLPoq";
+var empty = "block-empty-n2SMZ";
+var full = "block-full-35AX1";
+var text = "block-text-QcHAg";
+var PointsBar_module_default = {
+	bar,
+	icons,
+	unit,
+	empty,
+	full,
+	"low-blink": "block-low-blink-LRhrZ",
+	text
+};
+//#endregion
+export { bar, PointsBar_module_default as default, empty, full, icons, text, unit };
+
+//# sourceMappingURL=PointsBar.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PointsBar.module.js","names":[],"sources":["../../../../src/components/hud/PointsBar/PointsBar.module.css"],"sourcesContent":[".bar {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--block-space-2);\n  max-width: 100%;\n}\n\n.icons {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 1px;\n}\n\n.bar[data-direction=\"rtl\"] .icons {\n  flex-direction: row-reverse;\n}\n\n.unit {\n  position: relative;\n  display: inline-flex;\n}\n\n.unit > span > svg {\n  display: block;\n}\n\n.empty {\n  display: inline-flex;\n  filter: grayscale(1) brightness(0.32);\n}\n\n.full {\n  position: absolute;\n  inset: 0;\n  display: inline-flex;\n}\n\n.unit[data-fill=\"half\"] .full {\n  clip-path: inset(0 50% 0 0);\n}\n\n.bar[data-direction=\"rtl\"] .unit[data-fill=\"half\"] .full {\n  clip-path: inset(0 0 0 50%);\n}\n\n.bar[data-low] .unit {\n  animation: low-blink 640ms steps(1, end) infinite;\n}\n\n.bar[data-low] .unit:nth-child(even) {\n  animation-delay: 160ms;\n}\n\n.text {\n  flex-shrink: 0;\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-sm);\n  color: var(--block-text-muted);\n}\n\n@keyframes low-blink {\n  50% {\n    transform: translateY(-2px);\n  }\n}\n"],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/PointsBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { XPBarProps } from "./XPBar.types";
+/** Segmented experience bar with the level number on top. */
+export declare const XPBar: import("react").ForwardRefExoticComponent<XPBarProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=XPBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"XPBar.d.ts","sourceRoot":"","sources":["../../../../src/components/hud/XPBar/XPBar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,6DAA6D;AAC7D,eAAO,MAAM,KAAK,uGAsChB,CAAC"}