@malilion/block-ui-react 0.1.0 → 0.3.0

package/dist/components/crafting/BrewingStand/BrewingStand.types.d.ts

@@ -0,0 +1,22 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export declare const brewingStates: readonly ["idle", "brewing", "complete", "noFuel"];
+export type BrewingState = (typeof brewingStates)[number];
+export interface BrewingStandProps extends HTMLAttributes<HTMLDivElement> {
+    /** Ingredient on top (e.g. nether wart). */
+    ingredient?: ReactNode;
+    /** Fuel slot (blaze powder). */
+    fuel?: ReactNode;
+    /** Up to three bottles, left to right. */
+    bottles?: [ReactNode?, ReactNode?, ReactNode?];
+    /** Brewing progress 0–100. @default 0 */
+    progress?: number;
+    /** Remaining fuel 0–100. @default 0 */
+    fuelLevel?: number;
+    /** Override the derived state. */
+    state?: BrewingState;
+    /** Override status texts. */
+    statusLabels?: Partial<Record<BrewingState, string>>;
+    /** Accessible name. @default "Brewing stand" */
+    label?: string;
+}
+//# sourceMappingURL=BrewingStand.types.d.ts.map

package/dist/components/crafting/BrewingStand/BrewingStand.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrewingStand.types.d.ts","sourceRoot":"","sources":["../../../../src/components/crafting/BrewingStand/BrewingStand.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,aAAa,oDAAqD,CAAC;AAEhF,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,4CAA4C;IAC5C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gCAAgC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;IAC/C,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/crafting/BrewingStand/BrewingStand.types.js

@@ -0,0 +1,11 @@
+//#region src/components/crafting/BrewingStand/BrewingStand.types.ts
+var brewingStates = [
+	"idle",
+	"brewing",
+	"complete",
+	"noFuel"
+];
+//#endregion
+export { brewingStates };
+
+//# sourceMappingURL=BrewingStand.types.js.map

package/dist/components/crafting/BrewingStand/BrewingStand.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrewingStand.types.js","names":[],"sources":["../../../../src/components/crafting/BrewingStand/BrewingStand.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport const brewingStates = [\"idle\", \"brewing\", \"complete\", \"noFuel\"] as const;\n\nexport type BrewingState = (typeof brewingStates)[number];\n\nexport interface BrewingStandProps extends HTMLAttributes<HTMLDivElement> {\n  /** Ingredient on top (e.g. nether wart). */\n  ingredient?: ReactNode;\n  /** Fuel slot (blaze powder). */\n  fuel?: ReactNode;\n  /** Up to three bottles, left to right. */\n  bottles?: [ReactNode?, ReactNode?, ReactNode?];\n  /** Brewing progress 0–100. @default 0 */\n  progress?: number;\n  /** Remaining fuel 0–100. @default 0 */\n  fuelLevel?: number;\n  /** Override the derived state. */\n  state?: BrewingState;\n  /** Override status texts. */\n  statusLabels?: Partial<Record<BrewingState, string>>;\n  /** Accessible name. @default \"Brewing stand\" */\n  label?: string;\n}\n"],"mappings":";AAEA,IAAa,gBAAgB;CAAC;CAAQ;CAAW;CAAY;AAAQ"}

package/dist/components/crafting/BrewingStand/BrewingStand.utils.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+import type { BrewingStandProps, BrewingState } from "./BrewingStand.types";
+export declare const isFilled: (node: ReactNode) => node is string | number | bigint | true | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined>;
+/** Derives the brewing state from progress, fuel and slots. */
+export declare function getBrewingState({ ingredient, bottles, progress, fuelLevel, }: Pick<BrewingStandProps, "ingredient" | "bottles" | "progress" | "fuelLevel">): BrewingState;
+//# sourceMappingURL=BrewingStand.utils.d.ts.map

package/dist/components/crafting/BrewingStand/BrewingStand.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrewingStand.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/crafting/BrewingStand/BrewingStand.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE5E,eAAO,MAAM,QAAQ,GAAI,MAAM,SAAS,+YAA0D,CAAC;AAEnG,+DAA+D;AAC/D,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,OAAY,EACZ,QAAY,EACZ,SAAa,GACd,EAAE,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC,GAAG,YAAY,CAM7F"}

package/dist/components/crafting/BrewingStand/BrewingStand.utils.js

@@ -0,0 +1,13 @@
+//#region src/components/crafting/BrewingStand/BrewingStand.utils.ts
+var isFilled = (node) => node !== void 0 && node !== null && node !== false;
+/** Derives the brewing state from progress, fuel and slots. */
+function getBrewingState({ ingredient, bottles = [], progress = 0, fuelLevel = 0 }) {
+	if (progress >= 100) return "complete";
+	if (isFilled(ingredient) && bottles.some(isFilled) && fuelLevel <= 0) return "noFuel";
+	if (progress > 0) return "brewing";
+	return "idle";
+}
+//#endregion
+export { getBrewingState, isFilled };
+
+//# sourceMappingURL=BrewingStand.utils.js.map

package/dist/components/crafting/BrewingStand/BrewingStand.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrewingStand.utils.js","names":[],"sources":["../../../../src/components/crafting/BrewingStand/BrewingStand.utils.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { BrewingStandProps, BrewingState } from \"./BrewingStand.types\";\n\nexport const isFilled = (node: ReactNode) => node !== undefined && node !== null && node !== false;\n\n/** Derives the brewing state from progress, fuel and slots. */\nexport function getBrewingState({\n  ingredient,\n  bottles = [],\n  progress = 0,\n  fuelLevel = 0,\n}: Pick<BrewingStandProps, \"ingredient\" | \"bottles\" | \"progress\" | \"fuelLevel\">): BrewingState {\n  if (progress >= 100) return \"complete\";\n  const ready = isFilled(ingredient) && bottles.some(isFilled);\n  if (ready && fuelLevel <= 0) return \"noFuel\";\n  if (progress > 0) return \"brewing\";\n  return \"idle\";\n}\n"],"mappings":";AAGA,IAAa,YAAY,SAAoB,SAAS,KAAA,KAAa,SAAS,QAAQ,SAAS;;AAG7F,SAAgB,gBAAgB,EAC9B,YACA,UAAU,CAAC,GACX,WAAW,GACX,YAAY,KACiF;CAC7F,IAAI,YAAY,KAAK,OAAO;CAE5B,IADc,SAAS,UAAU,KAAK,QAAQ,KAAK,QAAQ,KAC9C,aAAa,GAAG,OAAO;CACpC,IAAI,WAAW,GAAG,OAAO;CACzB,OAAO;AACT"}

package/dist/components/crafting/BrewingStand/index.d.ts

@@ -0,0 +1,5 @@
+export { BrewingStand } from "./BrewingStand";
+export { brewingStates } from "./BrewingStand.types";
+export { getBrewingState } from "./BrewingStand.utils";
+export type { BrewingStandProps, BrewingState } from "./BrewingStand.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/crafting/BrewingStand/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/crafting/BrewingStand/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/crafting/EnchantingTable/EnchantingTable.d.ts

@@ -0,0 +1,7 @@
+import type { EnchantingTableProps } from "./EnchantingTable.types";
+/**
+ * Enchanting table: item and lapis slots beside three enchantment offers.
+ * Offers the player cannot afford stay visible but disabled, with the reason.
+ */
+export declare const EnchantingTable: import("react").ForwardRefExoticComponent<EnchantingTableProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=EnchantingTable.d.ts.map

package/dist/components/crafting/EnchantingTable/EnchantingTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnchantingTable.d.ts","sourceRoot":"","sources":["../../../../src/components/crafting/EnchantingTable/EnchantingTable.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AASpE;;;GAGG;AACH,eAAO,MAAM,eAAe,iHAyF3B,CAAC"}

package/dist/components/crafting/EnchantingTable/EnchantingTable.js

@@ -0,0 +1,105 @@
+import { cx } from "../../../utils/cx.js";
+import { InventorySlot } from "../../inventory/InventorySlot/InventorySlot.js";
+import EnchantingTable_module_default from "./EnchantingTable.module.js";
+import { enchantBlocker, hasContent } from "./EnchantingTable.utils.js";
+import { forwardRef } from "react";
+import { BookIcon, LapisIcon } from "@malilion/block-ui-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/crafting/EnchantingTable/EnchantingTable.tsx
+var BLOCKER_TEXT = {
+	level: "Not enough levels",
+	lapis: "Not enough lapis",
+	disabled: "Unavailable"
+};
+/**
+* Enchanting table: item and lapis slots beside three enchantment offers.
+* Offers the player cannot afford stay visible but disabled, with the reason.
+*/
+var EnchantingTable = forwardRef(function EnchantingTable({ item, lapis, lapisCount, playerLevel, options = [], onEnchant, label = "Enchanting table", className, ...rest }, ref) {
+	const hasItem = hasContent(item);
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: "group",
+		"aria-label": label,
+		className: cx(EnchantingTable_module_default.table, className),
+		...rest,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: EnchantingTable_module_default.inputs,
+			children: [/* @__PURE__ */ jsx("span", {
+				className: EnchantingTable_module_default.book,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx(BookIcon, { size: 32 })
+			}), /* @__PURE__ */ jsxs("div", {
+				className: EnchantingTable_module_default.slots,
+				children: [/* @__PURE__ */ jsx(InventorySlot, {
+					size: "lg",
+					label: hasItem ? void 0 : "Item: empty",
+					children: item
+				}), /* @__PURE__ */ jsx(InventorySlot, {
+					size: "lg",
+					label: hasContent(lapis) ? void 0 : "Lapis: empty",
+					className: EnchantingTable_module_default.lapisSlot,
+					children: lapis ?? /* @__PURE__ */ jsx("span", {
+						className: EnchantingTable_module_default.ghost,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ jsx(LapisIcon, { size: 32 })
+					})
+				})]
+			})]
+		}), /* @__PURE__ */ jsx("ul", {
+			className: EnchantingTable_module_default.options,
+			"aria-label": "Enchantments",
+			children: options.slice(0, 3).map((option) => {
+				const blocker = enchantBlocker(option, {
+					hasItem,
+					playerLevel,
+					lapisCount
+				});
+				const reason = blocker && blocker !== "noItem" ? BLOCKER_TEXT[blocker] : void 0;
+				return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: EnchantingTable_module_default.option,
+					"aria-disabled": blocker ? true : void 0,
+					"data-blocker": blocker ?? void 0,
+					onClick: () => {
+						if (!blocker) onEnchant?.(option.id);
+					},
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: EnchantingTable_module_default.cost,
+							"aria-hidden": "true",
+							children: Array.from({ length: Math.min(3, Math.max(1, option.lapisCost)) }, (_, i) => /* @__PURE__ */ jsx(LapisIcon, { size: 16 }, i))
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: EnchantingTable_module_default.text,
+							children: [
+								hasItem && option.runes ? /* @__PURE__ */ jsx("span", {
+									className: EnchantingTable_module_default.runes,
+									"aria-hidden": "true",
+									children: option.runes
+								}) : null,
+								/* @__PURE__ */ jsx("span", {
+									className: EnchantingTable_module_default.clue,
+									children: hasItem ? option.clue ?? "Unknown enchantment" : "Place an item"
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "block-visually-hidden",
+									children: `, level ${option.level}, ${option.lapisCost} lapis${reason ? `. ${reason}` : ""}`
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: EnchantingTable_module_default.level,
+							"aria-hidden": "true",
+							children: option.level
+						})
+					]
+				}) }, option.id);
+			})
+		})]
+	});
+});
+//#endregion
+export { EnchantingTable };
+
+//# sourceMappingURL=EnchantingTable.js.map

package/dist/components/crafting/EnchantingTable/EnchantingTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnchantingTable.js","names":["styles"],"sources":["../../../../src/components/crafting/EnchantingTable/EnchantingTable.tsx"],"sourcesContent":["import { BookIcon, LapisIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { InventorySlot } from \"../../inventory/InventorySlot/InventorySlot\";\nimport styles from \"./EnchantingTable.module.css\";\nimport type { EnchantingTableProps } from \"./EnchantingTable.types\";\nimport { enchantBlocker, hasContent } from \"./EnchantingTable.utils\";\n\nconst BLOCKER_TEXT = {\n  level: \"Not enough levels\",\n  lapis: \"Not enough lapis\",\n  disabled: \"Unavailable\",\n} as const;\n\n/**\n * Enchanting table: item and lapis slots beside three enchantment offers.\n * Offers the player cannot afford stay visible but disabled, with the reason.\n */\nexport const EnchantingTable = forwardRef<HTMLDivElement, EnchantingTableProps>(\n  function EnchantingTable(\n    {\n      item,\n      lapis,\n      lapisCount,\n      playerLevel,\n      options = [],\n      onEnchant,\n      label = \"Enchanting table\",\n      className,\n      ...rest\n    },\n    ref,\n  ) {\n    const hasItem = hasContent(item);\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-label={label}\n        className={cx(styles.table, className)}\n        {...rest}\n      >\n        <div className={styles.inputs}>\n          <span className={styles.book} aria-hidden=\"true\">\n            <BookIcon size={32} />\n          </span>\n          <div className={styles.slots}>\n            <InventorySlot size=\"lg\" label={hasItem ? undefined : \"Item: empty\"}>\n              {item}\n            </InventorySlot>\n            <InventorySlot\n              size=\"lg\"\n              label={hasContent(lapis) ? undefined : \"Lapis: empty\"}\n              className={styles.lapisSlot}\n            >\n              {lapis ?? (\n                <span className={styles.ghost} aria-hidden=\"true\">\n                  <LapisIcon size={32} />\n                </span>\n              )}\n            </InventorySlot>\n          </div>\n        </div>\n        <ul className={styles.options} aria-label=\"Enchantments\">\n          {options.slice(0, 3).map((option) => {\n            const blocker = enchantBlocker(option, { hasItem, playerLevel, lapisCount });\n            const reason = blocker && blocker !== \"noItem\" ? BLOCKER_TEXT[blocker] : undefined;\n            return (\n              <li key={option.id}>\n                <button\n                  type=\"button\"\n                  className={styles.option}\n                  aria-disabled={blocker ? true : undefined}\n                  data-blocker={blocker ?? undefined}\n                  onClick={() => {\n                    if (!blocker) onEnchant?.(option.id);\n                  }}\n                >\n                  <span className={styles.cost} aria-hidden=\"true\">\n                    {Array.from({ length: Math.min(3, Math.max(1, option.lapisCost)) }, (_, i) => (\n                      <LapisIcon key={i} size={16} />\n                    ))}\n                  </span>\n                  <span className={styles.text}>\n                    {hasItem && option.runes ? (\n                      <span className={styles.runes} aria-hidden=\"true\">\n                        {option.runes}\n                      </span>\n                    ) : null}\n                    <span className={styles.clue}>\n                      {hasItem ? (option.clue ?? \"Unknown enchantment\") : \"Place an item\"}\n                    </span>\n                    <span className=\"block-visually-hidden\">\n                      {`, level ${option.level}, ${option.lapisCost} lapis${reason ? `. ${reason}` : \"\"}`}\n                    </span>\n                  </span>\n                  <span className={styles.level} aria-hidden=\"true\">\n                    {option.level}\n                  </span>\n                </button>\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;;;;;AAQA,IAAM,eAAe;CACnB,OAAO;CACP,OAAO;CACP,UAAU;AACZ;;;;;AAMA,IAAa,kBAAkB,WAC7B,SAAS,gBACP,EACE,MACA,OACA,YACA,aACA,UAAU,CAAC,GACX,WACA,QAAQ,oBACR,WACA,GAAG,QAEL,KACA;CACA,MAAM,UAAU,WAAW,IAAI;CAC/B,OACE,qBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAY;EACZ,WAAW,GAAGA,+BAAO,OAAO,SAAS;EACrC,GAAI;EALN,UAAA,CAOE,qBAAC,OAAD;GAAK,WAAWA,+BAAO;GAAvB,UAAA,CACE,oBAAC,QAAD;IAAM,WAAWA,+BAAO;IAAM,eAAY;IACxC,UAAA,oBAAC,UAAD,EAAU,MAAM,GAAK,CAAA;GACjB,CAAA,GACN,qBAAC,OAAD;IAAK,WAAWA,+BAAO;IAAvB,UAAA,CACE,oBAAC,eAAD;KAAe,MAAK;KAAK,OAAO,UAAU,KAAA,IAAY;KACnD,UAAA;IACY,CAAA,GACf,oBAAC,eAAD;KACE,MAAK;KACL,OAAO,WAAW,KAAK,IAAI,KAAA,IAAY;KACvC,WAAWA,+BAAO;KAEjB,UAAA,SACC,oBAAC,QAAD;MAAM,WAAWA,+BAAO;MAAO,eAAY;MACzC,UAAA,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA;KAClB,CAAA;IAEK,CAAA,CACZ;GACF,CAAA,CAAA;EACL,CAAA,GAAA,oBAAC,MAAD;GAAI,WAAWA,+BAAO;GAAS,cAAW;GACvC,UAAA,QAAQ,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,WAAW;IACnC,MAAM,UAAU,eAAe,QAAQ;KAAE;KAAS;KAAa;IAAW,CAAC;IAC3E,MAAM,SAAS,WAAW,YAAY,WAAW,aAAa,WAAW,KAAA;IACzE,OACE,oBAAC,MAAD,EAAA,UACE,qBAAC,UAAD;KACE,MAAK;KACL,WAAWA,+BAAO;KAClB,iBAAe,UAAU,OAAO,KAAA;KAChC,gBAAc,WAAW,KAAA;KACzB,eAAe;MACb,IAAI,CAAC,SAAS,YAAY,OAAO,EAAE;KACrC;KAPF,UAAA;MASE,oBAAC,QAAD;OAAM,WAAWA,+BAAO;OAAM,eAAY;OACvC,UAAA,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,OAAO,SAAS,CAAC,EAAE,IAAI,GAAG,MACtE,oBAAC,WAAD,EAAmB,MAAM,GAAK,GAAd,CAAc,CAC/B;MACG,CAAA;MACN,qBAAC,QAAD;OAAM,WAAWA,+BAAO;OAAxB,UAAA;QACG,WAAW,OAAO,QACjB,oBAAC,QAAD;SAAM,WAAWA,+BAAO;SAAO,eAAY;SACxC,UAAA,OAAO;QACJ,CAAA,IACJ;QACJ,oBAAC,QAAD;SAAM,WAAWA,+BAAO;SACrB,UAAA,UAAW,OAAO,QAAQ,wBAAyB;QAChD,CAAA;QACN,oBAAC,QAAD;SAAM,WAAU;SACb,UAAA,WAAW,OAAO,MAAM,IAAI,OAAO,UAAU,QAAQ,SAAS,KAAK,WAAW;QAC3E,CAAA;OACF;;MACN,oBAAC,QAAD;OAAM,WAAWA,+BAAO;OAAO,eAAY;OACxC,UAAA,OAAO;MACJ,CAAA;KACA;IACN,CAAA,EAAA,GAhCK,OAAO,EAgCZ;GAER,CAAC;EACC,CAAA,CACD;;AAET,CACF"}

package/dist/components/crafting/EnchantingTable/EnchantingTable.module.js

@@ -0,0 +1,32 @@
+//#region src/components/crafting/EnchantingTable/EnchantingTable.module.css
+var table = "block-table-a0LJB";
+var inputs = "block-inputs-I-GAD";
+var book = "block-book-D57aD";
+var slots = "block-slots-g3QIR";
+var ghost = "block-ghost-pApTJ";
+var options = "block-options-Ltd-N";
+var option = "block-option-4ABZ0";
+var cost = "block-cost-Oa1TX";
+var text = "block-text-lV2OT";
+var runes = "block-runes-vN-aO";
+var clue = "block-clue-ytNPz";
+var level = "block-level-PlTnE";
+var EnchantingTable_module_default = {
+	table,
+	inputs,
+	book,
+	"block-enchant-float": "block-block-enchant-float--jtUO",
+	slots,
+	ghost,
+	options,
+	option,
+	cost,
+	text,
+	runes,
+	clue,
+	level
+};
+//#endregion
+export { book, clue, cost, EnchantingTable_module_default as default, ghost, inputs, level, option, options, runes, slots, table, text };
+
+//# sourceMappingURL=EnchantingTable.module.js.map

package/dist/components/crafting/EnchantingTable/EnchantingTable.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnchantingTable.module.js","names":[],"sources":["../../../../src/components/crafting/EnchantingTable/EnchantingTable.module.css"],"sourcesContent":[".table {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: var(--block-space-4);\n  width: 100%;\n}\n\n.inputs {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--block-space-2);\n}\n\n.book {\n  display: inline-flex;\n  animation: block-enchant-float 2.4s steps(4, end) infinite;\n}\n\n.slots {\n  display: flex;\n  gap: var(--block-space-2);\n}\n\n.ghost {\n  display: inline-flex;\n  opacity: 0.3;\n  filter: grayscale(1);\n}\n\n.options {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  gap: var(--block-space-1);\n  min-width: min(280px, 100%);\n  max-width: 420px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.option {\n  display: flex;\n  align-items: center;\n  gap: var(--block-space-2);\n  width: 100%;\n  min-height: 52px;\n  padding: var(--block-space-1) var(--block-space-2);\n  font: inherit;\n  text-align: left;\n  color: var(--block-text);\n  background-color: var(--block-surface-alt);\n  border: var(--block-border-width) solid var(--block-border);\n  box-shadow: var(--block-shadow-bevel);\n  cursor: pointer;\n}\n\n.option:hover:not([aria-disabled]) {\n  background-color: color-mix(in srgb, var(--block-amethyst) 30%, var(--block-surface-alt));\n}\n\n.option:focus-visible {\n  outline: 3px solid var(--block-focus);\n  outline-offset: 2px;\n}\n\n.option[aria-disabled] {\n  cursor: not-allowed;\n  background-color: var(--block-slot);\n  box-shadow: var(--block-shadow-inset);\n}\n\n.cost {\n  display: inline-flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  width: 16px;\n}\n\n.option[aria-disabled] .cost {\n  opacity: 0.4;\n  filter: grayscale(1);\n}\n\n.text {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.runes {\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-xs);\n  letter-spacing: var(--block-letter-spacing-wider);\n  color: var(--block-text-muted);\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: clip;\n}\n\n.clue {\n  font-size: var(--block-font-size-sm);\n  overflow-wrap: anywhere;\n}\n\n.option[data-blocker=\"level\"] .clue,\n.option[data-blocker=\"lapis\"] .clue,\n.option[data-blocker=\"disabled\"] .clue,\n.option[data-blocker=\"noItem\"] .clue {\n  color: var(--block-text-muted);\n}\n\n.level {\n  flex-shrink: 0;\n  min-width: 2ch;\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-lg);\n  font-weight: var(--block-font-weight-bold);\n  text-align: right;\n  color: var(--block-emerald-light);\n  text-shadow: var(--block-shadow-text);\n}\n\n.option[data-blocker=\"level\"] .level {\n  color: var(--block-redstone-light);\n}\n\n.option[data-blocker=\"noItem\"] .level,\n.option[data-blocker=\"disabled\"] .level {\n  color: var(--block-text-muted);\n}\n\n@keyframes block-enchant-float {\n  50% {\n    transform: translateY(-3px);\n  }\n}\n"],"mappings":""}

package/dist/components/crafting/EnchantingTable/EnchantingTable.types.d.ts

@@ -0,0 +1,29 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface EnchantOption {
+    id: string;
+    /** Experience level required (and shown on the right). */
+    level: number;
+    /** Lapis lazuli consumed (1–3). */
+    lapisCost: number;
+    /** Hint of one enchantment, e.g. "Sharpness III…?". Read by screen readers. */
+    clue?: string;
+    /** Decorative rune text shown above the clue. */
+    runes?: string;
+    disabled?: boolean;
+}
+export interface EnchantingTableProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /** Item to enchant. */
+    item?: ReactNode;
+    /** Lapis lazuli stack. */
+    lapis?: ReactNode;
+    /** Lapis in the slot; options costing more are disabled. */
+    lapisCount?: number;
+    /** Player experience level; options requiring more are disabled. */
+    playerLevel?: number;
+    /** Up to three offers, cheapest first. Hidden while there is no item. */
+    options?: EnchantOption[];
+    onEnchant?: (id: string) => void;
+    /** Accessible name. @default "Enchanting table" */
+    label?: string;
+}
+//# sourceMappingURL=EnchantingTable.types.d.ts.map

package/dist/components/crafting/EnchantingTable/EnchantingTable.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnchantingTable.types.d.ts","sourceRoot":"","sources":["../../../../src/components/crafting/EnchantingTable/EnchantingTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5F,uBAAuB;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/crafting/EnchantingTable/EnchantingTable.utils.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+import type { EnchantOption } from "./EnchantingTable.types";
+export declare const hasContent: (node: ReactNode) => node is string | number | bigint | true | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined>;
+export type EnchantBlocker = "noItem" | "level" | "lapis" | "disabled" | null;
+/** Why an option cannot be chosen right now (null when it can). */
+export declare function enchantBlocker(option: EnchantOption, { hasItem, playerLevel, lapisCount, }: {
+    hasItem: boolean;
+    playerLevel?: number;
+    lapisCount?: number;
+}): EnchantBlocker;
+//# sourceMappingURL=EnchantingTable.utils.d.ts.map

package/dist/components/crafting/EnchantingTable/EnchantingTable.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnchantingTable.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/crafting/EnchantingTable/EnchantingTable.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,UAAU,GAAI,MAAM,SAAS,+YACa,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,IAAI,CAAC;AAE9E,mEAAmE;AACnE,wBAAgB,cAAc,CAC5B,MAAM,EAAE,aAAa,EACrB,EACE,OAAO,EACP,WAAW,EACX,UAAU,GACX,EAAE;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,GACjE,cAAc,CAMhB"}

package/dist/components/crafting/EnchantingTable/EnchantingTable.utils.js

@@ -0,0 +1,14 @@
+//#region src/components/crafting/EnchantingTable/EnchantingTable.utils.ts
+var hasContent = (node) => node !== void 0 && node !== null && node !== false;
+/** Why an option cannot be chosen right now (null when it can). */
+function enchantBlocker(option, { hasItem, playerLevel, lapisCount }) {
+	if (!hasItem) return "noItem";
+	if (option.disabled) return "disabled";
+	if (playerLevel !== void 0 && playerLevel < option.level) return "level";
+	if (lapisCount !== void 0 && lapisCount < option.lapisCost) return "lapis";
+	return null;
+}
+//#endregion
+export { enchantBlocker, hasContent };
+
+//# sourceMappingURL=EnchantingTable.utils.js.map

package/dist/components/crafting/EnchantingTable/EnchantingTable.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnchantingTable.utils.js","names":[],"sources":["../../../../src/components/crafting/EnchantingTable/EnchantingTable.utils.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { EnchantOption } from \"./EnchantingTable.types\";\n\nexport const hasContent = (node: ReactNode) =>\n  node !== undefined && node !== null && node !== false;\n\nexport type EnchantBlocker = \"noItem\" | \"level\" | \"lapis\" | \"disabled\" | null;\n\n/** Why an option cannot be chosen right now (null when it can). */\nexport function enchantBlocker(\n  option: EnchantOption,\n  {\n    hasItem,\n    playerLevel,\n    lapisCount,\n  }: { hasItem: boolean; playerLevel?: number; lapisCount?: number },\n): EnchantBlocker {\n  if (!hasItem) return \"noItem\";\n  if (option.disabled) return \"disabled\";\n  if (playerLevel !== undefined && playerLevel < option.level) return \"level\";\n  if (lapisCount !== undefined && lapisCount < option.lapisCost) return \"lapis\";\n  return null;\n}\n"],"mappings":";AAGA,IAAa,cAAc,SACzB,SAAS,KAAA,KAAa,SAAS,QAAQ,SAAS;;AAKlD,SAAgB,eACd,QACA,EACE,SACA,aACA,cAEc;CAChB,IAAI,CAAC,SAAS,OAAO;CACrB,IAAI,OAAO,UAAU,OAAO;CAC5B,IAAI,gBAAgB,KAAA,KAAa,cAAc,OAAO,OAAO,OAAO;CACpE,IAAI,eAAe,KAAA,KAAa,aAAa,OAAO,WAAW,OAAO;CACtE,OAAO;AACT"}

package/dist/components/crafting/EnchantingTable/index.d.ts

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

package/dist/components/crafting/EnchantingTable/index.d.ts.map

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

package/dist/components/crafting/RecipeBook/RecipeBook.d.ts

@@ -0,0 +1,7 @@
+import type { RecipeBookProps } from "./RecipeBook.types";
+/**
+ * Recipe book: search, category filters and a "craftable only" switch over a
+ * grid of recipes, with the selected recipe's 3 × 3 pattern and result.
+ */
+export declare const RecipeBook: import("react").ForwardRefExoticComponent<RecipeBookProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=RecipeBook.d.ts.map

package/dist/components/crafting/RecipeBook/RecipeBook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecipeBook.d.ts","sourceRoot":"","sources":["../../../../src/components/crafting/RecipeBook/RecipeBook.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D;;;GAGG;AACH,eAAO,MAAM,UAAU,4GAoIrB,CAAC"}

package/dist/components/crafting/RecipeBook/RecipeBook.js

@@ -0,0 +1,149 @@
+import { cx } from "../../../utils/cx.js";
+import { BlockButton } from "../../actions/BlockButton/BlockButton.js";
+import { BlockInput } from "../../forms/BlockInput/BlockInput.js";
+import { useControllableState } from "../../../hooks/useControllableState.js";
+import { BlockToggle } from "../../forms/BlockToggle/BlockToggle.js";
+import { InventorySlot } from "../../inventory/InventorySlot/InventorySlot.js";
+import RecipeBook_module_default from "./RecipeBook.module.js";
+import { deriveCategories, filterRecipes } from "./RecipeBook.utils.js";
+import { forwardRef, useId, useState } from "react";
+import { ArrowIcon, SearchIcon } from "@malilion/block-ui-icons";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/crafting/RecipeBook/RecipeBook.tsx
+/**
+* Recipe book: search, category filters and a "craftable only" switch over a
+* grid of recipes, with the selected recipe's 3 × 3 pattern and result.
+*/
+var RecipeBook = forwardRef(function RecipeBook({ recipes, categories, value, defaultValue, onValueChange, onCraft, defaultCraftableOnly = false, label = "Recipe book", className, ...rest }, ref) {
+	const titleId = useId();
+	const [query, setQuery] = useState("");
+	const [category, setCategory] = useState("all");
+	const [craftableOnly, setCraftableOnly] = useState(defaultCraftableOnly);
+	const [selectedId, setSelectedId] = useControllableState({
+		value,
+		defaultValue: defaultValue ?? "",
+		onChange: onValueChange
+	});
+	const filters = [{
+		id: "all",
+		label: "All"
+	}, ...categories ?? deriveCategories(recipes)];
+	const visible = filterRecipes(recipes, {
+		query,
+		category,
+		craftableOnly
+	});
+	const selected = recipes.find((recipe) => recipe.id === selectedId);
+	const pattern = Array.from({ length: 9 }, (_, i) => selected?.ingredients?.[i] ?? null);
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: "group",
+		"aria-label": label,
+		className: cx(RecipeBook_module_default.book, className),
+		...rest,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: RecipeBook_module_default.browser,
+			children: [
+				/* @__PURE__ */ jsx(BlockInput, {
+					type: "search",
+					label: "Search recipes",
+					value: query,
+					onChange: (event) => setQuery(event.target.value),
+					startIcon: /* @__PURE__ */ jsx(SearchIcon, { size: 16 })
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: RecipeBook_module_default.filters,
+					children: [/* @__PURE__ */ jsx("div", {
+						role: "group",
+						"aria-label": "Categories",
+						className: RecipeBook_module_default.categories,
+						children: filters.map((filter) => /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							"aria-pressed": category === filter.id,
+							className: RecipeBook_module_default.category,
+							onClick: () => setCategory(filter.id),
+							children: ["icon" in filter && filter.icon ? /* @__PURE__ */ jsx("span", {
+								className: RecipeBook_module_default.categoryIcon,
+								"aria-hidden": "true",
+								children: filter.icon
+							}) : null, filter.label]
+						}, filter.id))
+					}), /* @__PURE__ */ jsx(BlockToggle, {
+						size: "sm",
+						label: "Craftable only",
+						checked: craftableOnly,
+						onCheckedChange: setCraftableOnly
+					})]
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: RecipeBook_module_default.count,
+					role: "status",
+					children: visible.length === 1 ? "1 recipe" : `${visible.length} recipes`
+				}),
+				visible.length > 0 ? /* @__PURE__ */ jsx("ul", {
+					className: RecipeBook_module_default.grid,
+					"aria-label": "Recipes",
+					children: visible.map((recipe) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(InventorySlot, {
+						size: "md",
+						selected: recipe.id === selectedId,
+						label: recipe.craftable === false ? `${recipe.name} (missing ingredients)` : recipe.name,
+						"data-craftable": recipe.craftable === false ? "false" : void 0,
+						className: RecipeBook_module_default.recipe,
+						onClick: () => setSelectedId(recipe.id),
+						children: recipe.result
+					}) }, recipe.id))
+				}) : /* @__PURE__ */ jsx("p", {
+					className: RecipeBook_module_default.empty,
+					children: "No recipes match."
+				})
+			]
+		}), /* @__PURE__ */ jsxs("section", {
+			className: RecipeBook_module_default.detail,
+			"aria-labelledby": titleId,
+			children: [/* @__PURE__ */ jsx("h3", {
+				id: titleId,
+				className: RecipeBook_module_default.title,
+				children: selected ? selected.name : "Select a recipe"
+			}), selected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: RecipeBook_module_default.preview,
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							role: "group",
+							"aria-label": "Pattern",
+							className: RecipeBook_module_default.pattern,
+							children: pattern.map((cell, index) => /* @__PURE__ */ jsx(InventorySlot, {
+								size: "sm",
+								children: cell
+							}, index))
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: RecipeBook_module_default.arrow,
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ jsx(ArrowIcon, { size: 24 })
+						}),
+						/* @__PURE__ */ jsx(InventorySlot, {
+							size: "lg",
+							label: `Makes ${selected.name}`,
+							children: selected.result
+						})
+					]
+				}),
+				selected.craftable === false ? /* @__PURE__ */ jsx("p", {
+					className: RecipeBook_module_default.missing,
+					children: "Missing ingredients"
+				}) : null,
+				onCraft ? /* @__PURE__ */ jsx(BlockButton, {
+					variant: "grass",
+					disabled: selected.craftable === false,
+					onClick: () => onCraft(selected.id),
+					children: "Craft"
+				}) : null
+			] }) : null]
+		})]
+	});
+});
+//#endregion
+export { RecipeBook };
+
+//# sourceMappingURL=RecipeBook.js.map

package/dist/components/crafting/RecipeBook/RecipeBook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecipeBook.js","names":["styles","_Fragment"],"sources":["../../../../src/components/crafting/RecipeBook/RecipeBook.tsx"],"sourcesContent":["import { ArrowIcon, SearchIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef, useId, useState } from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { cx } from \"../../../utils/cx\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { BlockInput } from \"../../forms/BlockInput/BlockInput\";\nimport { BlockToggle } from \"../../forms/BlockToggle/BlockToggle\";\nimport { InventorySlot } from \"../../inventory/InventorySlot/InventorySlot\";\nimport styles from \"./RecipeBook.module.css\";\nimport type { RecipeBookProps } from \"./RecipeBook.types\";\nimport { ALL, deriveCategories, filterRecipes } from \"./RecipeBook.utils\";\n\n/**\n * Recipe book: search, category filters and a \"craftable only\" switch over a\n * grid of recipes, with the selected recipe's 3 × 3 pattern and result.\n */\nexport const RecipeBook = forwardRef<HTMLDivElement, RecipeBookProps>(function RecipeBook(\n  {\n    recipes,\n    categories,\n    value,\n    defaultValue,\n    onValueChange,\n    onCraft,\n    defaultCraftableOnly = false,\n    label = \"Recipe book\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const titleId = useId();\n  const [query, setQuery] = useState(\"\");\n  const [category, setCategory] = useState(ALL);\n  const [craftableOnly, setCraftableOnly] = useState(defaultCraftableOnly);\n  const [selectedId, setSelectedId] = useControllableState({\n    value,\n    defaultValue: defaultValue ?? \"\",\n    onChange: onValueChange,\n  });\n\n  const filters = [{ id: ALL, label: \"All\" }, ...(categories ?? deriveCategories(recipes))];\n  const visible = filterRecipes(recipes, { query, category, craftableOnly });\n  const selected = recipes.find((recipe) => recipe.id === selectedId);\n  const pattern = Array.from({ length: 9 }, (_, i) => selected?.ingredients?.[i] ?? null);\n\n  return (\n    <div ref={ref} role=\"group\" aria-label={label} className={cx(styles.book, className)} {...rest}>\n      <div className={styles.browser}>\n        <BlockInput\n          type=\"search\"\n          label=\"Search recipes\"\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n          startIcon={<SearchIcon size={16} />}\n        />\n        <div className={styles.filters}>\n          <div role=\"group\" aria-label=\"Categories\" className={styles.categories}>\n            {filters.map((filter) => (\n              <button\n                key={filter.id}\n                type=\"button\"\n                aria-pressed={category === filter.id}\n                className={styles.category}\n                onClick={() => setCategory(filter.id)}\n              >\n                {\"icon\" in filter && filter.icon ? (\n                  <span className={styles.categoryIcon} aria-hidden=\"true\">\n                    {filter.icon}\n                  </span>\n                ) : null}\n                {filter.label}\n              </button>\n            ))}\n          </div>\n          <BlockToggle\n            size=\"sm\"\n            label=\"Craftable only\"\n            checked={craftableOnly}\n            onCheckedChange={setCraftableOnly}\n          />\n        </div>\n        <p className={styles.count} role=\"status\">\n          {visible.length === 1 ? \"1 recipe\" : `${visible.length} recipes`}\n        </p>\n        {visible.length > 0 ? (\n          <ul className={styles.grid} aria-label=\"Recipes\">\n            {visible.map((recipe) => (\n              <li key={recipe.id}>\n                <InventorySlot\n                  size=\"md\"\n                  selected={recipe.id === selectedId}\n                  label={\n                    recipe.craftable === false\n                      ? `${recipe.name} (missing ingredients)`\n                      : recipe.name\n                  }\n                  data-craftable={recipe.craftable === false ? \"false\" : undefined}\n                  className={styles.recipe}\n                  onClick={() => setSelectedId(recipe.id)}\n                >\n                  {recipe.result}\n                </InventorySlot>\n              </li>\n            ))}\n          </ul>\n        ) : (\n          <p className={styles.empty}>No recipes match.</p>\n        )}\n      </div>\n      <section className={styles.detail} aria-labelledby={titleId}>\n        <h3 id={titleId} className={styles.title}>\n          {selected ? selected.name : \"Select a recipe\"}\n        </h3>\n        {selected ? (\n          <>\n            <div className={styles.preview}>\n              <div role=\"group\" aria-label=\"Pattern\" className={styles.pattern}>\n                {pattern.map((cell, index) => (\n                  <InventorySlot key={index} size=\"sm\">\n                    {cell}\n                  </InventorySlot>\n                ))}\n              </div>\n              <span className={styles.arrow} aria-hidden=\"true\">\n                <ArrowIcon size={24} />\n              </span>\n              <InventorySlot size=\"lg\" label={`Makes ${selected.name}`}>\n                {selected.result}\n              </InventorySlot>\n            </div>\n            {selected.craftable === false ? (\n              <p className={styles.missing}>Missing ingredients</p>\n            ) : null}\n            {onCraft ? (\n              <BlockButton\n                variant=\"grass\"\n                disabled={selected.craftable === false}\n                onClick={() => onCraft(selected.id)}\n              >\n                Craft\n              </BlockButton>\n            ) : null}\n          </>\n        ) : null}\n      </section>\n    </div>\n  );\n});\n"],"mappings":"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"}

package/dist/components/crafting/RecipeBook/RecipeBook.module.js

@@ -0,0 +1,39 @@
+//#region src/components/crafting/RecipeBook/RecipeBook.module.css
+var book = "block-book-vGdij";
+var browser = "block-browser-1j4Ie";
+var filters = "block-filters-JOYhT";
+var categories = "block-categories-r-P5z";
+var category = "block-category-LWhjw";
+var categoryIcon = "block-categoryIcon-yPuZV";
+var count = "block-count-LKB07";
+var grid = "block-grid-9zscA";
+var recipe = "block-recipe-pTIKN";
+var empty = "block-empty-tQQcq";
+var detail = "block-detail-cDd-n";
+var title = "block-title-z3TI4";
+var preview = "block-preview-KuJ5C";
+var pattern = "block-pattern-LX2EB";
+var arrow = "block-arrow-40igD";
+var missing = "block-missing-5DpuD";
+var RecipeBook_module_default = {
+	book,
+	browser,
+	filters,
+	categories,
+	category,
+	categoryIcon,
+	count,
+	grid,
+	recipe,
+	empty,
+	detail,
+	title,
+	preview,
+	pattern,
+	arrow,
+	missing
+};
+//#endregion
+export { arrow, book, browser, categories, category, categoryIcon, count, RecipeBook_module_default as default, detail, empty, filters, grid, missing, pattern, preview, recipe, title };
+
+//# sourceMappingURL=RecipeBook.module.js.map

package/dist/components/crafting/RecipeBook/RecipeBook.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecipeBook.module.js","names":[],"sources":["../../../../src/components/crafting/RecipeBook/RecipeBook.module.css"],"sourcesContent":[".book {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  gap: var(--block-space-4);\n  width: 100%;\n}\n\n.browser {\n  display: flex;\n  flex: 1 1 320px;\n  flex-direction: column;\n  gap: var(--block-space-2);\n  min-width: 0;\n}\n\n.filters {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--block-space-2);\n}\n\n.categories {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--block-space-1);\n}\n\n.category {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--block-space-1);\n  min-height: 32px;\n  padding: 0 var(--block-space-2);\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-xs);\n  text-transform: uppercase;\n  color: var(--block-text-muted);\n  background-color: var(--block-surface-alt);\n  border: var(--block-border-width-thin) solid var(--block-border);\n  box-shadow: inset 2px 2px 0 var(--block-shadow-bevel-light);\n  cursor: pointer;\n}\n\n.category:hover {\n  color: var(--block-text);\n}\n\n.category[aria-pressed=\"true\"] {\n  color: var(--block-text);\n  background-color: var(--block-surface);\n  border-color: var(--block-text-muted);\n}\n\n.category:focus-visible {\n  outline: 3px solid var(--block-focus);\n  outline-offset: 2px;\n}\n\n.categoryIcon {\n  display: inline-flex;\n}\n\n.count {\n  margin: 0;\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-xs);\n  color: var(--block-text-muted);\n}\n\n.grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--block-size-slot-md), 1fr));\n  gap: var(--block-space-1);\n  max-height: 260px;\n  margin: 0;\n  padding: var(--block-space-1);\n  overflow-y: auto;\n  list-style: none;\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}\n\n/* Missing ingredients: the slot glows redstone instead of looking normal. */\n.recipe[data-craftable=\"false\"] {\n  background-color: color-mix(in srgb, var(--block-redstone) 35%, var(--block-slot));\n}\n\n.empty {\n  margin: 0;\n  padding: var(--block-space-4);\n  text-align: center;\n  color: var(--block-text-muted);\n}\n\n.detail {\n  display: flex;\n  flex: 0 1 260px;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--block-space-3);\n}\n\n.title {\n  margin: 0;\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-md);\n  text-align: center;\n  text-transform: uppercase;\n  text-shadow: var(--block-shadow-text);\n}\n\n.preview {\n  display: flex;\n  align-items: center;\n  gap: var(--block-space-2);\n}\n\n.pattern {\n  display: grid;\n  grid-template-columns: repeat(3, auto);\n  gap: 2px;\n}\n\n.arrow {\n  display: inline-flex;\n  color: var(--block-text-muted);\n}\n\n.missing {\n  margin: 0;\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-xs);\n  color: var(--block-redstone-light);\n}\n"],"mappings":""}

package/dist/components/crafting/RecipeBook/RecipeBook.types.d.ts

@@ -0,0 +1,36 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface Recipe {
+    id: string;
+    /** Searchable name, also the recipe button's accessible name. */
+    name: string;
+    /** Output item, usually an `<ItemStack />`. */
+    result: ReactNode;
+    /** Category id used by the filter buttons. */
+    category: string;
+    /** 3 × 3 pattern, row by row; `null` for an empty cell. */
+    ingredients?: Array<ReactNode | null>;
+    /** Whether the player has the ingredients. @default true */
+    craftable?: boolean;
+}
+export interface RecipeCategory {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+}
+export interface RecipeBookProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> {
+    recipes: Recipe[];
+    /** Filter buttons. Defaults to one per category found in `recipes`. "All" is always first. */
+    categories?: RecipeCategory[];
+    /** Controlled selected recipe id. */
+    value?: string;
+    /** Initially selected recipe id. */
+    defaultValue?: string;
+    onValueChange?: (id: string) => void;
+    /** Renders a Craft button for the selected recipe. */
+    onCraft?: (id: string) => void;
+    /** Start with "Craftable only" switched on. */
+    defaultCraftableOnly?: boolean;
+    /** Accessible name. @default "Recipe book" */
+    label?: string;
+}
+//# sourceMappingURL=RecipeBook.types.d.ts.map

package/dist/components/crafting/RecipeBook/RecipeBook.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecipeBook.types.d.ts","sourceRoot":"","sources":["../../../../src/components/crafting/RecipeBook/RecipeBook.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,iEAAiE;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,MAAM,EAAE,SAAS,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAC;IACjB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;IACtC,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC3F,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,8FAA8F;IAC9F,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,sDAAsD;IACtD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}