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

package/dist/hooks/useControllableState.d.ts

@@ -0,0 +1,8 @@
+export interface ControllableStateOptions<T> {
+    value?: T | undefined;
+    defaultValue: T;
+    onChange?: ((value: T) => void) | undefined;
+}
+/** State that can be controlled (`value` + `onChange`) or uncontrolled (`defaultValue`). */
+export declare function useControllableState<T>({ value, defaultValue, onChange, }: ControllableStateOptions<T>): [T, (next: T) => void];
+//# sourceMappingURL=useControllableState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.d.ts","sourceRoot":"","sources":["../../src/hooks/useControllableState.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACtB,YAAY,EAAE,CAAC,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,4FAA4F;AAC5F,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,KAAK,EACL,YAAY,EACZ,QAAQ,GACT,EAAE,wBAAwB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,CActD"}

package/dist/hooks/useControllableState.js

@@ -0,0 +1,15 @@
+import { useCallback, useState } from "react";
+//#region src/hooks/useControllableState.ts
+/** State that can be controlled (`value` + `onChange`) or uncontrolled (`defaultValue`). */
+function useControllableState({ value, defaultValue, onChange }) {
+	const [internal, setInternal] = useState(defaultValue);
+	const controlled = value !== void 0;
+	return [controlled ? value : internal, useCallback((next) => {
+		if (!controlled) setInternal(next);
+		onChange?.(next);
+	}, [controlled, onChange])];
+}
+//#endregion
+export { useControllableState };
+
+//# sourceMappingURL=useControllableState.js.map

package/dist/hooks/useControllableState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.js","names":[],"sources":["../../src/hooks/useControllableState.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport interface ControllableStateOptions<T> {\n  value?: T | undefined;\n  defaultValue: T;\n  onChange?: ((value: T) => void) | undefined;\n}\n\n/** State that can be controlled (`value` + `onChange`) or uncontrolled (`defaultValue`). */\nexport function useControllableState<T>({\n  value,\n  defaultValue,\n  onChange,\n}: ControllableStateOptions<T>): [T, (next: T) => void] {\n  const [internal, setInternal] = useState<T>(defaultValue);\n  const controlled = value !== undefined;\n  const current = controlled ? value : internal;\n\n  const setValue = useCallback(\n    (next: T) => {\n      if (!controlled) setInternal(next);\n      onChange?.(next);\n    },\n    [controlled, onChange],\n  );\n\n  return [current, setValue];\n}\n"],"mappings":";;;AASA,SAAgB,qBAAwB,EACtC,OACA,cACA,YACsD;CACtD,MAAM,CAAC,UAAU,eAAe,SAAY,YAAY;CACxD,MAAM,aAAa,UAAU,KAAA;CAW7B,OAAO,CAVS,aAAa,QAAQ,UAEpB,aACd,SAAY;EACX,IAAI,CAAC,YAAY,YAAY,IAAI;EACjC,WAAW,IAAI;CACjB,GACA,CAAC,YAAY,QAAQ,CAGN,CAAQ;AAC3B"}

package/dist/hooks/useDigitHotkeys.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Calls `onDigit(index)` when the user presses `1`…`count` (max 9) anywhere on
+ * the page, ignoring key presses inside text fields or with modifier keys.
+ */
+export declare function useDigitHotkeys(enabled: boolean, count: number, onDigit: (index: number) => void): void;
+//# sourceMappingURL=useDigitHotkeys.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDigitHotkeys.d.ts","sourceRoot":"","sources":["../../src/hooks/useDigitHotkeys.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAC/B,IAAI,CAmBN"}

package/dist/hooks/useDigitHotkeys.js

@@ -0,0 +1,30 @@
+import { isTypingTarget } from "../utils/dom.js";
+import { useEffect, useRef } from "react";
+//#region src/hooks/useDigitHotkeys.ts
+/**
+* Calls `onDigit(index)` when the user presses `1`…`count` (max 9) anywhere on
+* the page, ignoring key presses inside text fields or with modifier keys.
+*/
+function useDigitHotkeys(enabled, count, onDigit) {
+	const handler = useRef(onDigit);
+	useEffect(() => {
+		handler.current = onDigit;
+	});
+	useEffect(() => {
+		if (!enabled) return void 0;
+		const onKeyDown = (event) => {
+			if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey) return;
+			if (isTypingTarget(event.target)) return;
+			if (!/^[1-9]$/.test(event.key)) return;
+			const index = Number(event.key) - 1;
+			if (index >= Math.min(count, 9)) return;
+			handler.current(index);
+		};
+		document.addEventListener("keydown", onKeyDown);
+		return () => document.removeEventListener("keydown", onKeyDown);
+	}, [enabled, count]);
+}
+//#endregion
+export { useDigitHotkeys };
+
+//# sourceMappingURL=useDigitHotkeys.js.map

package/dist/hooks/useDigitHotkeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDigitHotkeys.js","names":[],"sources":["../../src/hooks/useDigitHotkeys.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { isTypingTarget } from \"../utils/dom\";\n\n/**\n * Calls `onDigit(index)` when the user presses `1`…`count` (max 9) anywhere on\n * the page, ignoring key presses inside text fields or with modifier keys.\n */\nexport function useDigitHotkeys(\n  enabled: boolean,\n  count: number,\n  onDigit: (index: number) => void,\n): void {\n  const handler = useRef(onDigit);\n  useEffect(() => {\n    handler.current = onDigit;\n  });\n\n  useEffect(() => {\n    if (!enabled) return undefined;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey) return;\n      if (isTypingTarget(event.target)) return;\n      if (!/^[1-9]$/.test(event.key)) return;\n      const index = Number(event.key) - 1;\n      if (index >= Math.min(count, 9)) return;\n      handler.current(index);\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [enabled, count]);\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,gBACd,SACA,OACA,SACM;CACN,MAAM,UAAU,OAAO,OAAO;CAC9B,gBAAgB;EACd,QAAQ,UAAU;CACpB,CAAC;CAED,gBAAgB;EACd,IAAI,CAAC,SAAS,OAAO,KAAA;EACrB,MAAM,aAAa,UAAyB;GAC1C,IAAI,MAAM,oBAAoB,MAAM,WAAW,MAAM,WAAW,MAAM,QAAQ;GAC9E,IAAI,eAAe,MAAM,MAAM,GAAG;GAClC,IAAI,CAAC,UAAU,KAAK,MAAM,GAAG,GAAG;GAChC,MAAM,QAAQ,OAAO,MAAM,GAAG,IAAI;GAClC,IAAI,SAAS,KAAK,IAAI,OAAO,CAAC,GAAG;GACjC,QAAQ,QAAQ,KAAK;EACvB;EACA,SAAS,iBAAiB,WAAW,SAAS;EAC9C,aAAa,SAAS,oBAAoB,WAAW,SAAS;CAChE,GAAG,CAAC,SAAS,KAAK,CAAC;AACrB"}

package/dist/hooks/useFocusTrap.d.ts

@@ -0,0 +1,13 @@
+import { type RefObject } from "react";
+export interface FocusTrapOptions {
+    /** Element to focus first. Defaults to the first focusable descendant. */
+    initialFocus?: RefObject<HTMLElement | null> | undefined;
+    /** Return focus to the previously focused element on deactivate. @default true */
+    restoreFocus?: boolean | undefined;
+}
+/**
+ * Keeps keyboard focus inside `containerRef` while `active`, and restores the
+ * previously focused element when deactivated (PRD §45).
+ */
+export declare function useFocusTrap(containerRef: RefObject<HTMLElement | null>, active: boolean, { initialFocus, restoreFocus }?: FocusTrapOptions): void;
+//# sourceMappingURL=useFocusTrap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,WAAW,gBAAgB;IAC/B,0EAA0E;IAC1E,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACzD,kFAAkF;IAClF,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC3C,MAAM,EAAE,OAAO,EACf,EAAE,YAAY,EAAE,YAAmB,EAAE,GAAE,gBAAqB,GAC3D,IAAI,CA+CN"}

package/dist/hooks/useFocusTrap.js

@@ -0,0 +1,53 @@
+import { getFocusable } from "../utils/dom.js";
+import { useEffect } from "react";
+//#region src/hooks/useFocusTrap.ts
+/**
+* Keeps keyboard focus inside `containerRef` while `active`, and restores the
+* previously focused element when deactivated (PRD §45).
+*/
+function useFocusTrap(containerRef, active, { initialFocus, restoreFocus = true } = {}) {
+	useEffect(() => {
+		const container = containerRef.current;
+		if (!active || !container) return void 0;
+		const previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+		(initialFocus?.current ?? getFocusable(container)[0] ?? container).focus({ preventScroll: true });
+		const onKeyDown = (event) => {
+			if (event.key !== "Tab") return;
+			const focusable = getFocusable(container);
+			if (focusable.length === 0) {
+				event.preventDefault();
+				container.focus();
+				return;
+			}
+			const first = focusable[0];
+			const last = focusable[focusable.length - 1];
+			const current = document.activeElement;
+			if (event.shiftKey && (current === first || !container.contains(current))) {
+				event.preventDefault();
+				last?.focus();
+			} else if (!event.shiftKey && (current === last || !container.contains(current))) {
+				event.preventDefault();
+				first?.focus();
+			}
+		};
+		const onFocusIn = (event) => {
+			if (event.target instanceof Node && !container.contains(event.target)) (getFocusable(container)[0] ?? container).focus({ preventScroll: true });
+		};
+		document.addEventListener("keydown", onKeyDown, true);
+		document.addEventListener("focusin", onFocusIn);
+		return () => {
+			document.removeEventListener("keydown", onKeyDown, true);
+			document.removeEventListener("focusin", onFocusIn);
+			if (restoreFocus && previouslyFocused?.isConnected) previouslyFocused.focus({ preventScroll: true });
+		};
+	}, [
+		active,
+		containerRef,
+		initialFocus,
+		restoreFocus
+	]);
+}
+//#endregion
+export { useFocusTrap };
+
+//# sourceMappingURL=useFocusTrap.js.map

package/dist/hooks/useFocusTrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusTrap.js","names":[],"sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect, type RefObject } from \"react\";\nimport { getFocusable } from \"../utils/dom\";\n\nexport interface FocusTrapOptions {\n  /** Element to focus first. Defaults to the first focusable descendant. */\n  initialFocus?: RefObject<HTMLElement | null> | undefined;\n  /** Return focus to the previously focused element on deactivate. @default true */\n  restoreFocus?: boolean | undefined;\n}\n\n/**\n * Keeps keyboard focus inside `containerRef` while `active`, and restores the\n * previously focused element when deactivated (PRD §45).\n */\nexport function useFocusTrap(\n  containerRef: RefObject<HTMLElement | null>,\n  active: boolean,\n  { initialFocus, restoreFocus = true }: FocusTrapOptions = {},\n): void {\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!active || !container) return undefined;\n\n    const previouslyFocused =\n      document.activeElement instanceof HTMLElement ? document.activeElement : null;\n\n    const target = initialFocus?.current ?? getFocusable(container)[0] ?? container;\n    target.focus({ preventScroll: true });\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Tab\") return;\n      const focusable = getFocusable(container);\n      if (focusable.length === 0) {\n        event.preventDefault();\n        container.focus();\n        return;\n      }\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n      const current = document.activeElement;\n      if (event.shiftKey && (current === first || !container.contains(current))) {\n        event.preventDefault();\n        last?.focus();\n      } else if (!event.shiftKey && (current === last || !container.contains(current))) {\n        event.preventDefault();\n        first?.focus();\n      }\n    };\n\n    const onFocusIn = (event: FocusEvent) => {\n      if (event.target instanceof Node && !container.contains(event.target)) {\n        (getFocusable(container)[0] ?? container).focus({ preventScroll: true });\n      }\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown, true);\n    document.addEventListener(\"focusin\", onFocusIn);\n    return () => {\n      document.removeEventListener(\"keydown\", onKeyDown, true);\n      document.removeEventListener(\"focusin\", onFocusIn);\n      if (restoreFocus && previouslyFocused?.isConnected) {\n        previouslyFocused.focus({ preventScroll: true });\n      }\n    };\n  }, [active, containerRef, initialFocus, restoreFocus]);\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,aACd,cACA,QACA,EAAE,cAAc,eAAe,SAA2B,CAAC,GACrD;CACN,gBAAgB;EACd,MAAM,YAAY,aAAa;EAC/B,IAAI,CAAC,UAAU,CAAC,WAAW,OAAO,KAAA;EAElC,MAAM,oBACJ,SAAS,yBAAyB,cAAc,SAAS,gBAAgB;EAG3E,CADe,cAAc,WAAW,aAAa,SAAS,CAAC,CAAC,MAAM,UAAA,CAC/D,MAAM,EAAE,eAAe,KAAK,CAAC;EAEpC,MAAM,aAAa,UAAyB;GAC1C,IAAI,MAAM,QAAQ,OAAO;GACzB,MAAM,YAAY,aAAa,SAAS;GACxC,IAAI,UAAU,WAAW,GAAG;IAC1B,MAAM,eAAe;IACrB,UAAU,MAAM;IAChB;GACF;GACA,MAAM,QAAQ,UAAU;GACxB,MAAM,OAAO,UAAU,UAAU,SAAS;GAC1C,MAAM,UAAU,SAAS;GACzB,IAAI,MAAM,aAAa,YAAY,SAAS,CAAC,UAAU,SAAS,OAAO,IAAI;IACzE,MAAM,eAAe;IACrB,MAAM,MAAM;GACd,OAAO,IAAI,CAAC,MAAM,aAAa,YAAY,QAAQ,CAAC,UAAU,SAAS,OAAO,IAAI;IAChF,MAAM,eAAe;IACrB,OAAO,MAAM;GACf;EACF;EAEA,MAAM,aAAa,UAAsB;GACvC,IAAI,MAAM,kBAAkB,QAAQ,CAAC,UAAU,SAAS,MAAM,MAAM,GAClE,CAAC,aAAa,SAAS,CAAC,CAAC,MAAM,UAAA,CAAW,MAAM,EAAE,eAAe,KAAK,CAAC;EAE3E;EAEA,SAAS,iBAAiB,WAAW,WAAW,IAAI;EACpD,SAAS,iBAAiB,WAAW,SAAS;EAC9C,aAAa;GACX,SAAS,oBAAoB,WAAW,WAAW,IAAI;GACvD,SAAS,oBAAoB,WAAW,SAAS;GACjD,IAAI,gBAAgB,mBAAmB,aACrC,kBAAkB,MAAM,EAAE,eAAe,KAAK,CAAC;EAEnD;CACF,GAAG;EAAC;EAAQ;EAAc;EAAc;CAAY,CAAC;AACvD"}

package/dist/hooks/useMediaQuery.d.ts

@@ -0,0 +1,3 @@
+/** Subscribes to a CSS media query. Returns `false` during SSR. */
+export declare function useMediaQuery(query: string): boolean;
+//# sourceMappingURL=useMediaQuery.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAEA,mEAAmE;AACnE,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAgBpD"}

package/dist/hooks/useMediaQuery.js

@@ -0,0 +1,16 @@
+import { useCallback, useSyncExternalStore } from "react";
+//#region src/hooks/useMediaQuery.ts
+/** Subscribes to a CSS media query. Returns `false` during SSR. */
+function useMediaQuery(query) {
+	const subscribe = useCallback((notify) => {
+		if (typeof window === "undefined" || !window.matchMedia) return () => void 0;
+		const list = window.matchMedia(query);
+		list.addEventListener("change", notify);
+		return () => list.removeEventListener("change", notify);
+	}, [query]);
+	return useSyncExternalStore(subscribe, () => typeof window !== "undefined" && window.matchMedia ? window.matchMedia(query).matches : false, () => false);
+}
+//#endregion
+export { useMediaQuery };
+
+//# sourceMappingURL=useMediaQuery.js.map

package/dist/hooks/useMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.js","names":[],"sources":["../../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from \"react\";\n\n/** Subscribes to a CSS media query. Returns `false` during SSR. */\nexport function useMediaQuery(query: string): boolean {\n  const subscribe = useCallback(\n    (notify: () => void) => {\n      if (typeof window === \"undefined\" || !window.matchMedia) return () => undefined;\n      const list = window.matchMedia(query);\n      list.addEventListener(\"change\", notify);\n      return () => list.removeEventListener(\"change\", notify);\n    },\n    [query],\n  );\n  return useSyncExternalStore(\n    subscribe,\n    () =>\n      typeof window !== \"undefined\" && window.matchMedia ? window.matchMedia(query).matches : false,\n    () => false,\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,cAAc,OAAwB;CACpD,MAAM,YAAY,aACf,WAAuB;EACtB,IAAI,OAAO,WAAW,eAAe,CAAC,OAAO,YAAY,aAAa,KAAA;EACtE,MAAM,OAAO,OAAO,WAAW,KAAK;EACpC,KAAK,iBAAiB,UAAU,MAAM;EACtC,aAAa,KAAK,oBAAoB,UAAU,MAAM;CACxD,GACA,CAAC,KAAK,CACR;CACA,OAAO,qBACL,iBAEE,OAAO,WAAW,eAAe,OAAO,aAAa,OAAO,WAAW,KAAK,CAAC,CAAC,UAAU,aACpF,KACR;AACF"}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+import "./styles/index.css";
+export * from "./provider";
+export * from "./components/actions";
+export * from "./components/forms";
+export * from "./components/inventory";
+export * from "./components/crafting";
+export * from "./components/hud";
+export * from "./components/cards";
+export * from "./components/display";
+export * from "./components/navigation";
+export * from "./components/layout";
+export * from "./components/feedback";
+export * from "./hooks";
+export { cx, clamp, formatNumber, ratio } from "./utils";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,78 @@
+/* empty css             */
+import { cx } from "./utils/cx.js";
+import { useBlockUI, usePortalContainer } from "./provider/context.js";
+import { BlockAlert } from "./components/feedback/Alert/BlockAlert.js";
+import { DEFAULT_TOAST_DURATION, toast } from "./components/feedback/Toast/store.js";
+import { useToasts } from "./components/feedback/Toast/useToasts.js";
+import { BlockToaster } from "./components/feedback/Toast/Toast.js";
+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";
+import { BlockCheckbox } from "./components/forms/BlockCheckbox/BlockCheckbox.js";
+import { useControllableState } from "./hooks/useControllableState.js";
+import { BlockRadio, BlockRadioGroup } from "./components/forms/BlockRadio/BlockRadio.js";
+import { BlockToggle } from "./components/forms/BlockToggle/BlockToggle.js";
+import { clamp, formatNumber, ratio } from "./utils/number.js";
+import { BlockSlider } from "./components/forms/BlockSlider/BlockSlider.js";
+import { durabilityLevel } from "./components/inventory/DurabilityBar/DurabilityBar.utils.js";
+import { DurabilityBar } from "./components/inventory/DurabilityBar/DurabilityBar.js";
+import { describeItemStack } from "./components/inventory/ItemStack/ItemStack.utils.js";
+import { ItemStack } from "./components/inventory/ItemStack/ItemStack.js";
+import { itemRarities } from "./components/inventory/ItemTooltip/ItemTooltip.types.js";
+import { normalizeRarity } from "./components/inventory/ItemTooltip/ItemTooltip.utils.js";
+import { ItemTooltip } from "./components/inventory/ItemTooltip/ItemTooltip.js";
+import { InventorySlot } from "./components/inventory/InventorySlot/InventorySlot.js";
+import { InventoryGrid } from "./components/inventory/InventoryGrid/InventoryGrid.js";
+import { useDigitHotkeys } from "./hooks/useDigitHotkeys.js";
+import { Hotbar } from "./components/inventory/Hotbar/Hotbar.js";
+import { BlockPanel } from "./components/layout/BlockPanel/BlockPanel.js";
+import { Inventory, InventorySection } from "./components/inventory/Inventory/Inventory.js";
+import { CraftingSlot } from "./components/crafting/CraftingSlot/CraftingSlot.js";
+import { CraftingGrid } from "./components/crafting/CraftingGrid/CraftingGrid.js";
+import { CraftingResult } from "./components/crafting/CraftingResult/CraftingResult.js";
+import { CraftingTable } from "./components/crafting/CraftingTable/CraftingTable.js";
+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 { 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 { BlockCard } from "./components/cards/BlockCard/BlockCard.js";
+import { cardMaterials } from "./components/cards/BlockCard/BlockCard.types.js";
+import { BlockProgress } from "./components/feedback/Progress/BlockProgress.js";
+import { QuestCard } from "./components/cards/QuestCard/QuestCard.js";
+import { AchievementCard } from "./components/cards/AchievementCard/AchievementCard.js";
+import { BlockBadge } from "./components/display/BlockBadge/BlockBadge.js";
+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 { 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 { 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, BlockDivider, BlockInput, BlockLoading, BlockMenu, BlockModal, BlockPagination, BlockPanel, BlockProgress, BlockRadio, BlockRadioGroup, BlockSelect, BlockSidebar, BlockSlider, BlockStack, BlockTable, BlockTabs, BlockTextarea, BlockToaster, BlockToggle, BlockTooltip, 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, dividerVariants, durabilityLevel, formatNumber, furnaceStates, getFurnaceState, getPaginationRange, itemRarities, normalizeRarity, pingQuality, progressVariants, ratio, stackGaps, toast, tooltipPlacements, useBlockUI, useControllableState, useDigitHotkeys, useFocusTrap, useMediaQuery, usePortalContainer, useToasts };

package/dist/provider/BlockUIProvider.d.ts

@@ -0,0 +1,13 @@
+import type { BlockUIProviderProps } from "./BlockUIProvider.types";
+/**
+ * Applies a Block UI theme (`data-theme`) to its subtree and hosts the overlay
+ * layer that modals and toasts portal into.
+ *
+ * ```tsx
+ * <BlockUIProvider theme="deepslate">
+ *   <App />
+ * </BlockUIProvider>
+ * ```
+ */
+export declare const BlockUIProvider: import("react").ForwardRefExoticComponent<BlockUIProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BlockUIProvider.d.ts.map

package/dist/provider/BlockUIProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockUIProvider.d.ts","sourceRoot":"","sources":["../../src/provider/BlockUIProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAuB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEzF;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,iHAqB3B,CAAC"}

package/dist/provider/BlockUIProvider.js

@@ -0,0 +1,44 @@
+import { cx } from "../utils/cx.js";
+import { BlockUIContext } from "./context.js";
+import { BlockToaster } from "../components/feedback/Toast/Toast.js";
+import { forwardRef, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/provider/BlockUIProvider.tsx
+/**
+* Applies a Block UI theme (`data-theme`) to its subtree and hosts the overlay
+* layer that modals and toasts portal into.
+*
+* ```tsx
+* <BlockUIProvider theme="deepslate">
+*   <App />
+* </BlockUIProvider>
+* ```
+*/
+var BlockUIProvider = forwardRef(function BlockUIProvider({ theme = "grassland", toaster = true, className, children, ...rest }, ref) {
+	const [portalContainer, setPortalContainer] = useState(null);
+	const value = useMemo(() => ({
+		theme,
+		portalContainer
+	}), [theme, portalContainer]);
+	return /* @__PURE__ */ jsx(BlockUIContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsxs("div", {
+			ref,
+			"data-theme": theme,
+			className: cx("block-ui-root", className),
+			...rest,
+			children: [
+				children,
+				/* @__PURE__ */ jsx("div", {
+					ref: setPortalContainer,
+					"data-block-portal": ""
+				}),
+				toaster ? /* @__PURE__ */ jsx(BlockToaster, {}) : null
+			]
+		})
+	});
+});
+//#endregion
+export { BlockUIProvider };
+
+//# sourceMappingURL=BlockUIProvider.js.map

package/dist/provider/BlockUIProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockUIProvider.js","names":[],"sources":["../../src/provider/BlockUIProvider.tsx"],"sourcesContent":["import { forwardRef, useMemo, useState } from \"react\";\nimport { cx } from \"../utils/cx\";\nimport { BlockToaster } from \"../components/feedback/Toast/Toast\";\nimport { BlockUIContext } from \"./context\";\nimport type { BlockUIContextValue, BlockUIProviderProps } from \"./BlockUIProvider.types\";\n\n/**\n * Applies a Block UI theme (`data-theme`) to its subtree and hosts the overlay\n * layer that modals and toasts portal into.\n *\n * ```tsx\n * <BlockUIProvider theme=\"deepslate\">\n *   <App />\n * </BlockUIProvider>\n * ```\n */\nexport const BlockUIProvider = forwardRef<HTMLDivElement, BlockUIProviderProps>(\n  function BlockUIProvider(\n    { theme = \"grassland\", toaster = true, className, children, ...rest },\n    ref,\n  ) {\n    const [portalContainer, setPortalContainer] = useState<HTMLDivElement | null>(null);\n    const value = useMemo<BlockUIContextValue>(\n      () => ({ theme, portalContainer }),\n      [theme, portalContainer],\n    );\n\n    return (\n      <BlockUIContext.Provider value={value}>\n        <div ref={ref} data-theme={theme} className={cx(\"block-ui-root\", className)} {...rest}>\n          {children}\n          <div ref={setPortalContainer} data-block-portal=\"\" />\n          {toaster ? <BlockToaster /> : null}\n        </div>\n      </BlockUIContext.Provider>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAa,kBAAkB,WAC7B,SAAS,gBACP,EAAE,QAAQ,aAAa,UAAU,MAAM,WAAW,UAAU,GAAG,QAC/D,KACA;CACA,MAAM,CAAC,iBAAiB,sBAAsB,SAAgC,IAAI;CAClF,MAAM,QAAQ,eACL;EAAE;EAAO;CAAgB,IAChC,CAAC,OAAO,eAAe,CACzB;CAEA,OACE,oBAAC,eAAe,UAAhB;EAAgC;EAC9B,UAAA,qBAAC,OAAD;GAAU;GAAK,cAAY;GAAO,WAAW,GAAG,iBAAiB,SAAS;GAAG,GAAI;GAAjF,UAAA;IACG;IACD,oBAAC,OAAD;KAAK,KAAK;KAAoB,qBAAkB;IAAI,CAAA;IACnD,UAAU,oBAAC,cAAD,CAAe,CAAA,IAAI;GAC3B;;CACkB,CAAA;AAE7B,CACF"}

package/dist/provider/BlockUIProvider.types.d.ts

@@ -0,0 +1,15 @@
+import type { BlockThemeName } from "@malilion/block-ui-themes";
+import type { HTMLAttributes, ReactNode } from "react";
+export interface BlockUIProviderProps extends HTMLAttributes<HTMLDivElement> {
+    /** Theme applied through `data-theme`. @default "grassland" */
+    theme?: BlockThemeName;
+    /** Render the toast region used by `toast.*()`. @default true */
+    toaster?: boolean;
+    children?: ReactNode;
+}
+export interface BlockUIContextValue {
+    theme: BlockThemeName;
+    /** Element portals (modals, toasts) render into, so they inherit the theme. */
+    portalContainer: HTMLElement | null;
+}
+//# sourceMappingURL=BlockUIProvider.types.d.ts.map

package/dist/provider/BlockUIProvider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockUIProvider.types.d.ts","sourceRoot":"","sources":["../../src/provider/BlockUIProvider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E,+DAA+D;IAC/D,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,CAAC;IACtB,+EAA+E;IAC/E,eAAe,EAAE,WAAW,GAAG,IAAI,CAAC;CACrC"}

package/dist/provider/context.d.ts

@@ -0,0 +1,10 @@
+import type { BlockUIContextValue } from "./BlockUIProvider.types";
+export declare const BlockUIContext: import("react").Context<BlockUIContextValue | null>;
+/** Current Block UI theme and portal container (null outside a provider). */
+export declare function useBlockUI(): BlockUIContextValue | null;
+/**
+ * Where overlays should portal to: the provider's layer (null until it has
+ * mounted), or `document.body` outside a provider.
+ */
+export declare function usePortalContainer(): HTMLElement | null;
+//# sourceMappingURL=context.d.ts.map

package/dist/provider/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/provider/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,eAAO,MAAM,cAAc,qDAAkD,CAAC;AAE9E,6EAA6E;AAC7E,wBAAgB,UAAU,IAAI,mBAAmB,GAAG,IAAI,CAEvD;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,WAAW,GAAG,IAAI,CAIvD"}

package/dist/provider/context.js

@@ -0,0 +1,20 @@
+import { createContext, useContext } from "react";
+//#region src/provider/context.ts
+var BlockUIContext = createContext(null);
+/** Current Block UI theme and portal container (null outside a provider). */
+function useBlockUI() {
+	return useContext(BlockUIContext);
+}
+/**
+* Where overlays should portal to: the provider's layer (null until it has
+* mounted), or `document.body` outside a provider.
+*/
+function usePortalContainer() {
+	const context = useContext(BlockUIContext);
+	if (context) return context.portalContainer;
+	return typeof document === "undefined" ? null : document.body;
+}
+//#endregion
+export { BlockUIContext, useBlockUI, usePortalContainer };
+
+//# sourceMappingURL=context.js.map

package/dist/provider/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/provider/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { BlockUIContextValue } from \"./BlockUIProvider.types\";\n\nexport const BlockUIContext = createContext<BlockUIContextValue | null>(null);\n\n/** Current Block UI theme and portal container (null outside a provider). */\nexport function useBlockUI(): BlockUIContextValue | null {\n  return useContext(BlockUIContext);\n}\n\n/**\n * Where overlays should portal to: the provider's layer (null until it has\n * mounted), or `document.body` outside a provider.\n */\nexport function usePortalContainer(): HTMLElement | null {\n  const context = useContext(BlockUIContext);\n  if (context) return context.portalContainer;\n  return typeof document === \"undefined\" ? null : document.body;\n}\n"],"mappings":";;AAGA,IAAa,iBAAiB,cAA0C,IAAI;;AAG5E,SAAgB,aAAyC;CACvD,OAAO,WAAW,cAAc;AAClC;;;;;AAMA,SAAgB,qBAAyC;CACvD,MAAM,UAAU,WAAW,cAAc;CACzC,IAAI,SAAS,OAAO,QAAQ;CAC5B,OAAO,OAAO,aAAa,cAAc,OAAO,SAAS;AAC3D"}

package/dist/provider/index.d.ts

@@ -0,0 +1,4 @@
+export { BlockUIProvider } from "./BlockUIProvider";
+export { useBlockUI, usePortalContainer } from "./context";
+export type { BlockUIContextValue, BlockUIProviderProps } from "./BlockUIProvider.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/provider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC3D,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC"}