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

package/dist/components/inventory/ItemStack/ItemStack.js

@@ -0,0 +1,58 @@
+import { cx } from "../../../utils/cx.js";
+import { DurabilityBar } from "../DurabilityBar/DurabilityBar.js";
+import ItemStack_module_default from "./ItemStack.module.js";
+import { describeItemStack } from "./ItemStack.utils.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/inventory/ItemStack/ItemStack.tsx
+/**
+* An item inside a slot: icon, stack amount (bottom-right) and an optional
+* durability bar. Visual details are hidden from screen readers and replaced
+* by a single text description.
+*/
+var ItemStack = forwardRef(function ItemStack({ icon, amount, maxAmount, durability, maxDurability, name, className, ...rest }, ref) {
+	const showAmount = amount !== void 0 && amount > 1;
+	const full = maxAmount !== void 0 && amount !== void 0 && amount >= maxAmount;
+	const showDurability = durability !== void 0 && maxDurability !== void 0 && durability < maxDurability;
+	const description = describeItemStack({
+		name,
+		amount,
+		durability,
+		maxDurability
+	});
+	return /* @__PURE__ */ jsxs("span", {
+		ref,
+		className: cx(ItemStack_module_default.stack, className),
+		"data-full": full || void 0,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: ItemStack_module_default.icon,
+				"aria-hidden": "true",
+				children: icon
+			}),
+			showAmount ? /* @__PURE__ */ jsx("span", {
+				className: ItemStack_module_default.amount,
+				"aria-hidden": "true",
+				children: amount
+			}) : null,
+			showDurability ? /* @__PURE__ */ jsx("span", {
+				className: ItemStack_module_default.durability,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx(DurabilityBar, {
+					value: durability,
+					max: maxDurability,
+					compact: true
+				})
+			}) : null,
+			description ? /* @__PURE__ */ jsx("span", {
+				className: "block-visually-hidden",
+				children: description
+			}) : null
+		]
+	});
+});
+//#endregion
+export { ItemStack };
+
+//# sourceMappingURL=ItemStack.js.map

package/dist/components/inventory/ItemStack/ItemStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemStack.js","names":["styles"],"sources":["../../../../src/components/inventory/ItemStack/ItemStack.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { DurabilityBar } from \"../DurabilityBar/DurabilityBar\";\nimport styles from \"./ItemStack.module.css\";\nimport type { ItemStackProps } from \"./ItemStack.types\";\nimport { describeItemStack } from \"./ItemStack.utils\";\n\n/**\n * An item inside a slot: icon, stack amount (bottom-right) and an optional\n * durability bar. Visual details are hidden from screen readers and replaced\n * by a single text description.\n */\nexport const ItemStack = forwardRef<HTMLSpanElement, ItemStackProps>(function ItemStack(\n  { icon, amount, maxAmount, durability, maxDurability, name, className, ...rest },\n  ref,\n) {\n  const showAmount = amount !== undefined && amount > 1;\n  const full = maxAmount !== undefined && amount !== undefined && amount >= maxAmount;\n  const showDurability =\n    durability !== undefined && maxDurability !== undefined && durability < maxDurability;\n  const description = describeItemStack({ name, amount, durability, maxDurability });\n\n  return (\n    <span ref={ref} className={cx(styles.stack, className)} data-full={full || undefined} {...rest}>\n      <span className={styles.icon} aria-hidden=\"true\">\n        {icon}\n      </span>\n      {showAmount ? (\n        <span className={styles.amount} aria-hidden=\"true\">\n          {amount}\n        </span>\n      ) : null}\n      {showDurability ? (\n        <span className={styles.durability} aria-hidden=\"true\">\n          <DurabilityBar value={durability} max={maxDurability} compact />\n        </span>\n      ) : null}\n      {description ? <span className=\"block-visually-hidden\">{description}</span> : null}\n    </span>\n  );\n});\n"],"mappings":";;;;;;;;;;;;AAYA,IAAa,YAAY,WAA4C,SAAS,UAC5E,EAAE,MAAM,QAAQ,WAAW,YAAY,eAAe,MAAM,WAAW,GAAG,QAC1E,KACA;CACA,MAAM,aAAa,WAAW,KAAA,KAAa,SAAS;CACpD,MAAM,OAAO,cAAc,KAAA,KAAa,WAAW,KAAA,KAAa,UAAU;CAC1E,MAAM,iBACJ,eAAe,KAAA,KAAa,kBAAkB,KAAA,KAAa,aAAa;CAC1E,MAAM,cAAc,kBAAkB;EAAE;EAAM;EAAQ;EAAY;CAAc,CAAC;CAEjF,OACE,qBAAC,QAAD;EAAW;EAAK,WAAW,GAAGA,yBAAO,OAAO,SAAS;EAAG,aAAW,QAAQ,KAAA;EAAW,GAAI;EAA1F,UAAA;GACE,oBAAC,QAAD;IAAM,WAAWA,yBAAO;IAAM,eAAY;IACvC,UAAA;GACG,CAAA;GACL,aACC,oBAAC,QAAD;IAAM,WAAWA,yBAAO;IAAQ,eAAY;IACzC,UAAA;GACG,CAAA,IACJ;GACH,iBACC,oBAAC,QAAD;IAAM,WAAWA,yBAAO;IAAY,eAAY;IAC9C,UAAA,oBAAC,eAAD;KAAe,OAAO;KAAY,KAAK;KAAe,SAAA;IAAS,CAAA;GAC3D,CAAA,IACJ;GACH,cAAc,oBAAC,QAAD;IAAM,WAAU;IAAyB,UAAA;GAAkB,CAAA,IAAI;EAC1E;;AAEV,CAAC"}

package/dist/components/inventory/ItemStack/ItemStack.module.js

@@ -0,0 +1,15 @@
+//#region src/components/inventory/ItemStack/ItemStack.module.css
+var stack = "block-stack-y6WNh";
+var icon = "block-icon-c6AoE";
+var amount = "block-amount-FVBd0";
+var durability = "block-durability-yBS-f";
+var ItemStack_module_default = {
+	stack,
+	icon,
+	amount,
+	durability
+};
+//#endregion
+export { amount, ItemStack_module_default as default, durability, icon, stack };
+
+//# sourceMappingURL=ItemStack.module.js.map

package/dist/components/inventory/ItemStack/ItemStack.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemStack.module.js","names":[],"sources":["../../../../src/components/inventory/ItemStack/ItemStack.module.css"],"sourcesContent":[".stack {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 72%;\n  height: 72%;\n  filter: drop-shadow(2px 2px 0 var(--block-shadow-bevel-dark));\n}\n\n/* Keep pixel art square and crisp — never stretch. */\n.icon > svg,\n.icon > img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  image-rendering: pixelated;\n}\n\n.amount {\n  position: absolute;\n  right: 2px;\n  bottom: 0;\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-lg);\n  font-weight: var(--block-font-weight-bold);\n  line-height: 1;\n  color: var(--block-text-primary);\n  text-shadow: var(--block-shadow-text);\n  pointer-events: none;\n}\n\n.stack[data-full] .amount {\n  color: var(--block-gold-light);\n}\n\n.durability {\n  position: absolute;\n  left: 12%;\n  right: 12%;\n  bottom: 8%;\n  pointer-events: none;\n}\n"],"mappings":""}

package/dist/components/inventory/ItemStack/ItemStack.types.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface ItemStackProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Item artwork. Scaled to fill the slot without stretching. */
+    icon: ReactNode;
+    /** Stack size. Shown bottom-right when greater than 1. */
+    amount?: number;
+    /** Stack limit (e.g. 64). Full stacks are highlighted. */
+    maxAmount?: number;
+    durability?: number;
+    maxDurability?: number;
+    /** Item name — used for the accessible label. */
+    name?: string;
+}
+//# sourceMappingURL=ItemStack.types.d.ts.map

package/dist/components/inventory/ItemStack/ItemStack.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemStack.types.d.ts","sourceRoot":"","sources":["../../../../src/components/inventory/ItemStack/ItemStack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,eAAe,CAAC;IACrE,gEAAgE;IAChE,IAAI,EAAE,SAAS,CAAC;IAChB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/components/inventory/ItemStack/ItemStack.utils.d.ts

@@ -0,0 +1,4 @@
+import type { ItemStackProps } from "./ItemStack.types";
+/** Accessible description of a stack, e.g. "Diamond Pickaxe, durability 126 of 1,561". */
+export declare function describeItemStack({ name, amount, durability, maxDurability, }: Pick<ItemStackProps, "name" | "amount" | "durability" | "maxDurability">): string;
+//# sourceMappingURL=ItemStack.utils.d.ts.map

package/dist/components/inventory/ItemStack/ItemStack.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemStack.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/inventory/ItemStack/ItemStack.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,0FAA0F;AAC1F,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,MAAM,EACN,UAAU,EACV,aAAa,GACd,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,eAAe,CAAC,GAAG,MAAM,CAQnF"}

package/dist/components/inventory/ItemStack/ItemStack.utils.js

@@ -0,0 +1,14 @@
+import { formatNumber } from "../../../utils/number.js";
+//#region src/components/inventory/ItemStack/ItemStack.utils.ts
+/** Accessible description of a stack, e.g. "Diamond Pickaxe, durability 126 of 1,561". */
+function describeItemStack({ name, amount, durability, maxDurability }) {
+	const parts = [];
+	if (name) parts.push(name);
+	if (amount !== void 0 && amount > 1) parts.push(`× ${formatNumber(amount)}`);
+	if (durability !== void 0 && maxDurability !== void 0) parts.push(`durability ${formatNumber(durability)} of ${formatNumber(maxDurability)}`);
+	return parts.join(", ");
+}
+//#endregion
+export { describeItemStack };
+
+//# sourceMappingURL=ItemStack.utils.js.map

package/dist/components/inventory/ItemStack/ItemStack.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemStack.utils.js","names":[],"sources":["../../../../src/components/inventory/ItemStack/ItemStack.utils.ts"],"sourcesContent":["import { formatNumber } from \"../../../utils/number\";\nimport type { ItemStackProps } from \"./ItemStack.types\";\n\n/** Accessible description of a stack, e.g. \"Diamond Pickaxe, durability 126 of 1,561\". */\nexport function describeItemStack({\n  name,\n  amount,\n  durability,\n  maxDurability,\n}: Pick<ItemStackProps, \"name\" | \"amount\" | \"durability\" | \"maxDurability\">): string {\n  const parts: string[] = [];\n  if (name) parts.push(name);\n  if (amount !== undefined && amount > 1) parts.push(`× ${formatNumber(amount)}`);\n  if (durability !== undefined && maxDurability !== undefined) {\n    parts.push(`durability ${formatNumber(durability)} of ${formatNumber(maxDurability)}`);\n  }\n  return parts.join(\", \");\n}\n"],"mappings":";;;AAIA,SAAgB,kBAAkB,EAChC,MACA,QACA,YACA,iBACmF;CACnF,MAAM,QAAkB,CAAC;CACzB,IAAI,MAAM,MAAM,KAAK,IAAI;CACzB,IAAI,WAAW,KAAA,KAAa,SAAS,GAAG,MAAM,KAAK,KAAK,aAAa,MAAM,GAAG;CAC9E,IAAI,eAAe,KAAA,KAAa,kBAAkB,KAAA,GAChD,MAAM,KAAK,cAAc,aAAa,UAAU,EAAE,MAAM,aAAa,aAAa,GAAG;CAEvF,OAAO,MAAM,KAAK,IAAI;AACxB"}

package/dist/components/inventory/ItemStack/index.d.ts

@@ -0,0 +1,4 @@
+export { ItemStack } from "./ItemStack";
+export { describeItemStack } from "./ItemStack.utils";
+export type { ItemStackProps } from "./ItemStack.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/inventory/ItemStack/index.d.ts.map

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

package/dist/components/inventory/ItemTooltip/ItemTooltip.d.ts

@@ -0,0 +1,7 @@
+import type { ItemTooltipProps } from "./ItemTooltip.types";
+/**
+ * Item details card: rarity-colored name, enchantments and stats. Rendered
+ * automatically by `InventorySlot` when it receives a `tooltip`.
+ */
+export declare const ItemTooltip: import("react").ForwardRefExoticComponent<ItemTooltipProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ItemTooltip.d.ts.map

package/dist/components/inventory/ItemTooltip/ItemTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/inventory/ItemTooltip/ItemTooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D;;;GAGG;AACH,eAAO,MAAM,WAAW,6GAoCtB,CAAC"}

package/dist/components/inventory/ItemTooltip/ItemTooltip.js

@@ -0,0 +1,52 @@
+import { cx } from "../../../utils/cx.js";
+import ItemTooltip_module_default from "./ItemTooltip.module.js";
+import { normalizeRarity } from "./ItemTooltip.utils.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/inventory/ItemTooltip/ItemTooltip.tsx
+/**
+* Item details card: rarity-colored name, enchantments and stats. Rendered
+* automatically by `InventorySlot` when it receives a `tooltip`.
+*/
+var ItemTooltip = forwardRef(function ItemTooltip({ name, rarity, description, enchantments, stats, statIcon, className, ...rest }, ref) {
+	const normalized = normalizeRarity(rarity);
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cx(ItemTooltip_module_default.tooltip, className),
+		"data-rarity": normalized,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: ItemTooltip_module_default.name,
+				children: name
+			}),
+			rarity ? /* @__PURE__ */ jsx("p", {
+				className: ItemTooltip_module_default.rarity,
+				children: rarity
+			}) : null,
+			enchantments && enchantments.length > 0 ? /* @__PURE__ */ jsx("ul", {
+				className: ItemTooltip_module_default.enchantments,
+				children: enchantments.map((enchantment) => /* @__PURE__ */ jsx("li", { children: enchantment }, enchantment))
+			}) : null,
+			description ? /* @__PURE__ */ jsx("div", {
+				className: ItemTooltip_module_default.description,
+				children: description
+			}) : null,
+			stats && stats.length > 0 ? /* @__PURE__ */ jsx("dl", {
+				className: ItemTooltip_module_default.stats,
+				children: stats.map((stat) => /* @__PURE__ */ jsxs("div", {
+					className: ItemTooltip_module_default.stat,
+					children: [/* @__PURE__ */ jsxs("dt", { children: [statIcon ? /* @__PURE__ */ jsx("span", {
+						className: ItemTooltip_module_default.statIcon,
+						"aria-hidden": "true",
+						children: statIcon
+					}) : null, stat.label] }), /* @__PURE__ */ jsx("dd", { children: stat.value })]
+				}, stat.label))
+			}) : null
+		]
+	});
+});
+//#endregion
+export { ItemTooltip };
+
+//# sourceMappingURL=ItemTooltip.js.map

package/dist/components/inventory/ItemTooltip/ItemTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemTooltip.js","names":["styles"],"sources":["../../../../src/components/inventory/ItemTooltip/ItemTooltip.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./ItemTooltip.module.css\";\nimport type { ItemTooltipProps } from \"./ItemTooltip.types\";\nimport { normalizeRarity } from \"./ItemTooltip.utils\";\n\n/**\n * Item details card: rarity-colored name, enchantments and stats. Rendered\n * automatically by `InventorySlot` when it receives a `tooltip`.\n */\nexport const ItemTooltip = forwardRef<HTMLDivElement, ItemTooltipProps>(function ItemTooltip(\n  { name, rarity, description, enchantments, stats, statIcon, className, ...rest },\n  ref,\n) {\n  const normalized = normalizeRarity(rarity);\n  return (\n    <div ref={ref} className={cx(styles.tooltip, className)} data-rarity={normalized} {...rest}>\n      <p className={styles.name}>{name}</p>\n      {rarity ? <p className={styles.rarity}>{rarity}</p> : null}\n      {enchantments && enchantments.length > 0 ? (\n        <ul className={styles.enchantments}>\n          {enchantments.map((enchantment) => (\n            <li key={enchantment}>{enchantment}</li>\n          ))}\n        </ul>\n      ) : null}\n      {description ? <div className={styles.description}>{description}</div> : null}\n      {stats && stats.length > 0 ? (\n        <dl className={styles.stats}>\n          {stats.map((stat) => (\n            <div key={stat.label} className={styles.stat}>\n              <dt>\n                {statIcon ? (\n                  <span className={styles.statIcon} aria-hidden=\"true\">\n                    {statIcon}\n                  </span>\n                ) : null}\n                {stat.label}\n              </dt>\n              <dd>{stat.value}</dd>\n            </div>\n          ))}\n        </dl>\n      ) : null}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;AAUA,IAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,MAAM,QAAQ,aAAa,cAAc,OAAO,UAAU,WAAW,GAAG,QAC1E,KACA;CACA,MAAM,aAAa,gBAAgB,MAAM;CACzC,OACE,qBAAC,OAAD;EAAU;EAAK,WAAW,GAAGA,2BAAO,SAAS,SAAS;EAAG,eAAa;EAAY,GAAI;EAAtF,UAAA;GACE,oBAAC,KAAD;IAAG,WAAWA,2BAAO;IAAO,UAAA;GAAQ,CAAA;GACnC,SAAS,oBAAC,KAAD;IAAG,WAAWA,2BAAO;IAAS,UAAA;GAAU,CAAA,IAAI;GACrD,gBAAgB,aAAa,SAAS,IACrC,oBAAC,MAAD;IAAI,WAAWA,2BAAO;IACnB,UAAA,aAAa,KAAK,gBACjB,oBAAC,MAAD,EAAA,UAAuB,YAAgB,GAA9B,WAA8B,CACxC;GACC,CAAA,IACF;GACH,cAAc,oBAAC,OAAD;IAAK,WAAWA,2BAAO;IAAc,UAAA;GAAiB,CAAA,IAAI;GACxE,SAAS,MAAM,SAAS,IACvB,oBAAC,MAAD;IAAI,WAAWA,2BAAO;IACnB,UAAA,MAAM,KAAK,SACV,qBAAC,OAAD;KAAsB,WAAWA,2BAAO;KAAxC,UAAA,CACE,qBAAC,MAAD,EAAA,UAAA,CACG,WACC,oBAAC,QAAD;MAAM,WAAWA,2BAAO;MAAU,eAAY;MAC3C,UAAA;KACG,CAAA,IACJ,MACH,KAAK,KACJ,EAAA,CAAA,GACJ,oBAAC,MAAD,EAAA,UAAK,KAAK,MAAU,CAAA,CACjB;IAVK,GAAA,KAAK,KAUV,CACN;GACC,CAAA,IACF;EACD;;AAET,CAAC"}

package/dist/components/inventory/ItemTooltip/ItemTooltip.module.js

@@ -0,0 +1,23 @@
+//#region src/components/inventory/ItemTooltip/ItemTooltip.module.css
+var tooltip = "block-tooltip-xaqDQ";
+var name = "block-name-KE3-B";
+var rarity = "block-rarity-CgrwU";
+var enchantments = "block-enchantments-IeL-5";
+var description = "block-description-Hi7aU";
+var stats = "block-stats-gC0Bc";
+var stat = "block-stat-pt1S3";
+var statIcon = "block-statIcon-y7PWK";
+var ItemTooltip_module_default = {
+	tooltip,
+	name,
+	rarity,
+	enchantments,
+	description,
+	stats,
+	stat,
+	statIcon
+};
+//#endregion
+export { ItemTooltip_module_default as default, description, enchantments, name, rarity, stat, statIcon, stats, tooltip };
+
+//# sourceMappingURL=ItemTooltip.module.js.map

package/dist/components/inventory/ItemTooltip/ItemTooltip.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemTooltip.module.js","names":[],"sources":["../../../../src/components/inventory/ItemTooltip/ItemTooltip.module.css"],"sourcesContent":[".tooltip {\n  min-width: 180px;\n  max-width: 280px;\n  padding: var(--block-space-2) var(--block-space-3);\n  color: var(--block-text-primary);\n  background-color: color-mix(in srgb, var(--block-obsidian-dark) 94%, transparent);\n  border: var(--block-border-width-thin) solid var(--block-black);\n  box-shadow:\n    inset 0 0 0 2px var(--block-obsidian-light),\n    var(--block-shadow-drop);\n  font-size: var(--block-font-size-sm);\n  line-height: var(--block-line-height-normal);\n  text-align: left;\n  white-space: normal;\n}\n\n.name {\n  margin: 0;\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-md);\n  font-weight: var(--block-font-weight-bold);\n  color: var(--block-text-primary);\n  text-shadow: var(--block-shadow-text);\n}\n\n.tooltip[data-rarity=\"uncommon\"] .name {\n  color: var(--block-gold-light);\n}\n\n.tooltip[data-rarity=\"rare\"] .name {\n  color: var(--block-diamond);\n}\n\n.tooltip[data-rarity=\"epic\"] .name {\n  color: var(--block-amethyst-light);\n}\n\n.tooltip[data-rarity=\"legendary\"] .name {\n  color: var(--block-lava-light);\n}\n\n.rarity {\n  margin: 0;\n  font-size: var(--block-font-size-xs);\n  color: var(--block-text-secondary);\n  text-transform: capitalize;\n}\n\n.enchantments {\n  margin: var(--block-space-1) 0 0;\n  padding: 0;\n  list-style: none;\n  color: var(--block-text-secondary);\n}\n\n.description {\n  margin-top: var(--block-space-1);\n  color: var(--block-text-secondary);\n}\n\n.stats {\n  margin: var(--block-space-2) 0 0;\n  padding-top: var(--block-space-2);\n  border-top: 2px solid var(--block-obsidian-light);\n}\n\n.stat {\n  display: flex;\n  justify-content: space-between;\n  gap: var(--block-space-3);\n  color: var(--block-water-light);\n}\n\n.stat dt {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--block-space-1);\n}\n\n.stat dd {\n  margin: 0;\n  font-weight: var(--block-font-weight-bold);\n}\n\n.statIcon {\n  display: inline-flex;\n}\n"],"mappings":""}

package/dist/components/inventory/ItemTooltip/ItemTooltip.types.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export declare const itemRarities: readonly ["common", "uncommon", "rare", "epic", "legendary"];
+export type ItemRarity = (typeof itemRarities)[number];
+export interface ItemTooltipStat {
+    label: string;
+    value: string | number;
+}
+export interface ItemTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    name: string;
+    /** Rarity name. Known rarities (common…legendary, any case) color the name. */
+    rarity?: ItemRarity | (string & {});
+    description?: ReactNode;
+    enchantments?: string[];
+    stats?: ItemTooltipStat[];
+    /** Small icon shown before each stat. */
+    statIcon?: ReactNode;
+}
+//# sourceMappingURL=ItemTooltip.types.d.ts.map

package/dist/components/inventory/ItemTooltip/ItemTooltip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemTooltip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/inventory/ItemTooltip/ItemTooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,YAAY,8DAA+D,CAAC;AAEzF,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrF,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,MAAM,CAAC,EAAE,UAAU,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/inventory/ItemTooltip/ItemTooltip.types.js

@@ -0,0 +1,12 @@
+//#region src/components/inventory/ItemTooltip/ItemTooltip.types.ts
+var itemRarities = [
+	"common",
+	"uncommon",
+	"rare",
+	"epic",
+	"legendary"
+];
+//#endregion
+export { itemRarities };
+
+//# sourceMappingURL=ItemTooltip.types.js.map

package/dist/components/inventory/ItemTooltip/ItemTooltip.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemTooltip.types.js","names":[],"sources":["../../../../src/components/inventory/ItemTooltip/ItemTooltip.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport const itemRarities = [\"common\", \"uncommon\", \"rare\", \"epic\", \"legendary\"] as const;\n\nexport type ItemRarity = (typeof itemRarities)[number];\n\nexport interface ItemTooltipStat {\n  label: string;\n  value: string | number;\n}\n\nexport interface ItemTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  name: string;\n  /** Rarity name. Known rarities (common…legendary, any case) color the name. */\n  rarity?: ItemRarity | (string & {});\n  description?: ReactNode;\n  enchantments?: string[];\n  stats?: ItemTooltipStat[];\n  /** Small icon shown before each stat. */\n  statIcon?: ReactNode;\n}\n"],"mappings":";AAEA,IAAa,eAAe;CAAC;CAAU;CAAY;CAAQ;CAAQ;AAAW"}

package/dist/components/inventory/ItemTooltip/ItemTooltip.utils.d.ts

@@ -0,0 +1,3 @@
+import { type ItemRarity } from "./ItemTooltip.types";
+export declare function normalizeRarity(rarity: string | undefined): ItemRarity | undefined;
+//# sourceMappingURL=ItemTooltip.utils.d.ts.map

package/dist/components/inventory/ItemTooltip/ItemTooltip.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemTooltip.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/inventory/ItemTooltip/ItemTooltip.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEpE,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAIlF"}

package/dist/components/inventory/ItemTooltip/ItemTooltip.utils.js

@@ -0,0 +1,11 @@
+import { itemRarities } from "./ItemTooltip.types.js";
+//#region src/components/inventory/ItemTooltip/ItemTooltip.utils.ts
+function normalizeRarity(rarity) {
+	if (!rarity) return void 0;
+	const lower = rarity.toLowerCase();
+	return itemRarities.includes(lower) ? lower : void 0;
+}
+//#endregion
+export { normalizeRarity };
+
+//# sourceMappingURL=ItemTooltip.utils.js.map

package/dist/components/inventory/ItemTooltip/ItemTooltip.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemTooltip.utils.js","names":[],"sources":["../../../../src/components/inventory/ItemTooltip/ItemTooltip.utils.ts"],"sourcesContent":["import { itemRarities, type ItemRarity } from \"./ItemTooltip.types\";\n\nexport function normalizeRarity(rarity: string | undefined): ItemRarity | undefined {\n  if (!rarity) return undefined;\n  const lower = rarity.toLowerCase();\n  return (itemRarities as readonly string[]).includes(lower) ? (lower as ItemRarity) : undefined;\n}\n"],"mappings":";;AAEA,SAAgB,gBAAgB,QAAoD;CAClF,IAAI,CAAC,QAAQ,OAAO,KAAA;CACpB,MAAM,QAAQ,OAAO,YAAY;CACjC,OAAQ,aAAmC,SAAS,KAAK,IAAK,QAAuB,KAAA;AACvF"}

package/dist/components/inventory/ItemTooltip/index.d.ts

@@ -0,0 +1,5 @@
+export { ItemTooltip } from "./ItemTooltip";
+export { normalizeRarity } from "./ItemTooltip.utils";
+export { itemRarities } from "./ItemTooltip.types";
+export type { ItemRarity, ItemTooltipProps, ItemTooltipStat } from "./ItemTooltip.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/inventory/ItemTooltip/index.d.ts.map

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

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

@@ -0,0 +1,8 @@
+export * from "./DurabilityBar";
+export * from "./ItemStack";
+export * from "./ItemTooltip";
+export * from "./InventorySlot";
+export * from "./InventoryGrid";
+export * from "./Hotbar";
+export * from "./Inventory";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/inventory/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC"}

package/dist/components/layout/BlockDivider/BlockDivider.d.ts

@@ -0,0 +1,7 @@
+import type { BlockDividerProps } from "./BlockDivider.types";
+/**
+ * Carved separator line. Horizontal dividers render an `<hr>`; vertical ones a
+ * `role="separator"`. A labelled divider reads its label instead of a separator.
+ */
+export declare const BlockDivider: import("react").ForwardRefExoticComponent<BlockDividerProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=BlockDivider.d.ts.map

package/dist/components/layout/BlockDivider/BlockDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockDivider.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BlockDivider/BlockDivider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,YAAY,2GA8CvB,CAAC"}

package/dist/components/layout/BlockDivider/BlockDivider.js

@@ -0,0 +1,54 @@
+import { cx } from "../../../utils/cx.js";
+import BlockDivider_module_default from "./BlockDivider.module.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/layout/BlockDivider/BlockDivider.tsx
+/**
+* Carved separator line. Horizontal dividers render an `<hr>`; vertical ones a
+* `role="separator"`. A labelled divider reads its label instead of a separator.
+*/
+var BlockDivider = forwardRef(function BlockDivider({ orientation = "horizontal", variant = "bevel", label, decorative = false, className, ...rest }, ref) {
+	const shared = {
+		"data-orientation": orientation,
+		"data-variant": variant,
+		className: cx(BlockDivider_module_default.divider, className)
+	};
+	if (label && orientation === "horizontal") return /* @__PURE__ */ jsxs("div", {
+		ref,
+		...shared,
+		"data-labelled": "",
+		"aria-hidden": decorative || void 0,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: BlockDivider_module_default.line,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: BlockDivider_module_default.label,
+				children: label
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: BlockDivider_module_default.line,
+				"aria-hidden": "true"
+			})
+		]
+	});
+	if (orientation === "horizontal") return /* @__PURE__ */ jsx("hr", {
+		ref,
+		...shared,
+		"aria-hidden": decorative || void 0,
+		...rest
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		role: decorative ? "none" : "separator",
+		"aria-orientation": decorative ? void 0 : "vertical",
+		...shared,
+		...rest
+	});
+});
+//#endregion
+export { BlockDivider };
+
+//# sourceMappingURL=BlockDivider.js.map

package/dist/components/layout/BlockDivider/BlockDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockDivider.js","names":["styles"],"sources":["../../../../src/components/layout/BlockDivider/BlockDivider.tsx"],"sourcesContent":["import { forwardRef, type Ref } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./BlockDivider.module.css\";\nimport type { BlockDividerProps } from \"./BlockDivider.types\";\n\n/**\n * Carved separator line. Horizontal dividers render an `<hr>`; vertical ones a\n * `role=\"separator\"`. A labelled divider reads its label instead of a separator.\n */\nexport const BlockDivider = forwardRef<HTMLElement, BlockDividerProps>(function BlockDivider(\n  { orientation = \"horizontal\", variant = \"bevel\", label, decorative = false, className, ...rest },\n  ref,\n) {\n  const shared = {\n    \"data-orientation\": orientation,\n    \"data-variant\": variant,\n    className: cx(styles.divider, className),\n  };\n\n  if (label && orientation === \"horizontal\") {\n    return (\n      <div\n        ref={ref as Ref<HTMLDivElement>}\n        {...shared}\n        data-labelled=\"\"\n        aria-hidden={decorative || undefined}\n        {...rest}\n      >\n        <span className={styles.line} aria-hidden=\"true\" />\n        <span className={styles.label}>{label}</span>\n        <span className={styles.line} aria-hidden=\"true\" />\n      </div>\n    );\n  }\n\n  if (orientation === \"horizontal\") {\n    return (\n      <hr\n        ref={ref as Ref<HTMLHRElement>}\n        {...shared}\n        aria-hidden={decorative || undefined}\n        {...rest}\n      />\n    );\n  }\n\n  return (\n    <div\n      ref={ref as Ref<HTMLDivElement>}\n      role={decorative ? \"none\" : \"separator\"}\n      aria-orientation={decorative ? undefined : \"vertical\"}\n      {...shared}\n      {...rest}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;AASA,IAAa,eAAe,WAA2C,SAAS,aAC9E,EAAE,cAAc,cAAc,UAAU,SAAS,OAAO,aAAa,OAAO,WAAW,GAAG,QAC1F,KACA;CACA,MAAM,SAAS;EACb,oBAAoB;EACpB,gBAAgB;EAChB,WAAW,GAAGA,4BAAO,SAAS,SAAS;CACzC;CAEA,IAAI,SAAS,gBAAgB,cAC3B,OACE,qBAAC,OAAD;EACO;EACL,GAAI;EACJ,iBAAc;EACd,eAAa,cAAc,KAAA;EAC3B,GAAI;EALN,UAAA;GAOE,oBAAC,QAAD;IAAM,WAAWA,4BAAO;IAAM,eAAY;GAAQ,CAAA;GAClD,oBAAC,QAAD;IAAM,WAAWA,4BAAO;IAAQ,UAAA;GAAY,CAAA;GAC5C,oBAAC,QAAD;IAAM,WAAWA,4BAAO;IAAM,eAAY;GAAQ,CAAA;EAC/C;;CAIT,IAAI,gBAAgB,cAClB,OACE,oBAAC,MAAD;EACO;EACL,GAAI;EACJ,eAAa,cAAc,KAAA;EAC3B,GAAI;CACL,CAAA;CAIL,OACE,oBAAC,OAAD;EACO;EACL,MAAM,aAAa,SAAS;EAC5B,oBAAkB,aAAa,KAAA,IAAY;EAC3C,GAAI;EACJ,GAAI;CACL,CAAA;AAEL,CAAC"}

package/dist/components/layout/BlockDivider/BlockDivider.module.js

@@ -0,0 +1,13 @@
+//#region src/components/layout/BlockDivider/BlockDivider.module.css
+var divider = "block-divider-7wQzM";
+var line = "block-line-WiUib";
+var label = "block-label-5tJ-t";
+var BlockDivider_module_default = {
+	divider,
+	line,
+	label
+};
+//#endregion
+export { BlockDivider_module_default as default, divider, label, line };
+
+//# sourceMappingURL=BlockDivider.module.js.map

package/dist/components/layout/BlockDivider/BlockDivider.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockDivider.module.js","names":[],"sources":["../../../../src/components/layout/BlockDivider/BlockDivider.module.css"],"sourcesContent":[".divider {\n  --divider-thickness: 4px;\n  flex-shrink: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  color: var(--block-text-muted);\n}\n\n/* Horizontal / vertical lines share one look, drawn by .divider or .line. */\n.divider:not([data-labelled]),\n.line {\n  background-color: var(--block-border);\n}\n\n.divider[data-orientation=\"horizontal\"]:not([data-labelled]),\n.line {\n  width: 100%;\n  height: var(--divider-thickness);\n}\n\n.divider[data-orientation=\"vertical\"] {\n  align-self: stretch;\n  width: var(--divider-thickness);\n  min-height: 1em;\n}\n\n.divider[data-variant=\"bevel\"]:not([data-labelled]),\n.divider[data-variant=\"bevel\"] .line {\n  background-color: var(--block-shadow-bevel-dark);\n  box-shadow: inset -2px -2px 0 var(--block-shadow-bevel-light);\n}\n\n.divider[data-variant=\"line\"] {\n  --divider-thickness: 2px;\n}\n\n.divider[data-variant=\"dashed\"]:not([data-labelled]),\n.divider[data-variant=\"dashed\"] .line {\n  background-color: transparent;\n  background-image: linear-gradient(90deg, var(--block-border) 50%, transparent 50%);\n  background-size: 8px 100%;\n}\n\n.divider[data-orientation=\"vertical\"][data-variant=\"dashed\"] {\n  background-image: linear-gradient(180deg, var(--block-border) 50%, transparent 50%);\n  background-size: 100% 8px;\n}\n\n.divider[data-labelled] {\n  display: flex;\n  align-items: center;\n  gap: var(--block-space-3);\n  width: 100%;\n}\n\n.line {\n  flex: 1;\n  min-width: var(--block-space-4);\n}\n\n.label {\n  flex-shrink: 0;\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-sm);\n  font-weight: var(--block-font-weight-bold);\n  letter-spacing: var(--block-letter-spacing-wide);\n  text-transform: uppercase;\n}\n"],"mappings":""}

package/dist/components/layout/BlockDivider/BlockDivider.types.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export declare const dividerVariants: readonly ["bevel", "line", "dashed"];
+export type BlockDividerVariant = (typeof dividerVariants)[number];
+export interface BlockDividerProps extends HTMLAttributes<HTMLElement> {
+    /** @default "horizontal" */
+    orientation?: "horizontal" | "vertical";
+    /** `bevel` is a carved groove, `line` a flat border, `dashed` a pixel dash. @default "bevel" */
+    variant?: BlockDividerVariant;
+    /** Text in the middle of a horizontal divider (e.g. "or"). */
+    label?: ReactNode;
+    /** Purely visual: hide it from assistive technology. */
+    decorative?: boolean;
+}
+//# sourceMappingURL=BlockDivider.types.d.ts.map

package/dist/components/layout/BlockDivider/BlockDivider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockDivider.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BlockDivider/BlockDivider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,eAAe,sCAAuC,CAAC;AAEpE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnE,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACpE,4BAA4B;IAC5B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,gGAAgG;IAChG,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/components/layout/BlockDivider/BlockDivider.types.js

@@ -0,0 +1,10 @@
+//#region src/components/layout/BlockDivider/BlockDivider.types.ts
+var dividerVariants = [
+	"bevel",
+	"line",
+	"dashed"
+];
+//#endregion
+export { dividerVariants };
+
+//# sourceMappingURL=BlockDivider.types.js.map

package/dist/components/layout/BlockDivider/BlockDivider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockDivider.types.js","names":[],"sources":["../../../../src/components/layout/BlockDivider/BlockDivider.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport const dividerVariants = [\"bevel\", \"line\", \"dashed\"] as const;\n\nexport type BlockDividerVariant = (typeof dividerVariants)[number];\n\nexport interface BlockDividerProps extends HTMLAttributes<HTMLElement> {\n  /** @default \"horizontal\" */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** `bevel` is a carved groove, `line` a flat border, `dashed` a pixel dash. @default \"bevel\" */\n  variant?: BlockDividerVariant;\n  /** Text in the middle of a horizontal divider (e.g. \"or\"). */\n  label?: ReactNode;\n  /** Purely visual: hide it from assistive technology. */\n  decorative?: boolean;\n}\n"],"mappings":";AAEA,IAAa,kBAAkB;CAAC;CAAS;CAAQ;AAAQ"}

package/dist/components/layout/BlockDivider/index.d.ts

@@ -0,0 +1,4 @@
+export { BlockDivider } from "./BlockDivider";
+export { dividerVariants } from "./BlockDivider.types";
+export type { BlockDividerProps, BlockDividerVariant } from "./BlockDivider.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/BlockDivider/index.d.ts.map

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

package/dist/components/layout/BlockPanel/BlockPanel.d.ts

@@ -0,0 +1,7 @@
+import type { BlockPanelProps } from "./BlockPanel.types";
+/**
+ * The basic block container: a textured stone surface with a pixel border,
+ * bevel and an optional title strip. Titled panels are labelled regions.
+ */
+export declare const BlockPanel: import("react").ForwardRefExoticComponent<BlockPanelProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=BlockPanel.d.ts.map

package/dist/components/layout/BlockPanel/BlockPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BlockPanel/BlockPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;GAGG;AACH,eAAO,MAAM,UAAU,yGA2CrB,CAAC"}

package/dist/components/layout/BlockPanel/BlockPanel.js

@@ -0,0 +1,44 @@
+import { cx } from "../../../utils/cx.js";
+import BlockPanel_module_default from "./BlockPanel.module.js";
+import { createElement, forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/layout/BlockPanel/BlockPanel.tsx
+/**
+* The basic block container: a textured stone surface with a pixel border,
+* bevel and an optional title strip. Titled panels are labelled regions.
+*/
+var BlockPanel = forwardRef(function BlockPanel({ title, headingLevel = 2, actions, icon, variant = "stone", flush = false, as = "section", className, children, "aria-labelledby": ariaLabelledBy, ...rest }, ref) {
+	const titleId = useId();
+	const heading = title ? createElement(`h${headingLevel}`, {
+		id: titleId,
+		className: BlockPanel_module_default.title
+	}, title) : null;
+	return createElement(as, {
+		ref,
+		"aria-labelledby": ariaLabelledBy ?? (title ? titleId : void 0),
+		"data-variant": variant,
+		className: cx(BlockPanel_module_default.panel, BlockPanel_module_default[variant], className),
+		...rest
+	}, title || actions ? /* @__PURE__ */ jsxs("div", {
+		className: BlockPanel_module_default.header,
+		children: [
+			icon ? /* @__PURE__ */ jsx("span", {
+				className: BlockPanel_module_default.icon,
+				"aria-hidden": "true",
+				children: icon
+			}) : null,
+			heading,
+			actions ? /* @__PURE__ */ jsx("div", {
+				className: BlockPanel_module_default.actions,
+				children: actions
+			}) : null
+		]
+	}) : null, /* @__PURE__ */ jsx("div", {
+		className: cx(BlockPanel_module_default.body, flush && BlockPanel_module_default.flush),
+		children
+	}));
+});
+//#endregion
+export { BlockPanel };
+
+//# sourceMappingURL=BlockPanel.js.map

package/dist/components/layout/BlockPanel/BlockPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockPanel.js","names":["styles"],"sources":["../../../../src/components/layout/BlockPanel/BlockPanel.tsx"],"sourcesContent":["import { createElement, forwardRef, useId } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./BlockPanel.module.css\";\nimport type { BlockPanelProps } from \"./BlockPanel.types\";\n\n/**\n * The basic block container: a textured stone surface with a pixel border,\n * bevel and an optional title strip. Titled panels are labelled regions.\n */\nexport const BlockPanel = forwardRef<HTMLElement, BlockPanelProps>(function BlockPanel(\n  {\n    title,\n    headingLevel = 2,\n    actions,\n    icon,\n    variant = \"stone\",\n    flush = false,\n    as = \"section\",\n    className,\n    children,\n    \"aria-labelledby\": ariaLabelledBy,\n    ...rest\n  },\n  ref,\n) {\n  const titleId = useId();\n  const heading = title\n    ? createElement(`h${headingLevel}`, { id: titleId, className: styles.title }, title)\n    : null;\n\n  return createElement(\n    as,\n    {\n      ref,\n      \"aria-labelledby\": ariaLabelledBy ?? (title ? titleId : undefined),\n      \"data-variant\": variant,\n      className: cx(styles.panel, styles[variant], className),\n      ...rest,\n    },\n    title || actions ? (\n      <div className={styles.header}>\n        {icon ? (\n          <span className={styles.icon} aria-hidden=\"true\">\n            {icon}\n          </span>\n        ) : null}\n        {heading}\n        {actions ? <div className={styles.actions}>{actions}</div> : null}\n      </div>\n    ) : null,\n    <div className={cx(styles.body, flush && styles.flush)}>{children}</div>,\n  );\n});\n"],"mappings":";;;;;;;;;AASA,IAAa,aAAa,WAAyC,SAAS,WAC1E,EACE,OACA,eAAe,GACf,SACA,MACA,UAAU,SACV,QAAQ,OACR,KAAK,WACL,WACA,UACA,mBAAmB,gBACnB,GAAG,QAEL,KACA;CACA,MAAM,UAAU,MAAM;CACtB,MAAM,UAAU,QACZ,cAAc,IAAI,gBAAgB;EAAE,IAAI;EAAS,WAAWA,0BAAO;CAAM,GAAG,KAAK,IACjF;CAEJ,OAAO,cACL,IACA;EACE;EACA,mBAAmB,mBAAmB,QAAQ,UAAU,KAAA;EACxD,gBAAgB;EAChB,WAAW,GAAGA,0BAAO,OAAOA,0BAAO,UAAU,SAAS;EACtD,GAAG;CACL,GACA,SAAS,UACP,qBAAC,OAAD;EAAK,WAAWA,0BAAO;EAAvB,UAAA;GACG,OACC,oBAAC,QAAD;IAAM,WAAWA,0BAAO;IAAM,eAAY;IACvC,UAAA;GACG,CAAA,IACJ;GACH;GACA,UAAU,oBAAC,OAAD;IAAK,WAAWA,0BAAO;IAAU,UAAA;GAAa,CAAA,IAAI;EAC1D;CACH,CAAA,IAAA,MACJ,oBAAC,OAAD;EAAK,WAAW,GAAGA,0BAAO,MAAM,SAASA,0BAAO,KAAK;EAAI;CAAc,CAAA,CACzE;AACF,CAAC"}

package/dist/components/layout/BlockPanel/BlockPanel.module.js

@@ -0,0 +1,27 @@
+//#region src/components/layout/BlockPanel/BlockPanel.module.css
+var panel = "block-panel-rPtFI";
+var stone = "block-stone-RjpzB";
+var inset = "block-inset-5Bybc";
+var plain = "block-plain-30L3n";
+var header = "block-header-Pe5lL";
+var icon = "block-icon-XaYPp";
+var title = "block-title-GTIZb";
+var actions = "block-actions-fTWO5";
+var body = "block-body-Rb-bX";
+var flush = "block-flush-u0xcc";
+var BlockPanel_module_default = {
+	panel,
+	stone,
+	inset,
+	plain,
+	header,
+	icon,
+	title,
+	actions,
+	body,
+	flush
+};
+//#endregion
+export { actions, body, BlockPanel_module_default as default, flush, header, icon, inset, panel, plain, stone, title };
+
+//# sourceMappingURL=BlockPanel.module.js.map

package/dist/components/layout/BlockPanel/BlockPanel.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockPanel.module.js","names":[],"sources":["../../../../src/components/layout/BlockPanel/BlockPanel.module.css"],"sourcesContent":[".panel {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  color: var(--block-text);\n  border: var(--block-border-width) solid var(--block-border);\n}\n\n.stone {\n  background-color: var(--block-surface);\n  background-image:\n    linear-gradient(\n      color-mix(in srgb, var(--block-surface) 86%, transparent),\n      color-mix(in srgb, var(--block-surface) 86%, transparent)\n    ),\n    var(--block-texture);\n  background-size:\n    auto,\n    64px 64px;\n  image-rendering: pixelated;\n  box-shadow: var(--block-shadow-bevel), var(--block-shadow-drop);\n}\n\n.inset {\n  background-color: var(--block-surface-alt);\n  box-shadow: var(--block-shadow-inset);\n}\n\n.plain {\n  background-color: var(--block-surface-alt);\n  box-shadow: var(--block-shadow-bevel);\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: var(--block-space-2);\n  min-height: 40px;\n  margin: 3px 3px 0;\n  padding: var(--block-space-2) var(--block-space-3);\n  background-color: var(--block-surface-header);\n  border-bottom: var(--block-border-width-thin) solid var(--block-border);\n  box-shadow: inset 0 -2px 0 var(--block-shadow-bevel-light);\n}\n\n.icon {\n  display: inline-flex;\n}\n\n.title {\n  flex: 1;\n  min-width: 0;\n  margin: 0;\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-lg);\n  font-weight: var(--block-font-weight-bold);\n  line-height: 1.2;\n  letter-spacing: var(--block-letter-spacing-wide);\n  text-transform: uppercase;\n  text-shadow: var(--block-shadow-text);\n  overflow-wrap: anywhere;\n}\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--block-space-2);\n  margin-left: auto;\n}\n\n.body {\n  flex: 1;\n  min-width: 0;\n  padding: var(--block-space-4);\n}\n\n.flush {\n  padding: 0;\n}\n"],"mappings":""}