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

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/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":""}

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

@@ -0,0 +1,20 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type BlockPanelVariant = "stone" | "inset" | "plain";
+export interface BlockPanelProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /** Header title, rendered in the pixel display font. */
+    title?: ReactNode;
+    /** Heading level for the title. @default 2 */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+    /** Elements on the right side of the header (buttons, badges). */
+    actions?: ReactNode;
+    /** Icon before the title. */
+    icon?: ReactNode;
+    /** @default "stone" */
+    variant?: BlockPanelVariant;
+    /** Remove body padding (e.g. for edge-to-edge media). */
+    flush?: boolean;
+    /** Render as a different element. @default "section" */
+    as?: "section" | "div" | "article" | "aside";
+    children?: ReactNode;
+}
+//# sourceMappingURL=BlockPanel.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockPanel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BlockPanel/BlockPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACjF,wDAAwD;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjC,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uBAAuB;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wDAAwD;IACxD,EAAE,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,CAAC;IAC7C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BlockPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC"}

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

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

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

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

package/dist/components/navigation/BlockSidebar/BlockSidebar.d.ts

@@ -0,0 +1,9 @@
+import type { BlockSidebarProps, SidebarItemProps } from "./BlockSidebar.types";
+/**
+ * Main navigation rail. Collapses to icons on tablet and hides on mobile when
+ * `responsive` (pair it with `HotbarNavigation`).
+ */
+export declare const BlockSidebar: import("react").ForwardRefExoticComponent<BlockSidebarProps & import("react").RefAttributes<HTMLElement>>;
+/** A sidebar entry. Renders `<a>` with `href`, otherwise `<button>`. */
+export declare const SidebarItem: import("react").ForwardRefExoticComponent<SidebarItemProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=BlockSidebar.d.ts.map

package/dist/components/navigation/BlockSidebar/BlockSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockSidebar/BlockSidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGhF;;;GAGG;AACH,eAAO,MAAM,YAAY,2GAiCvB,CAAC;AAEH,wEAAwE;AACxE,eAAO,MAAM,WAAW,0GAsEtB,CAAC"}

package/dist/components/navigation/BlockSidebar/BlockSidebar.js

@@ -0,0 +1,96 @@
+import { cx } from "../../../utils/cx.js";
+import { useMediaQuery } from "../../../hooks/useMediaQuery.js";
+import BlockSidebar_module_default from "./BlockSidebar.module.js";
+import { SidebarContext, useSidebar } from "./context.js";
+import { forwardRef, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { media } from "@malilion/block-ui-tokens";
+//#region src/components/navigation/BlockSidebar/BlockSidebar.tsx
+/**
+* Main navigation rail. Collapses to icons on tablet and hides on mobile when
+* `responsive` (pair it with `HotbarNavigation`).
+*/
+var BlockSidebar = forwardRef(function BlockSidebar({ header, footer, collapsed = false, responsive = true, label = "Main", className, children, ...rest }, ref) {
+	const tablet = useMediaQuery(media.tablet);
+	const isCollapsed = collapsed || responsive && tablet;
+	const context = useMemo(() => ({ collapsed: isCollapsed }), [isCollapsed]);
+	return /* @__PURE__ */ jsxs("nav", {
+		ref,
+		"aria-label": label,
+		"data-collapsed": isCollapsed || void 0,
+		"data-responsive": responsive || void 0,
+		className: cx(BlockSidebar_module_default.sidebar, className),
+		...rest,
+		children: [
+			header ? /* @__PURE__ */ jsx("div", {
+				className: BlockSidebar_module_default.header,
+				children: header
+			}) : null,
+			/* @__PURE__ */ jsx(SidebarContext.Provider, {
+				value: context,
+				children: /* @__PURE__ */ jsx("ul", {
+					className: BlockSidebar_module_default.list,
+					children
+				})
+			}),
+			footer ? /* @__PURE__ */ jsx("div", {
+				className: BlockSidebar_module_default.footer,
+				children: footer
+			}) : null
+		]
+	});
+});
+/** A sidebar entry. Renders `<a>` with `href`, otherwise `<button>`. */
+var SidebarItem = forwardRef(function SidebarItem({ icon, active = false, href, onClick, badge, disabled = false, className, children, title, ...rest }, ref) {
+	const { collapsed } = useSidebar();
+	const tooltip = title ?? (collapsed && typeof children === "string" ? children : void 0);
+	const handleClick = (event) => {
+		if (disabled) {
+			event.preventDefault();
+			return;
+		}
+		onClick?.(event);
+	};
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+		icon ? /* @__PURE__ */ jsx("span", {
+			className: BlockSidebar_module_default.icon,
+			"aria-hidden": "true",
+			children: icon
+		}) : null,
+		/* @__PURE__ */ jsx("span", {
+			className: BlockSidebar_module_default.label,
+			children
+		}),
+		badge !== void 0 && badge !== null ? /* @__PURE__ */ jsxs(Fragment, { children: [" ", /* @__PURE__ */ jsx("span", {
+			className: BlockSidebar_module_default.badge,
+			children: badge
+		})] }) : null
+	] });
+	const shared = {
+		className: cx(BlockSidebar_module_default.item, className),
+		"aria-current": active ? "page" : void 0,
+		"aria-disabled": disabled || void 0,
+		"data-active": active || void 0,
+		title: tooltip,
+		onClick: handleClick
+	};
+	return /* @__PURE__ */ jsx("li", {
+		className: BlockSidebar_module_default.listItem,
+		children: href !== void 0 ? /* @__PURE__ */ jsx("a", {
+			ref,
+			href: disabled ? void 0 : href,
+			...shared,
+			...rest,
+			children: content
+		}) : /* @__PURE__ */ jsx("button", {
+			ref,
+			type: "button",
+			...shared,
+			children: content
+		})
+	});
+});
+//#endregion
+export { BlockSidebar, SidebarItem };
+
+//# sourceMappingURL=BlockSidebar.js.map

package/dist/components/navigation/BlockSidebar/BlockSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockSidebar.js","names":["styles","_Fragment"],"sources":["../../../../src/components/navigation/BlockSidebar/BlockSidebar.tsx"],"sourcesContent":["import { media } from \"@malilion/block-ui-tokens\";\nimport { forwardRef, useMemo, type MouseEvent, type Ref } from \"react\";\nimport { useMediaQuery } from \"../../../hooks/useMediaQuery\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./BlockSidebar.module.css\";\nimport type { BlockSidebarProps, SidebarItemProps } from \"./BlockSidebar.types\";\nimport { SidebarContext, useSidebar } from \"./context\";\n\n/**\n * Main navigation rail. Collapses to icons on tablet and hides on mobile when\n * `responsive` (pair it with `HotbarNavigation`).\n */\nexport const BlockSidebar = forwardRef<HTMLElement, BlockSidebarProps>(function BlockSidebar(\n  {\n    header,\n    footer,\n    collapsed = false,\n    responsive = true,\n    label = \"Main\",\n    className,\n    children,\n    ...rest\n  },\n  ref,\n) {\n  const tablet = useMediaQuery(media.tablet);\n  const isCollapsed = collapsed || (responsive && tablet);\n  const context = useMemo(() => ({ collapsed: isCollapsed }), [isCollapsed]);\n\n  return (\n    <nav\n      ref={ref}\n      aria-label={label}\n      data-collapsed={isCollapsed || undefined}\n      data-responsive={responsive || undefined}\n      className={cx(styles.sidebar, className)}\n      {...rest}\n    >\n      {header ? <div className={styles.header}>{header}</div> : null}\n      <SidebarContext.Provider value={context}>\n        <ul className={styles.list}>{children}</ul>\n      </SidebarContext.Provider>\n      {footer ? <div className={styles.footer}>{footer}</div> : null}\n    </nav>\n  );\n});\n\n/** A sidebar entry. Renders `<a>` with `href`, otherwise `<button>`. */\nexport const SidebarItem = forwardRef<HTMLElement, SidebarItemProps>(function SidebarItem(\n  {\n    icon,\n    active = false,\n    href,\n    onClick,\n    badge,\n    disabled = false,\n    className,\n    children,\n    title,\n    ...rest\n  },\n  ref,\n) {\n  const { collapsed } = useSidebar();\n  const tooltip = title ?? (collapsed && typeof children === \"string\" ? children : undefined);\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n  };\n\n  const content = (\n    <>\n      {icon ? (\n        <span className={styles.icon} aria-hidden=\"true\">\n          {icon}\n        </span>\n      ) : null}\n      <span className={styles.label}>{children}</span>\n      {badge !== undefined && badge !== null ? (\n        <>\n          {\" \"}\n          <span className={styles.badge}>{badge}</span>\n        </>\n      ) : null}\n    </>\n  );\n\n  const shared = {\n    className: cx(styles.item, className),\n    \"aria-current\": active ? (\"page\" as const) : undefined,\n    \"aria-disabled\": disabled || undefined,\n    \"data-active\": active || undefined,\n    title: tooltip,\n    onClick: handleClick,\n  };\n\n  return (\n    <li className={styles.listItem}>\n      {href !== undefined ? (\n        <a\n          ref={ref as Ref<HTMLAnchorElement>}\n          href={disabled ? undefined : href}\n          {...shared}\n          {...rest}\n        >\n          {content}\n        </a>\n      ) : (\n        <button ref={ref as Ref<HTMLButtonElement>} type=\"button\" {...shared}>\n          {content}\n        </button>\n      )}\n    </li>\n  );\n});\n"],"mappings":";;;;;;;;;;;;AAYA,IAAa,eAAe,WAA2C,SAAS,aAC9E,EACE,QACA,QACA,YAAY,OACZ,aAAa,MACb,QAAQ,QACR,WACA,UACA,GAAG,QAEL,KACA;CACA,MAAM,SAAS,cAAc,MAAM,MAAM;CACzC,MAAM,cAAc,aAAc,cAAc;CAChD,MAAM,UAAU,eAAe,EAAE,WAAW,YAAY,IAAI,CAAC,WAAW,CAAC;CAEzE,OACE,qBAAC,OAAD;EACO;EACL,cAAY;EACZ,kBAAgB,eAAe,KAAA;EAC/B,mBAAiB,cAAc,KAAA;EAC/B,WAAW,GAAGA,4BAAO,SAAS,SAAS;EACvC,GAAI;EANN,UAAA;GAQG,SAAS,oBAAC,OAAD;IAAK,WAAWA,4BAAO;IAAS,UAAA;GAAY,CAAA,IAAI;GAC1D,oBAAC,eAAe,UAAhB;IAAyB,OAAO;IAC9B,UAAA,oBAAC,MAAD;KAAI,WAAWA,4BAAO;KAAO;IAAa,CAAA;GACnB,CAAA;GACxB,SAAS,oBAAC,OAAD;IAAK,WAAWA,4BAAO;IAAS,UAAA;GAAY,CAAA,IAAI;EACvD;;AAET,CAAC;;AAGD,IAAa,cAAc,WAA0C,SAAS,YAC5E,EACE,MACA,SAAS,OACT,MACA,SACA,OACA,WAAW,OACX,WACA,UACA,OACA,GAAG,QAEL,KACA;CACA,MAAM,EAAE,cAAc,WAAW;CACjC,MAAM,UAAU,UAAU,aAAa,OAAO,aAAa,WAAW,WAAW,KAAA;CAEjF,MAAM,eAAe,UAAmC;EACtD,IAAI,UAAU;GACZ,MAAM,eAAe;GACrB;EACF;EACA,UAAU,KAAK;CACjB;CAEA,MAAM,UACJ,qBAAAC,UAAA,EAAA,UAAA;EACG,OACC,oBAAC,QAAD;GAAM,WAAWD,4BAAO;GAAM,eAAY;GACvC,UAAA;EACG,CAAA,IACJ;EACJ,oBAAC,QAAD;GAAM,WAAWA,4BAAO;GAAQ;EAAe,CAAA;EAC9C,UAAU,KAAA,KAAa,UAAU,OAChC,qBAAAC,UAAA,EAAA,UAAA,CACG,KACD,oBAAC,QAAD;GAAM,WAAWD,4BAAO;GAAQ,UAAA;EAAY,CAAA,CAC5C,EAAA,CAAA,IACA;CACJ,EAAA,CAAA;CAGJ,MAAM,SAAS;EACb,WAAW,GAAGA,4BAAO,MAAM,SAAS;EACpC,gBAAgB,SAAU,SAAmB,KAAA;EAC7C,iBAAiB,YAAY,KAAA;EAC7B,eAAe,UAAU,KAAA;EACzB,OAAO;EACP,SAAS;CACX;CAEA,OACE,oBAAC,MAAD;EAAI,WAAWA,4BAAO;EACnB,UAAA,SAAS,KAAA,IACR,oBAAC,KAAD;GACO;GACL,MAAM,WAAW,KAAA,IAAY;GAC7B,GAAI;GACJ,GAAI;GAEH,UAAA;EACA,CAAA,IAEH,oBAAC,UAAD;GAAa;GAA+B,MAAK;GAAS,GAAI;GAC3D,UAAA;EACK,CAAA;CAER,CAAA;AAER,CAAC"}

package/dist/components/navigation/BlockSidebar/BlockSidebar.module.js

@@ -0,0 +1,25 @@
+//#region src/components/navigation/BlockSidebar/BlockSidebar.module.css
+var sidebar = "block-sidebar-h3ahB";
+var header = "block-header-NX0dw";
+var list = "block-list-YWcM0";
+var listItem = "block-listItem-SWSlH";
+var item = "block-item-uFbXw";
+var icon = "block-icon-gZaaA";
+var label = "block-label--tdpQ";
+var badge = "block-badge-vocdh";
+var footer = "block-footer-zacyK";
+var BlockSidebar_module_default = {
+	sidebar,
+	header,
+	list,
+	listItem,
+	item,
+	icon,
+	label,
+	badge,
+	footer
+};
+//#endregion
+export { badge, BlockSidebar_module_default as default, footer, header, icon, item, label, list, listItem, sidebar };
+
+//# sourceMappingURL=BlockSidebar.module.js.map

package/dist/components/navigation/BlockSidebar/BlockSidebar.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockSidebar.module.js","names":[],"sources":["../../../../src/components/navigation/BlockSidebar/BlockSidebar.module.css"],"sourcesContent":[".sidebar {\n  display: flex;\n  flex-direction: column;\n  gap: var(--block-space-3);\n  width: var(--block-size-sidebar);\n  min-height: 100%;\n  padding: var(--block-space-3);\n  color: var(--block-text);\n  background-color: var(--block-surface-alt);\n  background-image:\n    linear-gradient(\n      color-mix(in srgb, var(--block-surface-alt) 82%, transparent),\n      color-mix(in srgb, var(--block-surface-alt) 82%, transparent)\n    ),\n    var(--block-texture);\n  background-size:\n    auto,\n    64px 64px;\n  border: var(--block-border-width) solid var(--block-border);\n  box-shadow: var(--block-shadow-bevel);\n}\n\n.sidebar[data-collapsed] {\n  width: var(--block-size-sidebar-collapsed);\n  padding-inline: var(--block-space-2);\n}\n\n.header {\n  padding-bottom: var(--block-space-3);\n  border-bottom: var(--block-border-width-thin) solid var(--block-border);\n}\n\n.list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--block-space-1);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.listItem {\n  display: flex;\n}\n\n.item {\n  display: flex;\n  align-items: center;\n  gap: var(--block-space-3);\n  width: 100%;\n  min-height: 40px;\n  padding: var(--block-space-1) var(--block-space-3);\n  font: inherit;\n  font-size: var(--block-font-size-md);\n  font-weight: var(--block-font-weight-medium);\n  color: var(--block-text);\n  text-align: left;\n  text-decoration: none;\n  background: transparent;\n  border: var(--block-border-width-thin) solid transparent;\n  cursor: pointer;\n  transition:\n    background-color var(--block-duration-instant) var(--block-ease-step),\n    transform var(--block-duration-instant) var(--block-ease-step);\n}\n\n.item:hover:not([aria-disabled=\"true\"]):not([data-active]) {\n  background-color: var(--block-slot-hover);\n  border-color: var(--block-border);\n}\n\n.item:active:not([aria-disabled=\"true\"]) {\n  transform: translateY(1px);\n}\n\n.item:focus-visible {\n  outline: 3px solid var(--block-focus);\n  outline-offset: 1px;\n}\n\n.item[data-active] {\n  color: var(--block-on-primary);\n  /* Stays readable on hover: the hover rule above skips the active item. */\n  background-color: var(--block-primary);\n  border-color: var(--block-border);\n  box-shadow:\n    inset 2px 2px 0 var(--block-primary-light),\n    inset -2px -3px 0 var(--block-primary-dark);\n}\n\n.item[aria-disabled=\"true\"] {\n  color: var(--block-text-muted);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.icon {\n  display: inline-flex;\n  flex-shrink: 0;\n  filter: drop-shadow(1px 1px 0 var(--block-border));\n}\n\n.label {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.badge {\n  flex-shrink: 0;\n  min-width: 22px;\n  padding: 0 var(--block-space-1);\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-xs);\n  text-align: center;\n  color: var(--block-on-redstone);\n  background-color: var(--block-redstone);\n  border: 1px solid var(--block-border);\n}\n\n.sidebar[data-collapsed] .item {\n  justify-content: center;\n  padding-inline: 0;\n}\n\n.sidebar[data-collapsed] .label,\n.sidebar[data-collapsed] .badge {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n\n.footer {\n  margin-top: auto;\n  padding-top: var(--block-space-3);\n  border-top: var(--block-border-width-thin) solid var(--block-border);\n}\n\n@media (max-width: 767.98px) {\n  .sidebar[data-responsive] {\n    display: none;\n  }\n}\n"],"mappings":""}

package/dist/components/navigation/BlockSidebar/BlockSidebar.types.d.ts

@@ -0,0 +1,30 @@
+import type { AnchorHTMLAttributes, HTMLAttributes, MouseEvent, ReactNode } from "react";
+export interface BlockSidebarProps extends HTMLAttributes<HTMLElement> {
+    /** Brand / logo area at the top. */
+    header?: ReactNode;
+    /** Content pinned to the bottom. */
+    footer?: ReactNode;
+    /** Force the icon-only rail. */
+    collapsed?: boolean;
+    /**
+     * Follow the PRD breakpoints: collapsed on tablet (768–1023px) and hidden on
+     * mobile (< 768px, use `HotbarNavigation` there). @default true
+     */
+    responsive?: boolean;
+    /** Accessible name of the `<nav>`. @default "Main" */
+    label?: string;
+    children?: ReactNode;
+}
+export interface SidebarItemProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "children"> {
+    icon?: ReactNode;
+    /** Current page — sets `aria-current="page"`. */
+    active?: boolean;
+    /** Renders a link when set, otherwise a button. */
+    href?: string;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    /** Small count or label on the right (hidden when collapsed). */
+    badge?: ReactNode;
+    disabled?: boolean;
+    children: ReactNode;
+}
+//# sourceMappingURL=BlockSidebar.types.d.ts.map

package/dist/components/navigation/BlockSidebar/BlockSidebar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockSidebar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockSidebar/BlockSidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACpE,oCAAoC;IACpC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,SAAS,GAAG,UAAU,CACvB;IACC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,iEAAiE;IACjE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB"}

package/dist/components/navigation/BlockSidebar/context.d.ts

@@ -0,0 +1,7 @@
+export declare const SidebarContext: import("react").Context<{
+    collapsed: boolean;
+}>;
+export declare function useSidebar(): {
+    collapsed: boolean;
+};
+//# sourceMappingURL=context.d.ts.map

package/dist/components/navigation/BlockSidebar/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockSidebar/context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;eAA8B,OAAO;EAAyB,CAAC;AAE1F,wBAAgB,UAAU;eAF+B,OAAO;EAI/D"}

package/dist/components/navigation/BlockSidebar/context.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+//#region src/components/navigation/BlockSidebar/context.ts
+var SidebarContext = createContext({ collapsed: false });
+function useSidebar() {
+	return useContext(SidebarContext);
+}
+//#endregion
+export { SidebarContext, useSidebar };
+
+//# sourceMappingURL=context.js.map

package/dist/components/navigation/BlockSidebar/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../../src/components/navigation/BlockSidebar/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport const SidebarContext = createContext<{ collapsed: boolean }>({ collapsed: false });\n\nexport function useSidebar() {\n  return useContext(SidebarContext);\n}\n"],"mappings":";;AAEA,IAAa,iBAAiB,cAAsC,EAAE,WAAW,MAAM,CAAC;AAExF,SAAgB,aAAa;CAC3B,OAAO,WAAW,cAAc;AAClC"}

package/dist/components/navigation/BlockSidebar/index.d.ts

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

package/dist/components/navigation/BlockSidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockSidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC3D,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}