@malilion/block-ui-react 0.1.0 → 0.3.0

package/dist/components/social/CommandConsole/CommandConsole.js

@@ -0,0 +1,187 @@
+import { cx } from "../../../utils/cx.js";
+import CommandConsole_module_default from "./CommandConsole.module.js";
+import { suggestCommands } from "./CommandConsole.utils.js";
+import { forwardRef, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/social/CommandConsole/CommandConsole.tsx
+var STICK_THRESHOLD = 24;
+/**
+* Command console: an output log above a "/" command line with suggestions
+* (WAI-ARIA combobox). Tab completes, ↑ / ↓ pick a suggestion or recall history.
+*/
+var CommandConsole = forwardRef(function CommandConsole({ entries, commands = [], onRun, size = "md", label = "Console", className, ...rest }, ref) {
+	const baseId = useId();
+	const listId = `${baseId}-suggestions`;
+	const logRef = useRef(null);
+	const stick = useRef(true);
+	const [draft, setDraft] = useState("");
+	const [active, setActive] = useState(0);
+	const [dismissed, setDismissed] = useState(false);
+	const [history, setHistory] = useState([]);
+	const [historyIndex, setHistoryIndex] = useState(null);
+	const suggestions = dismissed ? [] : suggestCommands(draft, commands);
+	const open = suggestions.length > 0;
+	const activeIndex = Math.min(active, suggestions.length - 1);
+	useLayoutEffect(() => {
+		const log = logRef.current;
+		if (log && stick.current) log.scrollTop = log.scrollHeight;
+	}, [entries]);
+	useEffect(() => {
+		const log = logRef.current;
+		if (!log) return void 0;
+		const onScroll = () => {
+			stick.current = log.scrollHeight - log.scrollTop - log.clientHeight <= STICK_THRESHOLD;
+		};
+		log.addEventListener("scroll", onScroll);
+		return () => log.removeEventListener("scroll", onScroll);
+	}, []);
+	const update = (value) => {
+		setDraft(value);
+		setActive(0);
+		setDismissed(false);
+		setHistoryIndex(null);
+	};
+	const complete = (index) => {
+		const command = suggestions[index];
+		if (!command) return;
+		setDraft(`/${command.name} `);
+		setActive(0);
+	};
+	const submit = (event) => {
+		event.preventDefault();
+		const command = draft.trim();
+		if (!command) return;
+		onRun?.(command);
+		setHistory((previous) => [...previous, command]);
+		update("");
+		stick.current = true;
+	};
+	const recall = (direction) => {
+		if (history.length === 0) return;
+		if (direction === -1) {
+			const next = historyIndex === null ? history.length - 1 : Math.max(0, historyIndex - 1);
+			setHistoryIndex(next);
+			setDraft(history[next] ?? "");
+		} else if (historyIndex !== null) {
+			const next = historyIndex + 1;
+			setHistoryIndex(next >= history.length ? null : next);
+			setDraft(next >= history.length ? "" : history[next] ?? "");
+		}
+		setDismissed(true);
+	};
+	const onKeyDown = (event) => {
+		if (open) {
+			if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+				event.preventDefault();
+				const step = event.key === "ArrowDown" ? 1 : -1;
+				setActive((activeIndex + step + suggestions.length) % suggestions.length);
+				return;
+			}
+			if (event.key === "Tab" && !event.shiftKey) {
+				event.preventDefault();
+				complete(activeIndex);
+				return;
+			}
+			if (event.key === "Escape") {
+				event.preventDefault();
+				setDismissed(true);
+				return;
+			}
+		}
+		if (event.key === "ArrowUp") {
+			event.preventDefault();
+			recall(-1);
+		} else if (event.key === "ArrowDown") {
+			event.preventDefault();
+			recall(1);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: "region",
+		"aria-label": label,
+		"data-size": size,
+		className: cx(CommandConsole_module_default.console, className),
+		...rest,
+		children: [/* @__PURE__ */ jsx("div", {
+			ref: logRef,
+			role: "log",
+			"aria-label": `${label} output`,
+			tabIndex: 0,
+			className: CommandConsole_module_default.log,
+			children: /* @__PURE__ */ jsx("ol", {
+				className: CommandConsole_module_default.list,
+				children: entries.map((entry) => /* @__PURE__ */ jsx("li", {
+					className: CommandConsole_module_default.entry,
+					"data-kind": entry.kind ?? "output",
+					children: entry.text
+				}, entry.id))
+			})
+		}), onRun ? /* @__PURE__ */ jsxs("form", {
+			className: CommandConsole_module_default.form,
+			onSubmit: submit,
+			children: [
+				open ? /* @__PURE__ */ jsx("ul", {
+					id: listId,
+					role: "listbox",
+					"aria-label": "Command suggestions",
+					className: CommandConsole_module_default.suggestions,
+					children: suggestions.map((command, index) => /* @__PURE__ */ jsxs("li", {
+						id: `${listId}-${index}`,
+						role: "option",
+						"aria-selected": index === activeIndex,
+						className: CommandConsole_module_default.suggestion,
+						onMouseDown: (event) => {
+							event.preventDefault();
+							complete(index);
+						},
+						children: [
+							/* @__PURE__ */ jsxs("span", {
+								className: CommandConsole_module_default.name,
+								children: ["/", command.name]
+							}),
+							command.usage ? /* @__PURE__ */ jsxs("span", {
+								className: CommandConsole_module_default.usage,
+								children: [" ", command.usage]
+							}) : null,
+							command.description ? /* @__PURE__ */ jsxs("span", {
+								className: CommandConsole_module_default.description,
+								children: [" — ", command.description]
+							}) : null
+						]
+					}, command.name))
+				}) : null,
+				/* @__PURE__ */ jsx("label", {
+					htmlFor: `${baseId}-input`,
+					className: "block-visually-hidden",
+					children: "Command"
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: CommandConsole_module_default.prompt,
+					"aria-hidden": "true",
+					children: ">"
+				}),
+				/* @__PURE__ */ jsx("input", {
+					id: `${baseId}-input`,
+					type: "text",
+					role: "combobox",
+					"aria-autocomplete": "list",
+					"aria-expanded": open,
+					"aria-controls": open ? listId : void 0,
+					"aria-activedescendant": open ? `${listId}-${activeIndex}` : void 0,
+					value: draft,
+					placeholder: "/help",
+					autoComplete: "off",
+					spellCheck: false,
+					className: CommandConsole_module_default.input,
+					onChange: (event) => update(event.target.value),
+					onKeyDown
+				})
+			]
+		}) : null]
+	});
+});
+//#endregion
+export { CommandConsole };
+
+//# sourceMappingURL=CommandConsole.js.map

package/dist/components/social/CommandConsole/CommandConsole.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandConsole.js","names":["styles"],"sources":["../../../../src/components/social/CommandConsole/CommandConsole.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type FormEvent,\n  type KeyboardEvent,\n} from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./CommandConsole.module.css\";\nimport type { CommandConsoleProps } from \"./CommandConsole.types\";\nimport { suggestCommands } from \"./CommandConsole.utils\";\n\nconst STICK_THRESHOLD = 24;\n\n/**\n * Command console: an output log above a \"/\" command line with suggestions\n * (WAI-ARIA combobox). Tab completes, ↑ / ↓ pick a suggestion or recall history.\n */\nexport const CommandConsole = forwardRef<HTMLDivElement, CommandConsoleProps>(\n  function CommandConsole(\n    { entries, commands = [], onRun, size = \"md\", label = \"Console\", className, ...rest },\n    ref,\n  ) {\n    const baseId = useId();\n    const listId = `${baseId}-suggestions`;\n    const logRef = useRef<HTMLDivElement>(null);\n    const stick = useRef(true);\n    const [draft, setDraft] = useState(\"\");\n    const [active, setActive] = useState(0);\n    const [dismissed, setDismissed] = useState(false);\n    const [history, setHistory] = useState<string[]>([]);\n    const [historyIndex, setHistoryIndex] = useState<number | null>(null);\n\n    const suggestions = dismissed ? [] : suggestCommands(draft, commands);\n    const open = suggestions.length > 0;\n    const activeIndex = Math.min(active, suggestions.length - 1);\n\n    useLayoutEffect(() => {\n      const log = logRef.current;\n      if (log && stick.current) log.scrollTop = log.scrollHeight;\n    }, [entries]);\n\n    useEffect(() => {\n      const log = logRef.current;\n      if (!log) return undefined;\n      const onScroll = () => {\n        stick.current = log.scrollHeight - log.scrollTop - log.clientHeight <= STICK_THRESHOLD;\n      };\n      log.addEventListener(\"scroll\", onScroll);\n      return () => log.removeEventListener(\"scroll\", onScroll);\n    }, []);\n\n    const update = (value: string) => {\n      setDraft(value);\n      setActive(0);\n      setDismissed(false);\n      setHistoryIndex(null);\n    };\n\n    const complete = (index: number) => {\n      const command = suggestions[index];\n      if (!command) return;\n      setDraft(`/${command.name} `);\n      setActive(0);\n    };\n\n    const submit = (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      const command = draft.trim();\n      if (!command) return;\n      onRun?.(command);\n      setHistory((previous) => [...previous, command]);\n      update(\"\");\n      stick.current = true;\n    };\n\n    const recall = (direction: -1 | 1) => {\n      if (history.length === 0) return;\n      if (direction === -1) {\n        const next = historyIndex === null ? history.length - 1 : Math.max(0, historyIndex - 1);\n        setHistoryIndex(next);\n        setDraft(history[next] ?? \"\");\n      } else if (historyIndex !== null) {\n        const next = historyIndex + 1;\n        setHistoryIndex(next >= history.length ? null : next);\n        setDraft(next >= history.length ? \"\" : (history[next] ?? \"\"));\n      }\n      setDismissed(true);\n    };\n\n    const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (open) {\n        if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n          event.preventDefault();\n          const step = event.key === \"ArrowDown\" ? 1 : -1;\n          setActive((activeIndex + step + suggestions.length) % suggestions.length);\n          return;\n        }\n        if (event.key === \"Tab\" && !event.shiftKey) {\n          event.preventDefault();\n          complete(activeIndex);\n          return;\n        }\n        if (event.key === \"Escape\") {\n          event.preventDefault();\n          setDismissed(true);\n          return;\n        }\n      }\n      if (event.key === \"ArrowUp\") {\n        event.preventDefault();\n        recall(-1);\n      } else if (event.key === \"ArrowDown\") {\n        event.preventDefault();\n        recall(1);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={label}\n        data-size={size}\n        className={cx(styles.console, className)}\n        {...rest}\n      >\n        <div\n          ref={logRef}\n          role=\"log\"\n          aria-label={`${label} output`}\n          // Scrollable log: keyboard users must be able to focus it to scroll.\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n          tabIndex={0}\n          className={styles.log}\n        >\n          <ol className={styles.list}>\n            {entries.map((entry) => (\n              <li key={entry.id} className={styles.entry} data-kind={entry.kind ?? \"output\"}>\n                {entry.text}\n              </li>\n            ))}\n          </ol>\n        </div>\n        {onRun ? (\n          <form className={styles.form} onSubmit={submit}>\n            {open ? (\n              <ul\n                id={listId}\n                role=\"listbox\"\n                aria-label=\"Command suggestions\"\n                className={styles.suggestions}\n              >\n                {suggestions.map((command, index) => (\n                  <li\n                    key={command.name}\n                    id={`${listId}-${index}`}\n                    role=\"option\"\n                    aria-selected={index === activeIndex}\n                    className={styles.suggestion}\n                    // Pointer users pick with a click; keyboard users use the input's arrow keys.\n                    onMouseDown={(event) => {\n                      event.preventDefault();\n                      complete(index);\n                    }}\n                  >\n                    <span className={styles.name}>/{command.name}</span>\n                    {command.usage ? <span className={styles.usage}> {command.usage}</span> : null}\n                    {command.description ? (\n                      <span className={styles.description}> — {command.description}</span>\n                    ) : null}\n                  </li>\n                ))}\n              </ul>\n            ) : null}\n            <label htmlFor={`${baseId}-input`} className=\"block-visually-hidden\">\n              Command\n            </label>\n            <span className={styles.prompt} aria-hidden=\"true\">\n              &gt;\n            </span>\n            <input\n              id={`${baseId}-input`}\n              type=\"text\"\n              role=\"combobox\"\n              aria-autocomplete=\"list\"\n              aria-expanded={open}\n              aria-controls={open ? listId : undefined}\n              aria-activedescendant={open ? `${listId}-${activeIndex}` : undefined}\n              value={draft}\n              placeholder=\"/help\"\n              autoComplete=\"off\"\n              spellCheck={false}\n              className={styles.input}\n              onChange={(event) => update(event.target.value)}\n              onKeyDown={onKeyDown}\n            />\n          </form>\n        ) : null}\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;;;AAeA,IAAM,kBAAkB;;;;;AAMxB,IAAa,iBAAiB,WAC5B,SAAS,eACP,EAAE,SAAS,WAAW,CAAC,GAAG,OAAO,OAAO,MAAM,QAAQ,WAAW,WAAW,GAAG,QAC/E,KACA;CACA,MAAM,SAAS,MAAM;CACrB,MAAM,SAAS,GAAG,OAAO;CACzB,MAAM,SAAS,OAAuB,IAAI;CAC1C,MAAM,QAAQ,OAAO,IAAI;CACzB,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,CAAC,QAAQ,aAAa,SAAS,CAAC;CACtC,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,CAAC,SAAS,cAAc,SAAmB,CAAC,CAAC;CACnD,MAAM,CAAC,cAAc,mBAAmB,SAAwB,IAAI;CAEpE,MAAM,cAAc,YAAY,CAAC,IAAI,gBAAgB,OAAO,QAAQ;CACpE,MAAM,OAAO,YAAY,SAAS;CAClC,MAAM,cAAc,KAAK,IAAI,QAAQ,YAAY,SAAS,CAAC;CAE3D,sBAAsB;EACpB,MAAM,MAAM,OAAO;EACnB,IAAI,OAAO,MAAM,SAAS,IAAI,YAAY,IAAI;CAChD,GAAG,CAAC,OAAO,CAAC;CAEZ,gBAAgB;EACd,MAAM,MAAM,OAAO;EACnB,IAAI,CAAC,KAAK,OAAO,KAAA;EACjB,MAAM,iBAAiB;GACrB,MAAM,UAAU,IAAI,eAAe,IAAI,YAAY,IAAI,gBAAgB;EACzE;EACA,IAAI,iBAAiB,UAAU,QAAQ;EACvC,aAAa,IAAI,oBAAoB,UAAU,QAAQ;CACzD,GAAG,CAAC,CAAC;CAEL,MAAM,UAAU,UAAkB;EAChC,SAAS,KAAK;EACd,UAAU,CAAC;EACX,aAAa,KAAK;EAClB,gBAAgB,IAAI;CACtB;CAEA,MAAM,YAAY,UAAkB;EAClC,MAAM,UAAU,YAAY;EAC5B,IAAI,CAAC,SAAS;EACd,SAAS,IAAI,QAAQ,KAAK,EAAE;EAC5B,UAAU,CAAC;CACb;CAEA,MAAM,UAAU,UAAsC;EACpD,MAAM,eAAe;EACrB,MAAM,UAAU,MAAM,KAAK;EAC3B,IAAI,CAAC,SAAS;EACd,QAAQ,OAAO;EACf,YAAY,aAAa,CAAC,GAAG,UAAU,OAAO,CAAC;EAC/C,OAAO,EAAE;EACT,MAAM,UAAU;CAClB;CAEA,MAAM,UAAU,cAAsB;EACpC,IAAI,QAAQ,WAAW,GAAG;EAC1B,IAAI,cAAc,IAAI;GACpB,MAAM,OAAO,iBAAiB,OAAO,QAAQ,SAAS,IAAI,KAAK,IAAI,GAAG,eAAe,CAAC;GACtF,gBAAgB,IAAI;GACpB,SAAS,QAAQ,SAAS,EAAE;EAC9B,OAAO,IAAI,iBAAiB,MAAM;GAChC,MAAM,OAAO,eAAe;GAC5B,gBAAgB,QAAQ,QAAQ,SAAS,OAAO,IAAI;GACpD,SAAS,QAAQ,QAAQ,SAAS,KAAM,QAAQ,SAAS,EAAG;EAC9D;EACA,aAAa,IAAI;CACnB;CAEA,MAAM,aAAa,UAA2C;EAC5D,IAAI,MAAM;GACR,IAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;IACxD,MAAM,eAAe;IACrB,MAAM,OAAO,MAAM,QAAQ,cAAc,IAAI;IAC7C,WAAW,cAAc,OAAO,YAAY,UAAU,YAAY,MAAM;IACxE;GACF;GACA,IAAI,MAAM,QAAQ,SAAS,CAAC,MAAM,UAAU;IAC1C,MAAM,eAAe;IACrB,SAAS,WAAW;IACpB;GACF;GACA,IAAI,MAAM,QAAQ,UAAU;IAC1B,MAAM,eAAe;IACrB,aAAa,IAAI;IACjB;GACF;EACF;EACA,IAAI,MAAM,QAAQ,WAAW;GAC3B,MAAM,eAAe;GACrB,OAAO,EAAE;EACX,OAAO,IAAI,MAAM,QAAQ,aAAa;GACpC,MAAM,eAAe;GACrB,OAAO,CAAC;EACV;CACF;CAEA,OACE,qBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAY;EACZ,aAAW;EACX,WAAW,GAAGA,8BAAO,SAAS,SAAS;EACvC,GAAI;EANN,UAAA,CAQE,oBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAY,GAAG,MAAM;GAGrB,UAAU;GACV,WAAWA,8BAAO;GAElB,UAAA,oBAAC,MAAD;IAAI,WAAWA,8BAAO;IACnB,UAAA,QAAQ,KAAK,UACZ,oBAAC,MAAD;KAAmB,WAAWA,8BAAO;KAAO,aAAW,MAAM,QAAQ;KAClE,UAAA,MAAM;IACL,GAFK,MAAM,EAEX,CACL;GACC,CAAA;EACD,CAAA,GACJ,QACC,qBAAC,QAAD;GAAM,WAAWA,8BAAO;GAAM,UAAU;GAAxC,UAAA;IACG,OACC,oBAAC,MAAD;KACE,IAAI;KACJ,MAAK;KACL,cAAW;KACX,WAAWA,8BAAO;KAEjB,UAAA,YAAY,KAAK,SAAS,UACzB,qBAAC,MAAD;MAEE,IAAI,GAAG,OAAO,GAAG;MACjB,MAAK;MACL,iBAAe,UAAU;MACzB,WAAWA,8BAAO;MAElB,cAAc,UAAU;OACtB,MAAM,eAAe;OACrB,SAAS,KAAK;MAChB;MAVF,UAAA;OAYE,qBAAC,QAAD;QAAM,WAAWA,8BAAO;QAAxB,UAAA,CAA8B,KAAE,QAAQ,IAAW;;OAClD,QAAQ,QAAQ,qBAAC,QAAD;QAAM,WAAWA,8BAAO;QAAxB,UAAA,CAA+B,KAAE,QAAQ,KAAY;OAAI,CAAA,IAAA;OACzE,QAAQ,cACP,qBAAC,QAAD;QAAM,WAAWA,8BAAO;QAAxB,UAAA,CAAqC,OAAI,QAAQ,WAAkB;OACjE,CAAA,IAAA;MACF;KAhBG,GAAA,QAAQ,IAgBX,CACL;IACC,CAAA,IACF;IACJ,oBAAC,SAAD;KAAO,SAAS,GAAG,OAAO;KAAS,WAAU;KAAwB,UAAA;IAE9D,CAAA;IACP,oBAAC,QAAD;KAAM,WAAWA,8BAAO;KAAQ,eAAY;KAAO,UAAA;IAE7C,CAAA;IACN,oBAAC,SAAD;KACE,IAAI,GAAG,OAAO;KACd,MAAK;KACL,MAAK;KACL,qBAAkB;KAClB,iBAAe;KACf,iBAAe,OAAO,SAAS,KAAA;KAC/B,yBAAuB,OAAO,GAAG,OAAO,GAAG,gBAAgB,KAAA;KAC3D,OAAO;KACP,aAAY;KACZ,cAAa;KACb,YAAY;KACZ,WAAWA,8BAAO;KAClB,WAAW,UAAU,OAAO,MAAM,OAAO,KAAK;KACnC;IACZ,CAAA;GACG;EACJ,CAAA,IAAA,IACD;;AAET,CACF"}

package/dist/components/social/CommandConsole/CommandConsole.module.js

@@ -0,0 +1,31 @@
+//#region src/components/social/CommandConsole/CommandConsole.module.css
+var console = "block-console-qcWGr";
+var log = "block-log-pWlGe";
+var list = "block-list-MIIVP";
+var entry = "block-entry--mmGM";
+var form = "block-form-tWoQQ";
+var prompt = "block-prompt-BftNf";
+var input = "block-input-GFfLX";
+var suggestions = "block-suggestions-kbQEK";
+var suggestion = "block-suggestion-gbqGK";
+var name = "block-name-V4HmU";
+var usage = "block-usage-58Sl7";
+var description = "block-description-hVsJo";
+var CommandConsole_module_default = {
+	console,
+	log,
+	list,
+	entry,
+	form,
+	prompt,
+	input,
+	suggestions,
+	suggestion,
+	name,
+	usage,
+	description
+};
+//#endregion
+export { console, CommandConsole_module_default as default, description, entry, form, input, list, log, name, prompt, suggestion, suggestions, usage };
+
+//# sourceMappingURL=CommandConsole.module.js.map

package/dist/components/social/CommandConsole/CommandConsole.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandConsole.module.js","names":[],"sources":["../../../../src/components/social/CommandConsole/CommandConsole.module.css"],"sourcesContent":[".console {\n  --console-height: 240px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  max-width: 640px;\n  font-family: var(--block-font-mono);\n  font-size: var(--block-font-size-sm);\n  color: var(--block-text-primary);\n  background-color: color-mix(in srgb, var(--block-black) 88%, transparent);\n  border: var(--block-border-width-thin) solid var(--block-obsidian-light);\n}\n\n.console[data-size=\"sm\"] {\n  --console-height: 160px;\n}\n\n.console[data-size=\"lg\"] {\n  --console-height: 360px;\n}\n\n.log {\n  display: flex;\n  flex-direction: column;\n  height: var(--console-height);\n  padding: var(--block-space-2);\n  overflow-y: auto;\n  scrollbar-width: thin;\n}\n\n.log:focus-visible {\n  outline: 3px solid var(--block-focus);\n  outline-offset: -3px;\n}\n\n.list {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin: auto 0 0;\n  padding: 0;\n  list-style: none;\n}\n\n.entry {\n  line-height: var(--block-line-height-normal);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n\n.entry[data-kind=\"input\"] {\n  color: var(--block-text-secondary);\n}\n\n.entry[data-kind=\"input\"]::before {\n  content: \"> \";\n}\n\n.entry[data-kind=\"success\"] {\n  color: var(--block-emerald-light);\n}\n\n.entry[data-kind=\"error\"] {\n  color: var(--block-redstone-light);\n}\n\n.form {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--block-space-1);\n  padding: var(--block-space-1) var(--block-space-2);\n  border-top: var(--block-border-width-thin) solid var(--block-obsidian-light);\n}\n\n.prompt {\n  color: var(--block-emerald-light);\n}\n\n.input {\n  flex: 1;\n  min-width: 0;\n  min-height: 36px;\n  padding: 0 var(--block-space-1);\n  font: inherit;\n  color: var(--block-text-primary);\n  background: transparent;\n  border: 0;\n}\n\n.input::placeholder {\n  color: var(--block-text-secondary);\n}\n\n.input:focus-visible {\n  outline: 3px solid var(--block-focus);\n  outline-offset: 0;\n}\n\n.suggestions {\n  position: absolute;\n  bottom: 100%;\n  left: 0;\n  right: 0;\n  z-index: var(--block-z-dropdown);\n  max-height: 180px;\n  margin: 0;\n  padding: var(--block-space-1);\n  overflow-y: auto;\n  list-style: none;\n  background-color: var(--block-obsidian-dark);\n  border: var(--block-border-width-thin) solid var(--block-obsidian-light);\n}\n\n.suggestion {\n  padding: 2px var(--block-space-1);\n  cursor: pointer;\n  overflow-wrap: anywhere;\n}\n\n.suggestion[aria-selected=\"true\"] {\n  background-color: var(--block-obsidian-light);\n}\n\n.name {\n  color: var(--block-gold-light);\n}\n\n.usage {\n  color: var(--block-text-primary);\n}\n\n.description {\n  color: var(--block-text-secondary);\n}\n"],"mappings":""}

package/dist/components/social/CommandConsole/CommandConsole.types.d.ts

@@ -0,0 +1,28 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export declare const consoleEntryKinds: readonly ["input", "output", "success", "error"];
+export type ConsoleEntryKind = (typeof consoleEntryKinds)[number];
+export interface ConsoleEntry {
+    id: string;
+    /** `input` echoes a command; the others are responses. @default "output" */
+    kind?: ConsoleEntryKind;
+    text: ReactNode;
+}
+export interface ConsoleCommand {
+    /** Command name without the slash, e.g. "gamemode". */
+    name: string;
+    /** Argument hint, e.g. "<mode> [player]". */
+    usage?: string;
+    description?: string;
+}
+export interface CommandConsoleProps extends HTMLAttributes<HTMLDivElement> {
+    entries: ConsoleEntry[];
+    /** Commands offered as suggestions after typing "/". */
+    commands?: ConsoleCommand[];
+    /** Called with the trimmed command line (including the leading "/") on Enter. */
+    onRun?: (command: string) => void;
+    /** Log height. @default "md" */
+    size?: "sm" | "md" | "lg";
+    /** Accessible name. @default "Console" */
+    label?: string;
+}
+//# sourceMappingURL=CommandConsole.types.d.ts.map

package/dist/components/social/CommandConsole/CommandConsole.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandConsole.types.d.ts","sourceRoot":"","sources":["../../../../src/components/social/CommandConsole/CommandConsole.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,iBAAiB,kDAAmD,CAAC;AAElF,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,4EAA4E;IAC5E,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,iFAAiF;IACjF,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gCAAgC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/social/CommandConsole/CommandConsole.types.js

@@ -0,0 +1,11 @@
+//#region src/components/social/CommandConsole/CommandConsole.types.ts
+var consoleEntryKinds = [
+	"input",
+	"output",
+	"success",
+	"error"
+];
+//#endregion
+export { consoleEntryKinds };
+
+//# sourceMappingURL=CommandConsole.types.js.map

package/dist/components/social/CommandConsole/CommandConsole.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandConsole.types.js","names":[],"sources":["../../../../src/components/social/CommandConsole/CommandConsole.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport const consoleEntryKinds = [\"input\", \"output\", \"success\", \"error\"] as const;\n\nexport type ConsoleEntryKind = (typeof consoleEntryKinds)[number];\n\nexport interface ConsoleEntry {\n  id: string;\n  /** `input` echoes a command; the others are responses. @default \"output\" */\n  kind?: ConsoleEntryKind;\n  text: ReactNode;\n}\n\nexport interface ConsoleCommand {\n  /** Command name without the slash, e.g. \"gamemode\". */\n  name: string;\n  /** Argument hint, e.g. \"<mode> [player]\". */\n  usage?: string;\n  description?: string;\n}\n\nexport interface CommandConsoleProps extends HTMLAttributes<HTMLDivElement> {\n  entries: ConsoleEntry[];\n  /** Commands offered as suggestions after typing \"/\". */\n  commands?: ConsoleCommand[];\n  /** Called with the trimmed command line (including the leading \"/\") on Enter. */\n  onRun?: (command: string) => void;\n  /** Log height. @default \"md\" */\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** Accessible name. @default \"Console\" */\n  label?: string;\n}\n"],"mappings":";AAEA,IAAa,oBAAoB;CAAC;CAAS;CAAU;CAAW;AAAO"}

package/dist/components/social/CommandConsole/CommandConsole.utils.d.ts

@@ -0,0 +1,4 @@
+import type { ConsoleCommand } from "./CommandConsole.types";
+/** Commands whose name starts with the typed word, while the user is still typing the name. */
+export declare function suggestCommands(input: string, commands: ConsoleCommand[]): ConsoleCommand[];
+//# sourceMappingURL=CommandConsole.utils.d.ts.map

package/dist/components/social/CommandConsole/CommandConsole.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandConsole.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/social/CommandConsole/CommandConsole.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,+FAA+F;AAC/F,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAI3F"}

package/dist/components/social/CommandConsole/CommandConsole.utils.js

@@ -0,0 +1,11 @@
+//#region src/components/social/CommandConsole/CommandConsole.utils.ts
+/** Commands whose name starts with the typed word, while the user is still typing the name. */
+function suggestCommands(input, commands) {
+	if (!input.startsWith("/") || input.includes(" ")) return [];
+	const word = input.slice(1).toLowerCase();
+	return commands.filter((command) => command.name.toLowerCase().startsWith(word));
+}
+//#endregion
+export { suggestCommands };
+
+//# sourceMappingURL=CommandConsole.utils.js.map

package/dist/components/social/CommandConsole/CommandConsole.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandConsole.utils.js","names":[],"sources":["../../../../src/components/social/CommandConsole/CommandConsole.utils.ts"],"sourcesContent":["import type { ConsoleCommand } from \"./CommandConsole.types\";\n\n/** Commands whose name starts with the typed word, while the user is still typing the name. */\nexport function suggestCommands(input: string, commands: ConsoleCommand[]): ConsoleCommand[] {\n  if (!input.startsWith(\"/\") || input.includes(\" \")) return [];\n  const word = input.slice(1).toLowerCase();\n  return commands.filter((command) => command.name.toLowerCase().startsWith(word));\n}\n"],"mappings":";;AAGA,SAAgB,gBAAgB,OAAe,UAA8C;CAC3F,IAAI,CAAC,MAAM,WAAW,GAAG,KAAK,MAAM,SAAS,GAAG,GAAG,OAAO,CAAC;CAC3D,MAAM,OAAO,MAAM,MAAM,CAAC,CAAC,CAAC,YAAY;CACxC,OAAO,SAAS,QAAQ,YAAY,QAAQ,KAAK,YAAY,CAAC,CAAC,WAAW,IAAI,CAAC;AACjF"}

package/dist/components/social/CommandConsole/index.d.ts

@@ -0,0 +1,5 @@
+export { CommandConsole } from "./CommandConsole";
+export { consoleEntryKinds } from "./CommandConsole.types";
+export { suggestCommands } from "./CommandConsole.utils";
+export type { CommandConsoleProps, ConsoleCommand, ConsoleEntry, ConsoleEntryKind, } from "./CommandConsole.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/social/CommandConsole/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/social/CommandConsole/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,gBAAgB,GACjB,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from "./ChatWindow";
+export * from "./CommandConsole";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/social/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}

package/dist/hooks/useAnchoredPosition.d.ts

@@ -0,0 +1,17 @@
+import { type CSSProperties, type RefObject } from "react";
+import { type FloatingAlign, type FloatingPosition, type FloatingSide } from "../utils/position";
+export interface AnchoredPosition extends FloatingPosition {
+    /** Custom properties for the floating element (`--block-float-*`). */
+    style: CSSProperties;
+}
+/**
+ * Keeps a `position: fixed` floating element (rendered in a portal) next to
+ * its anchor while open, following scroll and resize. Returns `null` until
+ * the first measurement.
+ */
+export declare function useAnchoredPosition(anchorRef: RefObject<HTMLElement | null>, floatingRef: RefObject<HTMLElement | null>, open: boolean, { side, align, gap }: {
+    side: FloatingSide;
+    align?: FloatingAlign;
+    gap?: number;
+}): AnchoredPosition | null;
+//# sourceMappingURL=useAnchoredPosition.d.ts.map

package/dist/hooks/useAnchoredPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnchoredPosition.d.ts","sourceRoot":"","sources":["../../src/hooks/useAnchoredPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EAClB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,sEAAsE;IACtE,KAAK,EAAE,aAAa,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,WAAW,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC1C,IAAI,EAAE,OAAO,EACb,EAAE,IAAI,EAAE,KAAgB,EAAE,GAAO,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,GAC/F,gBAAgB,GAAG,IAAI,CA8CzB"}

package/dist/hooks/useAnchoredPosition.js

@@ -0,0 +1,62 @@
+import { computePosition } from "../utils/position.js";
+import { useLayoutEffect, useState } from "react";
+//#region src/hooks/useAnchoredPosition.ts
+/**
+* Keeps a `position: fixed` floating element (rendered in a portal) next to
+* its anchor while open, following scroll and resize. Returns `null` until
+* the first measurement.
+*/
+function useAnchoredPosition(anchorRef, floatingRef, open, { side, align = "center", gap = 8 }) {
+	const [position, setPosition] = useState(null);
+	useLayoutEffect(() => {
+		if (!open) return void 0;
+		const update = () => {
+			const anchor = anchorRef.current;
+			const floating = floatingRef.current;
+			if (!anchor || !floating) return;
+			const anchorRect = anchor.getBoundingClientRect();
+			const next = computePosition({
+				anchor: anchorRect,
+				floating: {
+					width: floating.offsetWidth,
+					height: floating.offsetHeight
+				},
+				viewport: {
+					width: window.innerWidth,
+					height: window.innerHeight
+				},
+				side,
+				align,
+				gap
+			});
+			setPosition((previous) => previous && previous.x === next.x && previous.y === next.y && previous.side === next.side && previous.arrow === next.arrow ? previous : {
+				...next,
+				style: {
+					"--block-float-x": `${next.x}px`,
+					"--block-float-y": `${next.y}px`,
+					"--block-float-arrow": `${next.arrow}px`,
+					"--block-float-anchor-width": `${anchorRect.width}px`
+				}
+			});
+		};
+		update();
+		window.addEventListener("scroll", update, true);
+		window.addEventListener("resize", update);
+		return () => {
+			window.removeEventListener("scroll", update, true);
+			window.removeEventListener("resize", update);
+		};
+	}, [
+		open,
+		side,
+		align,
+		gap,
+		anchorRef,
+		floatingRef
+	]);
+	return open ? position : null;
+}
+//#endregion
+export { useAnchoredPosition };
+
+//# sourceMappingURL=useAnchoredPosition.js.map

package/dist/hooks/useAnchoredPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnchoredPosition.js","names":[],"sources":["../../src/hooks/useAnchoredPosition.ts"],"sourcesContent":["import { useLayoutEffect, useState, type CSSProperties, type RefObject } from \"react\";\nimport {\n  computePosition,\n  type FloatingAlign,\n  type FloatingPosition,\n  type FloatingSide,\n} from \"../utils/position\";\n\nexport interface AnchoredPosition extends FloatingPosition {\n  /** Custom properties for the floating element (`--block-float-*`). */\n  style: CSSProperties;\n}\n\n/**\n * Keeps a `position: fixed` floating element (rendered in a portal) next to\n * its anchor while open, following scroll and resize. Returns `null` until\n * the first measurement.\n */\nexport function useAnchoredPosition(\n  anchorRef: RefObject<HTMLElement | null>,\n  floatingRef: RefObject<HTMLElement | null>,\n  open: boolean,\n  { side, align = \"center\", gap = 8 }: { side: FloatingSide; align?: FloatingAlign; gap?: number },\n): AnchoredPosition | null {\n  const [position, setPosition] = useState<AnchoredPosition | null>(null);\n\n  useLayoutEffect(() => {\n    if (!open) return undefined;\n    const update = () => {\n      const anchor = anchorRef.current;\n      const floating = floatingRef.current;\n      if (!anchor || !floating) return;\n      const anchorRect = anchor.getBoundingClientRect();\n      const next = computePosition({\n        anchor: anchorRect,\n        floating: { width: floating.offsetWidth, height: floating.offsetHeight },\n        viewport: { width: window.innerWidth, height: window.innerHeight },\n        side,\n        align,\n        gap,\n      });\n      setPosition((previous) =>\n        previous &&\n        previous.x === next.x &&\n        previous.y === next.y &&\n        previous.side === next.side &&\n        previous.arrow === next.arrow\n          ? previous\n          : {\n              ...next,\n              style: {\n                \"--block-float-x\": `${next.x}px`,\n                \"--block-float-y\": `${next.y}px`,\n                \"--block-float-arrow\": `${next.arrow}px`,\n                \"--block-float-anchor-width\": `${anchorRect.width}px`,\n              } as CSSProperties,\n            },\n      );\n    };\n    update();\n    window.addEventListener(\"scroll\", update, true);\n    window.addEventListener(\"resize\", update);\n    return () => {\n      window.removeEventListener(\"scroll\", update, true);\n      window.removeEventListener(\"resize\", update);\n    };\n  }, [open, side, align, gap, anchorRef, floatingRef]);\n\n  return open ? position : null;\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,oBACd,WACA,aACA,MACA,EAAE,MAAM,QAAQ,UAAU,MAAM,KACP;CACzB,MAAM,CAAC,UAAU,eAAe,SAAkC,IAAI;CAEtE,sBAAsB;EACpB,IAAI,CAAC,MAAM,OAAO,KAAA;EAClB,MAAM,eAAe;GACnB,MAAM,SAAS,UAAU;GACzB,MAAM,WAAW,YAAY;GAC7B,IAAI,CAAC,UAAU,CAAC,UAAU;GAC1B,MAAM,aAAa,OAAO,sBAAsB;GAChD,MAAM,OAAO,gBAAgB;IAC3B,QAAQ;IACR,UAAU;KAAE,OAAO,SAAS;KAAa,QAAQ,SAAS;IAAa;IACvE,UAAU;KAAE,OAAO,OAAO;KAAY,QAAQ,OAAO;IAAY;IACjE;IACA;IACA;GACF,CAAC;GACD,aAAa,aACX,YACA,SAAS,MAAM,KAAK,KACpB,SAAS,MAAM,KAAK,KACpB,SAAS,SAAS,KAAK,QACvB,SAAS,UAAU,KAAK,QACpB,WACA;IACE,GAAG;IACH,OAAO;KACL,mBAAmB,GAAG,KAAK,EAAE;KAC7B,mBAAmB,GAAG,KAAK,EAAE;KAC7B,uBAAuB,GAAG,KAAK,MAAM;KACrC,8BAA8B,GAAG,WAAW,MAAM;IACpD;GACF,CACN;EACF;EACA,OAAO;EACP,OAAO,iBAAiB,UAAU,QAAQ,IAAI;EAC9C,OAAO,iBAAiB,UAAU,MAAM;EACxC,aAAa;GACX,OAAO,oBAAoB,UAAU,QAAQ,IAAI;GACjD,OAAO,oBAAoB,UAAU,MAAM;EAC7C;CACF,GAAG;EAAC;EAAM;EAAM;EAAO;EAAK;EAAW;CAAW,CAAC;CAEnD,OAAO,OAAO,WAAW;AAC3B"}

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from "./components/crafting";
 export * from "./components/hud";
 export * from "./components/cards";
 export * from "./components/display";
+export * from "./components/social";
 export * from "./components/navigation";
 export * from "./components/layout";
 export * from "./components/feedback";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -9,6 +9,7 @@ import { BlockUIProvider } from "./provider/BlockUIProvider.js";
 import { BlockButton } from "./components/actions/BlockButton/BlockButton.js";
 import { blockButtonVariants } from "./components/actions/BlockButton/BlockButton.types.js";
 import { IconButton } from "./components/actions/IconButton/IconButton.js";
+import { BlockMenu } from "./components/actions/BlockMenu/BlockMenu.js";
 import { BlockInput } from "./components/forms/BlockInput/BlockInput.js";
 import { BlockTextarea } from "./components/forms/BlockTextarea/BlockTextarea.js";
 import { BlockSelect } from "./components/forms/BlockSelect/BlockSelect.js";
@@ -38,11 +39,35 @@ import { CraftingTable } from "./components/crafting/CraftingTable/CraftingTable
 import { getFurnaceState } from "./components/crafting/Furnace/Furnace.utils.js";
 import { Furnace } from "./components/crafting/Furnace/Furnace.js";
 import { furnaceStates } from "./components/crafting/Furnace/Furnace.types.js";
+import { EnchantingTable } from "./components/crafting/EnchantingTable/EnchantingTable.js";
+import { getBrewingState } from "./components/crafting/BrewingStand/BrewingStand.utils.js";
+import { BrewingStand } from "./components/crafting/BrewingStand/BrewingStand.js";
+import { brewingStates } from "./components/crafting/BrewingStand/BrewingStand.types.js";
+import { anvilCostState } from "./components/crafting/Anvil/Anvil.utils.js";
+import { Anvil } from "./components/crafting/Anvil/Anvil.js";
+import { villagerLevels } from "./components/crafting/TradingUI/TradingUI.types.js";
+import { TradingUI } from "./components/crafting/TradingUI/TradingUI.js";
+import { filterRecipes } from "./components/crafting/RecipeBook/RecipeBook.utils.js";
+import { RecipeBook } from "./components/crafting/RecipeBook/RecipeBook.js";
 import { HealthBar } from "./components/hud/HealthBar/HealthBar.js";
 import { ArmorBar } from "./components/hud/ArmorBar/ArmorBar.js";
 import { HungerBar } from "./components/hud/HungerBar/HungerBar.js";
 import { XPBar } from "./components/hud/XPBar/XPBar.js";
 import { PlayerHUD } from "./components/hud/PlayerHUD/PlayerHUD.js";
+import { BossBar } from "./components/hud/BossBar/BossBar.js";
+import { bossBarColors, bossBarSegments } from "./components/hud/BossBar/BossBar.types.js";
+import { Scoreboard } from "./components/hud/Scoreboard/Scoreboard.js";
+import { CoordinatesHUD } from "./components/hud/CoordinatesHUD/CoordinatesHUD.js";
+import { facings } from "./components/hud/CoordinatesHUD/CoordinatesHUD.types.js";
+import { BiomeIndicator } from "./components/hud/BiomeIndicator/BiomeIndicator.js";
+import { biomeTypes } from "./components/hud/BiomeIndicator/BiomeIndicator.types.js";
+import { dayPhase, formatClock } from "./components/hud/DayNightIndicator/DayNightIndicator.utils.js";
+import { DayNightIndicator } from "./components/hud/DayNightIndicator/DayNightIndicator.js";
+import { WeatherIndicator } from "./components/hud/WeatherIndicator/WeatherIndicator.js";
+import { weatherTypes } from "./components/hud/WeatherIndicator/WeatherIndicator.types.js";
+import { miniMapMarkerKinds, miniMapTerrain } from "./components/hud/MiniMap/MiniMap.types.js";
+import { compassName, describeMarker } from "./components/hud/MiniMap/MiniMap.utils.js";
+import { MiniMap } from "./components/hud/MiniMap/MiniMap.js";
 import { BlockCard } from "./components/cards/BlockCard/BlockCard.js";
 import { cardMaterials } from "./components/cards/BlockCard/BlockCard.types.js";
 import { BlockProgress } from "./components/feedback/Progress/BlockProgress.js";
@@ -53,16 +78,36 @@ import { PlayerCard } from "./components/cards/PlayerCard/PlayerCard.js";
 import { pingQuality } from "./components/cards/ServerCard/ServerCard.utils.js";
 import { ServerCard } from "./components/cards/ServerCard/ServerCard.js";
 import { WorldCard } from "./components/cards/WorldCard/WorldCard.js";
+import { browseServers } from "./components/cards/ServerBrowser/ServerBrowser.utils.js";
+import { ServerBrowser } from "./components/cards/ServerBrowser/ServerBrowser.js";
+import { browseWorlds } from "./components/cards/WorldBrowser/WorldBrowser.utils.js";
+import { WorldBrowser } from "./components/cards/WorldBrowser/WorldBrowser.js";
 import { badgeVariants } from "./components/display/BlockBadge/BlockBadge.types.js";
+import { BlockTooltip } from "./components/display/BlockTooltip/BlockTooltip.js";
+import { tooltipPlacements } from "./components/display/BlockTooltip/BlockTooltip.types.js";
+import { BlockTable } from "./components/display/BlockTable/BlockTable.js";
+import { skillState } from "./components/display/SkillTree/SkillTree.utils.js";
+import { SkillTree } from "./components/display/SkillTree/SkillTree.js";
+import { ChatWindow } from "./components/social/ChatWindow/ChatWindow.js";
+import { chatMessageTypes } from "./components/social/ChatWindow/ChatWindow.types.js";
+import { suggestCommands } from "./components/social/CommandConsole/CommandConsole.utils.js";
+import { CommandConsole } from "./components/social/CommandConsole/CommandConsole.js";
+import { consoleEntryKinds } from "./components/social/CommandConsole/CommandConsole.types.js";
 import { useMediaQuery } from "./hooks/useMediaQuery.js";
 import { BlockSidebar, SidebarItem } from "./components/navigation/BlockSidebar/BlockSidebar.js";
 import { BlockTabs } from "./components/navigation/BlockTabs/BlockTabs.js";
 import { Breadcrumb } from "./components/navigation/Breadcrumb/Breadcrumb.js";
 import { HotbarNavigation } from "./components/navigation/HotbarNavigation/HotbarNavigation.js";
+import { getPaginationRange } from "./components/navigation/BlockPagination/BlockPagination.utils.js";
+import { BlockPagination } from "./components/navigation/BlockPagination/BlockPagination.js";
+import { BlockStack } from "./components/layout/BlockStack/BlockStack.js";
+import { stackGaps } from "./components/layout/BlockStack/BlockStack.types.js";
+import { BlockDivider } from "./components/layout/BlockDivider/BlockDivider.js";
+import { dividerVariants } from "./components/layout/BlockDivider/BlockDivider.types.js";
 import { alertVariants } from "./components/feedback/Alert/BlockAlert.types.js";
 import { useFocusTrap } from "./hooks/useFocusTrap.js";
 import { BlockModal } from "./components/feedback/Modal/BlockModal.js";
 import { ConfirmDialog } from "./components/feedback/ConfirmDialog/ConfirmDialog.js";
 import { progressVariants } from "./components/feedback/Progress/BlockProgress.types.js";
 import { BlockLoading } from "./components/feedback/Loading/BlockLoading.js";
-export { AchievementCard, ArmorBar, BlockAlert, BlockBadge, BlockButton, BlockCard, BlockCheckbox, BlockInput, BlockLoading, BlockModal, BlockPanel, BlockProgress, BlockRadio, BlockRadioGroup, BlockSelect, BlockSidebar, BlockSlider, BlockTabs, BlockTextarea, BlockToaster, BlockToggle, BlockUIProvider, Breadcrumb, ConfirmDialog, CraftingGrid, CraftingResult, CraftingSlot, CraftingTable, DEFAULT_TOAST_DURATION, DurabilityBar, Furnace, HealthBar, Hotbar, HotbarNavigation, HungerBar, IconButton, Inventory, InventoryGrid, InventorySection, InventorySlot, ItemStack, ItemTooltip, PlayerCard, PlayerHUD, QuestCard, ServerCard, SidebarItem, WorldCard, XPBar, alertVariants, badgeVariants, blockButtonVariants, cardMaterials, clamp, cx, describeItemStack, durabilityLevel, formatNumber, furnaceStates, getFurnaceState, itemRarities, normalizeRarity, pingQuality, progressVariants, ratio, toast, useBlockUI, useControllableState, useDigitHotkeys, useFocusTrap, useMediaQuery, usePortalContainer, useToasts };
+export { AchievementCard, Anvil, ArmorBar, BiomeIndicator, BlockAlert, BlockBadge, BlockButton, BlockCard, BlockCheckbox, BlockDivider, BlockInput, BlockLoading, BlockMenu, BlockModal, BlockPagination, BlockPanel, BlockProgress, BlockRadio, BlockRadioGroup, BlockSelect, BlockSidebar, BlockSlider, BlockStack, BlockTable, BlockTabs, BlockTextarea, BlockToaster, BlockToggle, BlockTooltip, BlockUIProvider, BossBar, Breadcrumb, BrewingStand, ChatWindow, CommandConsole, ConfirmDialog, CoordinatesHUD, CraftingGrid, CraftingResult, CraftingSlot, CraftingTable, DEFAULT_TOAST_DURATION, DayNightIndicator, DurabilityBar, EnchantingTable, Furnace, HealthBar, Hotbar, HotbarNavigation, HungerBar, IconButton, Inventory, InventoryGrid, InventorySection, InventorySlot, ItemStack, ItemTooltip, MiniMap, PlayerCard, PlayerHUD, QuestCard, RecipeBook, Scoreboard, ServerBrowser, ServerCard, SidebarItem, SkillTree, TradingUI, WeatherIndicator, WorldBrowser, WorldCard, XPBar, alertVariants, anvilCostState, badgeVariants, biomeTypes, blockButtonVariants, bossBarColors, bossBarSegments, brewingStates, browseServers, browseWorlds, cardMaterials, chatMessageTypes, clamp, compassName, consoleEntryKinds, cx, dayPhase, describeItemStack, describeMarker, dividerVariants, durabilityLevel, facings, filterRecipes, formatClock, formatNumber, furnaceStates, getBrewingState, getFurnaceState, getPaginationRange, itemRarities, miniMapMarkerKinds, miniMapTerrain, normalizeRarity, pingQuality, progressVariants, ratio, skillState, stackGaps, suggestCommands, toast, tooltipPlacements, useBlockUI, useControllableState, useDigitHotkeys, useFocusTrap, useMediaQuery, usePortalContainer, useToasts, villagerLevels, weatherTypes };