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

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

@@ -0,0 +1,11 @@
+import type { TextareaHTMLAttributes } from "react";
+export interface BlockTextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    error?: string;
+    success?: boolean;
+    helperText?: string;
+    /** Show a live `count / maxLength` counter when `maxLength` is set. @default true */
+    showCount?: boolean;
+    wrapperClassName?: string;
+}
+//# sourceMappingURL=BlockTextarea.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTextarea.types.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/BlockTextarea/BlockTextarea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEpD,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/BlockTextarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { BlockToggleProps } from "./BlockToggle.types";
+/** On/off switch — a native checkbox with `role="switch"` and a sliding block knob. */
+export declare const BlockToggle: import("react").ForwardRefExoticComponent<BlockToggleProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=BlockToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/BlockToggle/BlockToggle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,uFAAuF;AACvF,eAAO,MAAM,WAAW,+GAkEtB,CAAC"}

package/dist/components/forms/BlockToggle/BlockToggle.js

@@ -0,0 +1,52 @@
+import { cx } from "../../../utils/cx.js";
+import BlockToggle_module_default from "./BlockToggle.module.js";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/forms/BlockToggle/BlockToggle.tsx
+/** On/off switch — a native checkbox with `role="switch"` and a sliding block knob. */
+var BlockToggle = forwardRef(function BlockToggle({ id, label, description, onCheckedChange, onChange, size = "md", labelPosition = "end", className, disabled, ...rest }, ref) {
+	const generated = useId();
+	const inputId = id ?? `block-toggle-${generated}`;
+	const descriptionId = description ? `${inputId}-description` : void 0;
+	const handleChange = (event) => {
+		onChange?.(event);
+		onCheckedChange?.(event.target.checked);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(BlockToggle_module_default.root, BlockToggle_module_default[size], labelPosition === "start" && BlockToggle_module_default.start, className),
+		"data-disabled": disabled || void 0,
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: BlockToggle_module_default.control,
+			children: [/* @__PURE__ */ jsx("input", {
+				ref,
+				id: inputId,
+				type: "checkbox",
+				role: "switch",
+				disabled,
+				"aria-describedby": descriptionId,
+				onChange: handleChange,
+				className: BlockToggle_module_default.input,
+				...rest
+			}), /* @__PURE__ */ jsx("span", {
+				className: BlockToggle_module_default.track,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("span", { className: BlockToggle_module_default.knob })
+			})]
+		}), label || description ? /* @__PURE__ */ jsxs("span", {
+			className: BlockToggle_module_default.text,
+			children: [label ? /* @__PURE__ */ jsx("label", {
+				htmlFor: inputId,
+				className: BlockToggle_module_default.label,
+				children: label
+			}) : null, description ? /* @__PURE__ */ jsx("span", {
+				id: descriptionId,
+				className: BlockToggle_module_default.description,
+				children: description
+			}) : null]
+		}) : null]
+	});
+});
+//#endregion
+export { BlockToggle };
+
+//# sourceMappingURL=BlockToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockToggle.js","names":["styles"],"sources":["../../../../src/components/forms/BlockToggle/BlockToggle.tsx"],"sourcesContent":["import { forwardRef, useId, type ChangeEvent } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./BlockToggle.module.css\";\nimport type { BlockToggleProps } from \"./BlockToggle.types\";\n\n/** On/off switch — a native checkbox with `role=\"switch\"` and a sliding block knob. */\nexport const BlockToggle = forwardRef<HTMLInputElement, BlockToggleProps>(function BlockToggle(\n  {\n    id,\n    label,\n    description,\n    onCheckedChange,\n    onChange,\n    size = \"md\",\n    labelPosition = \"end\",\n    className,\n    disabled,\n    ...rest\n  },\n  ref,\n) {\n  const generated = useId();\n  const inputId = id ?? `block-toggle-${generated}`;\n  const descriptionId = description ? `${inputId}-description` : undefined;\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    onCheckedChange?.(event.target.checked);\n  };\n\n  return (\n    <div\n      className={cx(\n        styles.root,\n        styles[size],\n        labelPosition === \"start\" && styles.start,\n        className,\n      )}\n      data-disabled={disabled || undefined}\n    >\n      <span className={styles.control}>\n        <input\n          ref={ref}\n          id={inputId}\n          type=\"checkbox\"\n          role=\"switch\"\n          disabled={disabled}\n          aria-describedby={descriptionId}\n          onChange={handleChange}\n          className={styles.input}\n          {...rest}\n        />\n        <span className={styles.track} aria-hidden=\"true\">\n          <span className={styles.knob} />\n        </span>\n      </span>\n      {label || description ? (\n        <span className={styles.text}>\n          {label ? (\n            <label htmlFor={inputId} className={styles.label}>\n              {label}\n            </label>\n          ) : null}\n          {description ? (\n            <span id={descriptionId} className={styles.description}>\n              {description}\n            </span>\n          ) : null}\n        </span>\n      ) : null}\n    </div>\n  );\n});\n"],"mappings":";;;;;;AAMA,IAAa,cAAc,WAA+C,SAAS,YACjF,EACE,IACA,OACA,aACA,iBACA,UACA,OAAO,MACP,gBAAgB,OAChB,WACA,UACA,GAAG,QAEL,KACA;CACA,MAAM,YAAY,MAAM;CACxB,MAAM,UAAU,MAAM,gBAAgB;CACtC,MAAM,gBAAgB,cAAc,GAAG,QAAQ,gBAAgB,KAAA;CAE/D,MAAM,gBAAgB,UAAyC;EAC7D,WAAW,KAAK;EAChB,kBAAkB,MAAM,OAAO,OAAO;CACxC;CAEA,OACE,qBAAC,OAAD;EACE,WAAW,GACTA,2BAAO,MACPA,2BAAO,OACP,kBAAkB,WAAWA,2BAAO,OACpC,SACF;EACA,iBAAe,YAAY,KAAA;EAP7B,UAAA,CASE,qBAAC,QAAD;GAAM,WAAWA,2BAAO;GAAxB,UAAA,CACE,oBAAC,SAAD;IACO;IACL,IAAI;IACJ,MAAK;IACL,MAAK;IACK;IACV,oBAAkB;IAClB,UAAU;IACV,WAAWA,2BAAO;IAClB,GAAI;GACL,CAAA,GACD,oBAAC,QAAD;IAAM,WAAWA,2BAAO;IAAO,eAAY;IACzC,UAAA,oBAAC,QAAD,EAAM,WAAWA,2BAAO,KAAO,CAAA;GAC3B,CAAA,CACF;EACL,CAAA,GAAA,SAAS,cACR,qBAAC,QAAD;GAAM,WAAWA,2BAAO;GAAxB,UAAA,CACG,QACC,oBAAC,SAAD;IAAO,SAAS;IAAS,WAAWA,2BAAO;IACxC,UAAA;GACI,CAAA,IACL,MACH,cACC,oBAAC,QAAD;IAAM,IAAI;IAAe,WAAWA,2BAAO;IACxC,UAAA;GACG,CAAA,IACJ,IACA;EACJ,CAAA,IAAA,IACD;;AAET,CAAC"}

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

@@ -0,0 +1,27 @@
+//#region src/components/forms/BlockToggle/BlockToggle.module.css
+var root = "block-root-92m2B";
+var sm = "block-sm-g6r0z";
+var start = "block-start-G6xwo";
+var control = "block-control-p-xER";
+var input = "block-input-J3ZTP";
+var track = "block-track-YiTW6";
+var knob = "block-knob-X9jrz";
+var text = "block-text-T6VPC";
+var label = "block-label-3xhbG";
+var description = "block-description-G4vSR";
+var BlockToggle_module_default = {
+	root,
+	sm,
+	start,
+	control,
+	input,
+	track,
+	knob,
+	text,
+	label,
+	description
+};
+//#endregion
+export { control, BlockToggle_module_default as default, description, input, knob, label, root, sm, start, text, track };
+
+//# sourceMappingURL=BlockToggle.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockToggle.module.js","names":[],"sources":["../../../../src/components/forms/BlockToggle/BlockToggle.module.css"],"sourcesContent":[".root {\n  --toggle-w: 56px;\n  --toggle-h: 28px;\n\n  display: inline-flex;\n  align-items: center;\n  gap: var(--block-space-3);\n}\n\n.sm {\n  --toggle-w: 44px;\n  --toggle-h: 22px;\n}\n\n.start {\n  flex-direction: row-reverse;\n}\n\n.control {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n  width: var(--toggle-w);\n  height: var(--toggle-h);\n}\n\n.input {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  opacity: 0;\n  cursor: pointer;\n  z-index: 1;\n}\n\n.input:disabled {\n  cursor: not-allowed;\n}\n\n.track {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: var(--block-slot);\n  border: var(--block-border-width-thin) solid var(--block-border);\n  box-shadow: var(--block-shadow-inset);\n  transition: background-color var(--block-duration-fast) var(--block-ease-step);\n}\n\n.knob {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: calc(var(--toggle-h) - 6px);\n  height: calc(var(--toggle-h) - 6px);\n  background-color: var(--block-stone-light);\n  border: var(--block-border-width-thin) solid var(--block-border);\n  box-shadow:\n    inset 2px 2px 0 var(--block-shadow-bevel-light),\n    inset -2px -2px 0 var(--block-shadow-bevel-dark);\n  transition: transform var(--block-duration-fast) var(--block-ease-step);\n}\n\n.input:checked + .track {\n  background-color: var(--block-primary);\n  box-shadow:\n    inset 2px 2px 0 var(--block-primary-dark),\n    inset -2px -2px 0 var(--block-primary-light);\n}\n\n.input:checked + .track .knob {\n  transform: translateX(calc(var(--toggle-w) - var(--toggle-h)));\n  background-color: var(--block-white);\n}\n\n.input:hover:not(:disabled) + .track {\n  filter: brightness(1.12);\n}\n\n.input:focus-visible + .track {\n  outline: 3px solid var(--block-focus);\n  outline-offset: 2px;\n}\n\n.input:disabled + .track {\n  opacity: 0.5;\n}\n\n.text {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.label {\n  font-size: var(--block-font-size-md);\n  cursor: pointer;\n}\n\n.root[data-disabled] .label {\n  color: var(--block-text-muted);\n  cursor: not-allowed;\n}\n\n.description {\n  font-size: var(--block-font-size-xs);\n  color: var(--block-text-muted);\n}\n"],"mappings":""}

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

@@ -0,0 +1,12 @@
+import type { InputHTMLAttributes, ReactNode } from "react";
+export interface BlockToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "role"> {
+    label?: ReactNode;
+    description?: ReactNode;
+    /** Called with the new checked state. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** @default "md" */
+    size?: "sm" | "md";
+    /** Put the label before the switch. */
+    labelPosition?: "start" | "end";
+}
+//# sourceMappingURL=BlockToggle.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockToggle.types.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/BlockToggle/BlockToggle.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,GAAG,MAAM,CACzB;IACC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,yCAAyC;IACzC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,uCAAuC;IACvC,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACjC"}

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { type ReactNode } from "react";
+export interface FieldIds {
+    inputId: string;
+    describedBy: string | undefined;
+    invalid: boolean;
+}
+export interface FieldProps {
+    id?: string | undefined;
+    label?: ReactNode;
+    helperText?: ReactNode;
+    error?: ReactNode;
+    success?: boolean | undefined;
+    disabled?: boolean | undefined;
+    required?: boolean | undefined;
+    className?: string | undefined;
+    /** Extra content on the label row (e.g. the slider value). */
+    labelAside?: ReactNode;
+    children: (ids: FieldIds) => ReactNode;
+}
+/**
+ * Internal wrapper shared by text-like controls: label, helper text and error
+ * message, wired up with `aria-describedby` / `aria-invalid`.
+ */
+export declare function Field({ id, label, helperText, error, success, disabled, required, className, labelAside, children, }: FieldProps): import("react").JSX.Element;
+//# sourceMappingURL=Field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,QAAQ;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,SAAS,CAAC;CACxC;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EACpB,EAAE,EACF,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,GACT,EAAE,UAAU,+BA2CZ"}

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