@malilion/block-ui-react 0.5.0 → 0.6.0

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

@@ -1,11 +1,15 @@
+import { enMessages } from "../../../locale/messages.js";
 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 }) {
+function describeItemStack({ name, amount, durability, maxDurability }, messages = enMessages) {
 	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)}`);
+	if (durability !== void 0 && maxDurability !== void 0) {
+		const m = typeof messages === "object" && messages !== null ? messages : enMessages;
+		parts.push(m.durability.value(formatNumber(durability), formatNumber(maxDurability)));
+	}
 	return parts.join(", ");
 }
 //#endregion

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

@@ -1 +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"}
+{"version":3,"file":"ItemStack.utils.js","names":[],"sources":["../../../../src/components/inventory/ItemStack/ItemStack.utils.ts"],"sourcesContent":["import { enMessages, type BlockUIMessages } from \"../../../locale/messages\";\nimport { 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  {\n    name,\n    amount,\n    durability,\n    maxDurability,\n  }: Pick<ItemStackProps, \"name\" | \"amount\" | \"durability\" | \"maxDurability\">,\n  messages: BlockUIMessages = enMessages,\n): 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    const m = typeof messages === \"object\" && messages !== null ? messages : enMessages;\n    parts.push(m.durability.value(formatNumber(durability), formatNumber(maxDurability)));\n  }\n  return parts.join(\", \");\n}\n"],"mappings":";;;;AAKA,SAAgB,kBACd,EACE,MACA,QACA,YACA,iBAEF,WAA4B,YACpB;CACR,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,GAAW;EAC3D,MAAM,IAAI,OAAO,aAAa,YAAY,aAAa,OAAO,WAAW;EACzE,MAAM,KAAK,EAAE,WAAW,MAAM,aAAa,UAAU,GAAG,aAAa,aAAa,CAAC,CAAC;CACtF;CACA,OAAO,MAAM,KAAK,IAAI;AACxB"}

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

@@ -1 +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"}
+{"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;AAI5D;;;GAGG;AACH,eAAO,MAAM,WAAW,6GAuCtB,CAAC"}

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

@@ -1,4 +1,5 @@
 import { cx } from "../../../utils/cx.js";
+import { useBlockUIMessages } from "../../../provider/context.js";
 import ItemTooltip_module_default from "./ItemTooltip.module.js";
 import { normalizeRarity } from "./ItemTooltip.utils.js";
 import { forwardRef } from "react";
@@ -9,6 +10,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * automatically by `InventorySlot` when it receives a `tooltip`.
 */
 var ItemTooltip = forwardRef(function ItemTooltip({ name, rarity, description, enchantments, stats, statIcon, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	const normalized = normalizeRarity(rarity);
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
@@ -22,7 +24,7 @@ var ItemTooltip = forwardRef(function ItemTooltip({ name, rarity, description, e
 			}),
 			rarity ? /* @__PURE__ */ jsx("p", {
 				className: ItemTooltip_module_default.rarity,
-				children: rarity
+				children: normalized ? m.rarity[normalized] : rarity
 			}) : null,
 			enchantments && enchantments.length > 0 ? /* @__PURE__ */ jsx("ul", {
 				className: ItemTooltip_module_default.enchantments,

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

@@ -1 +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"}
+{"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\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\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 m = useBlockUIMessages();\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 ? (\n        <p className={styles.rarity}>{normalized ? m.rarity[normalized] : rarity}</p>\n      ) : 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":";;;;;;;;;;;AAWA,IAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,MAAM,QAAQ,aAAa,cAAc,OAAO,UAAU,WAAW,GAAG,QAC1E,KACA;CACA,MAAM,IAAI,mBAAmB;CAC7B,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,SACC,oBAAC,KAAD;IAAG,WAAWA,2BAAO;IAAS,UAAA,aAAa,EAAE,OAAO,cAAc;GAAU,CAAA,IAC1E;GACH,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/navigation/BlockPagination/BlockPagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockPagination/BlockPagination.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAGpE;;;GAGG;AACH,eAAO,MAAM,eAAe,8GA+F3B,CAAC"}
+{"version":3,"file":"BlockPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockPagination/BlockPagination.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIpE;;;GAGG;AACH,eAAO,MAAM,eAAe,8GAgG3B,CAAC"}

package/dist/components/navigation/BlockPagination/BlockPagination.js

@@ -1,4 +1,5 @@
 import { cx } from "../../../utils/cx.js";
+import { useBlockUIMessages } from "../../../provider/context.js";
 import { BlockButton } from "../../actions/BlockButton/BlockButton.js";
 import { useControllableState } from "../../../hooks/useControllableState.js";
 import { clamp } from "../../../utils/number.js";
@@ -12,7 +13,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Page navigation with previous / next arrows. The current page is a grass
 * block marked `aria-current="page"`; long ranges collapse into ellipses.
 */
-var BlockPagination = forwardRef(function BlockPagination({ pageCount, page, defaultPage = 1, onPageChange, siblingCount = 1, boundaryCount = 1, variant = "full", size = "md", disabled = false, label = "Pagination", className, ...rest }, ref) {
+var BlockPagination = forwardRef(function BlockPagination({ pageCount, page, defaultPage = 1, onPageChange, siblingCount = 1, boundaryCount = 1, variant = "full", size = "md", disabled = false, label, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	const count = Math.max(1, Math.floor(pageCount));
 	const [rawPage, setPage] = useControllableState({
 		value: page,
@@ -27,7 +29,7 @@ var BlockPagination = forwardRef(function BlockPagination({ pageCount, page, def
 	const buttonSize = size === "sm" ? "sm" : "md";
 	return /* @__PURE__ */ jsx("nav", {
 		ref,
-		"aria-label": label,
+		"aria-label": label ?? m.pagination.label,
 		"data-size": size,
 		className: cx(BlockPagination_module_default.pagination, className),
 		...rest,
@@ -36,25 +38,20 @@ var BlockPagination = forwardRef(function BlockPagination({ pageCount, page, def
 			children: [
 				/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(BlockButton, {
 					size: buttonSize,
-					"aria-label": "Previous page",
+					"aria-label": m.pagination.previous,
 					disabled: disabled || current <= 1,
 					className: BlockPagination_module_default.arrow,
 					onClick: () => goTo(current - 1),
 					children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: 16 })
 				}) }),
-				variant === "compact" ? /* @__PURE__ */ jsxs("li", {
+				variant === "compact" ? /* @__PURE__ */ jsx("li", {
 					className: BlockPagination_module_default.status,
 					"aria-live": "polite",
-					children: [
-						"Page ",
-						current,
-						" of ",
-						count
-					]
+					children: m.pagination.pageOf(current, count)
 				}) : getPaginationRange(current, count, siblingCount, boundaryCount).map((entry) => typeof entry === "number" ? /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(BlockButton, {
 					size: buttonSize,
 					variant: entry === current ? "grass" : "stone",
-					"aria-label": `Page ${entry}`,
+					"aria-label": m.pagination.page(entry),
 					"aria-current": entry === current ? "page" : void 0,
 					disabled,
 					className: BlockPagination_module_default.page,
@@ -67,7 +64,7 @@ var BlockPagination = forwardRef(function BlockPagination({ pageCount, page, def
 				}, entry)),
 				/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(BlockButton, {
 					size: buttonSize,
-					"aria-label": "Next page",
+					"aria-label": m.pagination.next,
 					disabled: disabled || current >= count,
 					className: BlockPagination_module_default.arrow,
 					onClick: () => goTo(current + 1),

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

@@ -1 +1 @@
-{"version":3,"file":"BlockPagination.js","names":["styles"],"sources":["../../../../src/components/navigation/BlockPagination/BlockPagination.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { cx } from \"../../../utils/cx\";\nimport { clamp } from \"../../../utils/number\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport styles from \"./BlockPagination.module.css\";\nimport type { BlockPaginationProps } from \"./BlockPagination.types\";\nimport { getPaginationRange } from \"./BlockPagination.utils\";\n\n/**\n * Page navigation with previous / next arrows. The current page is a grass\n * block marked `aria-current=\"page\"`; long ranges collapse into ellipses.\n */\nexport const BlockPagination = forwardRef<HTMLElement, BlockPaginationProps>(\n  function BlockPagination(\n    {\n      pageCount,\n      page,\n      defaultPage = 1,\n      onPageChange,\n      siblingCount = 1,\n      boundaryCount = 1,\n      variant = \"full\",\n      size = \"md\",\n      disabled = false,\n      label = \"Pagination\",\n      className,\n      ...rest\n    },\n    ref,\n  ) {\n    const count = Math.max(1, Math.floor(pageCount));\n    const [rawPage, setPage] = useControllableState({\n      value: page,\n      defaultValue: defaultPage,\n      onChange: onPageChange,\n    });\n    const current = clamp(rawPage, 1, count);\n\n    const goTo = (next: number) => {\n      if (disabled || next < 1 || next > count || next === current) return;\n      setPage(next);\n    };\n\n    const buttonSize = size === \"sm\" ? \"sm\" : \"md\";\n\n    return (\n      <nav\n        ref={ref}\n        aria-label={label}\n        data-size={size}\n        className={cx(styles.pagination, className)}\n        {...rest}\n      >\n        <ul className={styles.list}>\n          <li>\n            <BlockButton\n              size={buttonSize}\n              aria-label=\"Previous page\"\n              disabled={disabled || current <= 1}\n              className={styles.arrow}\n              onClick={() => goTo(current - 1)}\n            >\n              <ChevronLeftIcon size={16} />\n            </BlockButton>\n          </li>\n          {variant === \"compact\" ? (\n            <li className={styles.status} aria-live=\"polite\">\n              Page {current} of {count}\n            </li>\n          ) : (\n            getPaginationRange(current, count, siblingCount, boundaryCount).map((entry) =>\n              typeof entry === \"number\" ? (\n                <li key={entry}>\n                  <BlockButton\n                    size={buttonSize}\n                    variant={entry === current ? \"grass\" : \"stone\"}\n                    aria-label={`Page ${entry}`}\n                    aria-current={entry === current ? \"page\" : undefined}\n                    disabled={disabled}\n                    className={styles.page}\n                    onClick={() => goTo(entry)}\n                  >\n                    {entry}\n                  </BlockButton>\n                </li>\n              ) : (\n                <li key={entry} className={styles.ellipsis} aria-hidden=\"true\">\n                  …\n                </li>\n              ),\n            )\n          )}\n          <li>\n            <BlockButton\n              size={buttonSize}\n              aria-label=\"Next page\"\n              disabled={disabled || current >= count}\n              className={styles.arrow}\n              onClick={() => goTo(current + 1)}\n            >\n              <ChevronRightIcon size={16} />\n            </BlockButton>\n          </li>\n        </ul>\n      </nav>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;AAcA,IAAa,kBAAkB,WAC7B,SAAS,gBACP,EACE,WACA,MACA,cAAc,GACd,cACA,eAAe,GACf,gBAAgB,GAChB,UAAU,QACV,OAAO,MACP,WAAW,OACX,QAAQ,cACR,WACA,GAAG,QAEL,KACA;CACA,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,CAAC;CAC/C,MAAM,CAAC,SAAS,WAAW,qBAAqB;EAC9C,OAAO;EACP,cAAc;EACd,UAAU;CACZ,CAAC;CACD,MAAM,UAAU,MAAM,SAAS,GAAG,KAAK;CAEvC,MAAM,QAAQ,SAAiB;EAC7B,IAAI,YAAY,OAAO,KAAK,OAAO,SAAS,SAAS,SAAS;EAC9D,QAAQ,IAAI;CACd;CAEA,MAAM,aAAa,SAAS,OAAO,OAAO;CAE1C,OACE,oBAAC,OAAD;EACO;EACL,cAAY;EACZ,aAAW;EACX,WAAW,GAAGA,+BAAO,YAAY,SAAS;EAC1C,GAAI;EAEJ,UAAA,qBAAC,MAAD;GAAI,WAAWA,+BAAO;GAAtB,UAAA;IACE,oBAAC,MAAD,EAAA,UACE,oBAAC,aAAD;KACE,MAAM;KACN,cAAW;KACX,UAAU,YAAY,WAAW;KACjC,WAAWA,+BAAO;KAClB,eAAe,KAAK,UAAU,CAAC;KAE/B,UAAA,oBAAC,iBAAD,EAAiB,MAAM,GAAK,CAAA;IACjB,CAAA,EACX,CAAA;IACH,YAAY,YACX,qBAAC,MAAD;KAAI,WAAWA,+BAAO;KAAQ,aAAU;KAAxC,UAAA;MAAiD;MACzC;MAAQ;MAAK;KACjB;IAEJ,CAAA,IAAA,mBAAmB,SAAS,OAAO,cAAc,aAAa,CAAC,CAAC,KAAK,UACnE,OAAO,UAAU,WACf,oBAAC,MAAD,EAAA,UACE,oBAAC,aAAD;KACE,MAAM;KACN,SAAS,UAAU,UAAU,UAAU;KACvC,cAAY,QAAQ;KACpB,gBAAc,UAAU,UAAU,SAAS,KAAA;KACjC;KACV,WAAWA,+BAAO;KAClB,eAAe,KAAK,KAAK;KAExB,UAAA;IACU,CAAA,EACX,GAZK,KAYL,IAEJ,oBAAC,MAAD;KAAgB,WAAWA,+BAAO;KAAU,eAAY;KAAO,UAAA;IAE3D,GAFK,KAEL,CAER;IAEF,oBAAC,MAAD,EAAA,UACE,oBAAC,aAAD;KACE,MAAM;KACN,cAAW;KACX,UAAU,YAAY,WAAW;KACjC,WAAWA,+BAAO;KAClB,eAAe,KAAK,UAAU,CAAC;KAE/B,UAAA,oBAAC,kBAAD,EAAkB,MAAM,GAAK,CAAA;IAClB,CAAA,EACX,CAAA;GACF;;CACD,CAAA;AAET,CACF"}
+{"version":3,"file":"BlockPagination.js","names":["styles"],"sources":["../../../../src/components/navigation/BlockPagination/BlockPagination.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { cx } from \"../../../utils/cx\";\nimport { clamp } from \"../../../utils/number\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport styles from \"./BlockPagination.module.css\";\nimport type { BlockPaginationProps } from \"./BlockPagination.types\";\nimport { getPaginationRange } from \"./BlockPagination.utils\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\n\n/**\n * Page navigation with previous / next arrows. The current page is a grass\n * block marked `aria-current=\"page\"`; long ranges collapse into ellipses.\n */\nexport const BlockPagination = forwardRef<HTMLElement, BlockPaginationProps>(\n  function BlockPagination(\n    {\n      pageCount,\n      page,\n      defaultPage = 1,\n      onPageChange,\n      siblingCount = 1,\n      boundaryCount = 1,\n      variant = \"full\",\n      size = \"md\",\n      disabled = false,\n      label,\n      className,\n      ...rest\n    },\n    ref,\n  ) {\n    const m = useBlockUIMessages();\n    const count = Math.max(1, Math.floor(pageCount));\n    const [rawPage, setPage] = useControllableState({\n      value: page,\n      defaultValue: defaultPage,\n      onChange: onPageChange,\n    });\n    const current = clamp(rawPage, 1, count);\n\n    const goTo = (next: number) => {\n      if (disabled || next < 1 || next > count || next === current) return;\n      setPage(next);\n    };\n\n    const buttonSize = size === \"sm\" ? \"sm\" : \"md\";\n\n    return (\n      <nav\n        ref={ref}\n        aria-label={label ?? m.pagination.label}\n        data-size={size}\n        className={cx(styles.pagination, className)}\n        {...rest}\n      >\n        <ul className={styles.list}>\n          <li>\n            <BlockButton\n              size={buttonSize}\n              aria-label={m.pagination.previous}\n              disabled={disabled || current <= 1}\n              className={styles.arrow}\n              onClick={() => goTo(current - 1)}\n            >\n              <ChevronLeftIcon size={16} />\n            </BlockButton>\n          </li>\n          {variant === \"compact\" ? (\n            <li className={styles.status} aria-live=\"polite\">\n              {m.pagination.pageOf(current, count)}\n            </li>\n          ) : (\n            getPaginationRange(current, count, siblingCount, boundaryCount).map((entry) =>\n              typeof entry === \"number\" ? (\n                <li key={entry}>\n                  <BlockButton\n                    size={buttonSize}\n                    variant={entry === current ? \"grass\" : \"stone\"}\n                    aria-label={m.pagination.page(entry)}\n                    aria-current={entry === current ? \"page\" : undefined}\n                    disabled={disabled}\n                    className={styles.page}\n                    onClick={() => goTo(entry)}\n                  >\n                    {entry}\n                  </BlockButton>\n                </li>\n              ) : (\n                <li key={entry} className={styles.ellipsis} aria-hidden=\"true\">\n                  …\n                </li>\n              ),\n            )\n          )}\n          <li>\n            <BlockButton\n              size={buttonSize}\n              aria-label={m.pagination.next}\n              disabled={disabled || current >= count}\n              className={styles.arrow}\n              onClick={() => goTo(current + 1)}\n            >\n              <ChevronRightIcon size={16} />\n            </BlockButton>\n          </li>\n        </ul>\n      </nav>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;AAeA,IAAa,kBAAkB,WAC7B,SAAS,gBACP,EACE,WACA,MACA,cAAc,GACd,cACA,eAAe,GACf,gBAAgB,GAChB,UAAU,QACV,OAAO,MACP,WAAW,OACX,OACA,WACA,GAAG,QAEL,KACA;CACA,MAAM,IAAI,mBAAmB;CAC7B,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,CAAC;CAC/C,MAAM,CAAC,SAAS,WAAW,qBAAqB;EAC9C,OAAO;EACP,cAAc;EACd,UAAU;CACZ,CAAC;CACD,MAAM,UAAU,MAAM,SAAS,GAAG,KAAK;CAEvC,MAAM,QAAQ,SAAiB;EAC7B,IAAI,YAAY,OAAO,KAAK,OAAO,SAAS,SAAS,SAAS;EAC9D,QAAQ,IAAI;CACd;CAEA,MAAM,aAAa,SAAS,OAAO,OAAO;CAE1C,OACE,oBAAC,OAAD;EACO;EACL,cAAY,SAAS,EAAE,WAAW;EAClC,aAAW;EACX,WAAW,GAAGA,+BAAO,YAAY,SAAS;EAC1C,GAAI;EAEJ,UAAA,qBAAC,MAAD;GAAI,WAAWA,+BAAO;GAAtB,UAAA;IACE,oBAAC,MAAD,EAAA,UACE,oBAAC,aAAD;KACE,MAAM;KACN,cAAY,EAAE,WAAW;KACzB,UAAU,YAAY,WAAW;KACjC,WAAWA,+BAAO;KAClB,eAAe,KAAK,UAAU,CAAC;KAE/B,UAAA,oBAAC,iBAAD,EAAiB,MAAM,GAAK,CAAA;IACjB,CAAA,EACX,CAAA;IACH,YAAY,YACX,oBAAC,MAAD;KAAI,WAAWA,+BAAO;KAAQ,aAAU;KACrC,UAAA,EAAE,WAAW,OAAO,SAAS,KAAK;IACjC,CAAA,IAEJ,mBAAmB,SAAS,OAAO,cAAc,aAAa,CAAC,CAAC,KAAK,UACnE,OAAO,UAAU,WACf,oBAAC,MAAD,EAAA,UACE,oBAAC,aAAD;KACE,MAAM;KACN,SAAS,UAAU,UAAU,UAAU;KACvC,cAAY,EAAE,WAAW,KAAK,KAAK;KACnC,gBAAc,UAAU,UAAU,SAAS,KAAA;KACjC;KACV,WAAWA,+BAAO;KAClB,eAAe,KAAK,KAAK;KAExB,UAAA;IACU,CAAA,EACX,GAZK,KAYL,IAEJ,oBAAC,MAAD;KAAgB,WAAWA,+BAAO;KAAU,eAAY;KAAO,UAAA;IAE3D,GAFK,KAEL,CAER;IAEF,oBAAC,MAAD,EAAA,UACE,oBAAC,aAAD;KACE,MAAM;KACN,cAAY,EAAE,WAAW;KACzB,UAAU,YAAY,WAAW;KACjC,WAAWA,+BAAO;KAClB,eAAe,KAAK,UAAU,CAAC;KAE/B,UAAA,oBAAC,kBAAD,EAAkB,MAAM,GAAK,CAAA;IAClB,CAAA,EACX,CAAA;GACF;;CACD,CAAA;AAET,CACF"}

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

@@ -16,7 +16,7 @@ export interface BlockPaginationProps extends Omit<HTMLAttributes<HTMLElement>,
     /** @default "md" */
     size?: "sm" | "md";
     disabled?: boolean;
-    /** Accessible name of the navigation landmark. @default "Pagination" */
+    /** Accessible name of the navigation landmark. @default messages.pagination.label ("Pagination") */
     label?: string;
 }
 //# sourceMappingURL=BlockPagination.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BlockPagination.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockPagination/BlockPagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,cAAc,CAAC,WAAW,CAAC,EAC3B,UAAU,GAAG,cAAc,CAC5B;IACC,6BAA6B;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oGAAoG;IACpG,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"BlockPagination.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockPagination/BlockPagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,cAAc,CAAC,WAAW,CAAC,EAC3B,UAAU,GAAG,cAAc,CAC5B;IACC,6BAA6B;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oGAAoG;IACpG,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oGAAoG;IACpG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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

@@ -1 +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"}
+{"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;AAIhF;;;GAGG;AACH,eAAO,MAAM,YAAY,2GAyBvB,CAAC;AAEH,wEAAwE;AACxE,eAAO,MAAM,WAAW,0GAsEtB,CAAC"}

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

@@ -1,4 +1,5 @@
 import { cx } from "../../../utils/cx.js";
+import { useBlockUIMessages } from "../../../provider/context.js";
 import { useMediaQuery } from "../../../hooks/useMediaQuery.js";
 import BlockSidebar_module_default from "./BlockSidebar.module.js";
 import { SidebarContext, useSidebar } from "./context.js";
@@ -10,13 +11,14 @@ import { media } from "@malilion/block-ui-tokens";
 * 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) {
+var BlockSidebar = forwardRef(function BlockSidebar({ header, footer, collapsed = false, responsive = true, label, className, children, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	const tablet = useMediaQuery(media.tablet);
 	const isCollapsed = collapsed || responsive && tablet;
 	const context = useMemo(() => ({ collapsed: isCollapsed }), [isCollapsed]);
 	return /* @__PURE__ */ jsxs("nav", {
 		ref,
-		"aria-label": label,
+		"aria-label": label ?? m.sidebar.label,
 		"data-collapsed": isCollapsed || void 0,
 		"data-responsive": responsive || void 0,
 		className: cx(BlockSidebar_module_default.sidebar, className),

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

@@ -1 +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,YAAA,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,YAAA,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"}
+{"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\";\nimport { useBlockUIMessages } from \"../../../provider/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  { header, footer, collapsed = false, responsive = true, label, className, children, ...rest },\n  ref,\n) {\n  const m = useBlockUIMessages();\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 ?? m.sidebar.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":";;;;;;;;;;;;;AAaA,IAAa,eAAe,WAA2C,SAAS,aAC9E,EAAE,QAAQ,QAAQ,YAAY,OAAO,aAAa,MAAM,OAAO,WAAW,UAAU,GAAG,QACvF,KACA;CACA,MAAM,IAAI,mBAAmB;CAC7B,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,SAAS,EAAE,QAAQ;EAC/B,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,YAAA,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,YAAA,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.types.d.ts

@@ -11,7 +11,7 @@ export interface BlockSidebarProps extends HTMLAttributes<HTMLElement> {
      * mobile (< 768px, use `HotbarNavigation` there). @default true
      */
     responsive?: boolean;
-    /** Accessible name of the `<nav>`. @default "Main" */
+    /** Accessible name of the `<nav>`. @default messages.sidebar.label ("Main") */
     label?: string;
     children?: ReactNode;
 }

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

@@ -1 +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"}
+{"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,+EAA+E;IAC/E,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/BlockStepper/BlockStepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockStepper.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockStepper/BlockStepper.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI9D;;;;GAIG;AACH,eAAO,MAAM,YAAY,2GAoEvB,CAAC"}
+{"version":3,"file":"BlockStepper.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockStepper/BlockStepper.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAK9D;;;;GAIG;AACH,eAAO,MAAM,YAAY,2GA6DvB,CAAC"}

package/dist/components/navigation/BlockStepper/BlockStepper.js

@@ -1,4 +1,5 @@
 import { cx } from "../../../utils/cx.js";
+import { useBlockUIMessages } from "../../../provider/context.js";
 import BlockStepper_module_default from "./BlockStepper.module.js";
 import { forwardRef } from "react";
 import { CheckIcon } from "@malilion/block-ui-icons";
@@ -9,10 +10,11 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 * check and can be revisited when `onStepClick` is set; the current step has
 * `aria-current="step"`.
 */
-var BlockStepper = forwardRef(function BlockStepper({ steps, current, onStepClick, orientation = "horizontal", label = "Progress", className, ...rest }, ref) {
+var BlockStepper = forwardRef(function BlockStepper({ steps, current, onStepClick, orientation = "horizontal", label, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	return /* @__PURE__ */ jsx("nav", {
 		ref,
-		"aria-label": label,
+		"aria-label": label ?? m.stepper.label,
 		className: cx(BlockStepper_module_default.stepper, className),
 		"data-orientation": orientation,
 		...rest,

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

@@ -1 +1 @@
-{"version":3,"file":"BlockStepper.js","names":["styles","_Fragment"],"sources":["../../../../src/components/navigation/BlockStepper/BlockStepper.tsx"],"sourcesContent":["import { CheckIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./BlockStepper.module.css\";\nimport type { BlockStepperProps } from \"./BlockStepper.types\";\n\ntype StepState = \"complete\" | \"current\" | \"upcoming\";\n\n/**\n * Multi-step progress (create a world, set up a server). Completed steps show a\n * check and can be revisited when `onStepClick` is set; the current step has\n * `aria-current=\"step\"`.\n */\nexport const BlockStepper = forwardRef<HTMLElement, BlockStepperProps>(function BlockStepper(\n  {\n    steps,\n    current,\n    onStepClick,\n    orientation = \"horizontal\",\n    label = \"Progress\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  return (\n    <nav\n      ref={ref}\n      aria-label={label}\n      className={cx(styles.stepper, className)}\n      data-orientation={orientation}\n      {...rest}\n    >\n      <ol className={styles.list}>\n        {steps.map((step, index) => {\n          const state: StepState =\n            index < current ? \"complete\" : index === current ? \"current\" : \"upcoming\";\n          const marker = (\n            <span className={styles.marker} aria-hidden=\"true\">\n              {state === \"complete\" ? <CheckIcon size={16} /> : (step.icon ?? index + 1)}\n            </span>\n          );\n          const text = (\n            <span className={styles.text}>\n              <span className={styles.label}>{step.label}</span>\n              {/* The space keeps label and description apart for screen readers; flex hides it. */}\n              {step.description ? (\n                <>\n                  {\" \"}\n                  <span className={styles.description}>{step.description}</span>\n                </>\n              ) : null}\n              {state === \"complete\" ? (\n                <span className=\"block-visually-hidden\"> (completed)</span>\n              ) : null}\n            </span>\n          );\n          return (\n            <li\n              key={step.id}\n              className={styles.step}\n              data-state={state}\n              aria-current={state === \"current\" ? \"step\" : undefined}\n            >\n              {state === \"complete\" && onStepClick ? (\n                <button type=\"button\" className={styles.content} onClick={() => onStepClick(index)}>\n                  {marker}\n                  {text}\n                </button>\n              ) : (\n                <span className={styles.content}>\n                  {marker}\n                  {text}\n                </span>\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n});\n"],"mappings":";;;;;;;;;;;AAaA,IAAa,eAAe,WAA2C,SAAS,aAC9E,EACE,OACA,SACA,aACA,cAAc,cACd,QAAQ,YACR,WACA,GAAG,QAEL,KACA;CACA,OACE,oBAAC,OAAD;EACO;EACL,cAAY;EACZ,WAAW,GAAGA,4BAAO,SAAS,SAAS;EACvC,oBAAkB;EAClB,GAAI;EAEJ,UAAA,oBAAC,MAAD;GAAI,WAAWA,4BAAO;GACnB,UAAA,MAAM,KAAK,MAAM,UAAU;IAC1B,MAAM,QACJ,QAAQ,UAAU,aAAa,UAAU,UAAU,YAAY;IACjE,MAAM,SACJ,oBAAC,QAAD;KAAM,WAAWA,4BAAO;KAAQ,eAAY;KACzC,UAAA,UAAU,aAAa,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA,IAAK,KAAK,QAAQ,QAAQ;IACpE,CAAA;IAER,MAAM,OACJ,qBAAC,QAAD;KAAM,WAAWA,4BAAO;KAAxB,UAAA;MACE,oBAAC,QAAD;OAAM,WAAWA,4BAAO;OAAQ,UAAA,KAAK;MAAY,CAAA;MAEhD,KAAK,cACJ,qBAAAC,YAAA,EAAA,UAAA,CACG,KACD,oBAAC,QAAD;OAAM,WAAWD,4BAAO;OAAc,UAAA,KAAK;MAAkB,CAAA,CAC7D,EAAA,CAAA,IACA;MACH,UAAU,aACT,oBAAC,QAAD;OAAM,WAAU;OAAwB,UAAA;MAAkB,CAAA,IACxD;KACA;;IAER,OACE,oBAAC,MAAD;KAEE,WAAWA,4BAAO;KAClB,cAAY;KACZ,gBAAc,UAAU,YAAY,SAAS,KAAA;KAE5C,UAAA,UAAU,cAAc,cACvB,qBAAC,UAAD;MAAQ,MAAK;MAAS,WAAWA,4BAAO;MAAS,eAAe,YAAY,KAAK;MAAjF,UAAA,CACG,QACA,IACK;KAER,CAAA,IAAA,qBAAC,QAAD;MAAM,WAAWA,4BAAO;MAAxB,UAAA,CACG,QACA,IACG;;IAEN,GAhBG,KAAK,EAgBR;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET,CAAC"}
+{"version":3,"file":"BlockStepper.js","names":["styles","_Fragment"],"sources":["../../../../src/components/navigation/BlockStepper/BlockStepper.tsx"],"sourcesContent":["import { CheckIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./BlockStepper.module.css\";\nimport type { BlockStepperProps } from \"./BlockStepper.types\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\n\ntype StepState = \"complete\" | \"current\" | \"upcoming\";\n\n/**\n * Multi-step progress (create a world, set up a server). Completed steps show a\n * check and can be revisited when `onStepClick` is set; the current step has\n * `aria-current=\"step\"`.\n */\nexport const BlockStepper = forwardRef<HTMLElement, BlockStepperProps>(function BlockStepper(\n  { steps, current, onStepClick, orientation = \"horizontal\", label, className, ...rest },\n  ref,\n) {\n  const m = useBlockUIMessages();\n  return (\n    <nav\n      ref={ref}\n      aria-label={label ?? m.stepper.label}\n      className={cx(styles.stepper, className)}\n      data-orientation={orientation}\n      {...rest}\n    >\n      <ol className={styles.list}>\n        {steps.map((step, index) => {\n          const state: StepState =\n            index < current ? \"complete\" : index === current ? \"current\" : \"upcoming\";\n          const marker = (\n            <span className={styles.marker} aria-hidden=\"true\">\n              {state === \"complete\" ? <CheckIcon size={16} /> : (step.icon ?? index + 1)}\n            </span>\n          );\n          const text = (\n            <span className={styles.text}>\n              <span className={styles.label}>{step.label}</span>\n              {/* The space keeps label and description apart for screen readers; flex hides it. */}\n              {step.description ? (\n                <>\n                  {\" \"}\n                  <span className={styles.description}>{step.description}</span>\n                </>\n              ) : null}\n              {state === \"complete\" ? (\n                <span className=\"block-visually-hidden\"> (completed)</span>\n              ) : null}\n            </span>\n          );\n          return (\n            <li\n              key={step.id}\n              className={styles.step}\n              data-state={state}\n              aria-current={state === \"current\" ? \"step\" : undefined}\n            >\n              {state === \"complete\" && onStepClick ? (\n                <button type=\"button\" className={styles.content} onClick={() => onStepClick(index)}>\n                  {marker}\n                  {text}\n                </button>\n              ) : (\n                <span className={styles.content}>\n                  {marker}\n                  {text}\n                </span>\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n});\n"],"mappings":";;;;;;;;;;;;AAcA,IAAa,eAAe,WAA2C,SAAS,aAC9E,EAAE,OAAO,SAAS,aAAa,cAAc,cAAc,OAAO,WAAW,GAAG,QAChF,KACA;CACA,MAAM,IAAI,mBAAmB;CAC7B,OACE,oBAAC,OAAD;EACO;EACL,cAAY,SAAS,EAAE,QAAQ;EAC/B,WAAW,GAAGA,4BAAO,SAAS,SAAS;EACvC,oBAAkB;EAClB,GAAI;EAEJ,UAAA,oBAAC,MAAD;GAAI,WAAWA,4BAAO;GACnB,UAAA,MAAM,KAAK,MAAM,UAAU;IAC1B,MAAM,QACJ,QAAQ,UAAU,aAAa,UAAU,UAAU,YAAY;IACjE,MAAM,SACJ,oBAAC,QAAD;KAAM,WAAWA,4BAAO;KAAQ,eAAY;KACzC,UAAA,UAAU,aAAa,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA,IAAK,KAAK,QAAQ,QAAQ;IACpE,CAAA;IAER,MAAM,OACJ,qBAAC,QAAD;KAAM,WAAWA,4BAAO;KAAxB,UAAA;MACE,oBAAC,QAAD;OAAM,WAAWA,4BAAO;OAAQ,UAAA,KAAK;MAAY,CAAA;MAEhD,KAAK,cACJ,qBAAAC,YAAA,EAAA,UAAA,CACG,KACD,oBAAC,QAAD;OAAM,WAAWD,4BAAO;OAAc,UAAA,KAAK;MAAkB,CAAA,CAC7D,EAAA,CAAA,IACA;MACH,UAAU,aACT,oBAAC,QAAD;OAAM,WAAU;OAAwB,UAAA;MAAkB,CAAA,IACxD;KACA;;IAER,OACE,oBAAC,MAAD;KAEE,WAAWA,4BAAO;KAClB,cAAY;KACZ,gBAAc,UAAU,YAAY,SAAS,KAAA;KAE5C,UAAA,UAAU,cAAc,cACvB,qBAAC,UAAD;MAAQ,MAAK;MAAS,WAAWA,4BAAO;MAAS,eAAe,YAAY,KAAK;MAAjF,UAAA,CACG,QACA,IACK;KAER,CAAA,IAAA,qBAAC,QAAD;MAAM,WAAWA,4BAAO;MAAxB,UAAA,CACG,QACA,IACG;;IAEN,GAhBG,KAAK,EAgBR;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET,CAAC"}

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

@@ -13,7 +13,7 @@ export interface BlockStepperProps extends HTMLAttributes<HTMLElement> {
     onStepClick?: (index: number) => void;
     /** @default "horizontal" */
     orientation?: "horizontal" | "vertical";
-    /** Accessible name of the progress list. @default "Progress" */
+    /** Accessible name of the progress list. @default messages.stepper.label ("Progress") */
     label?: string;
 }
 //# sourceMappingURL=BlockStepper.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BlockStepper.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockStepper/BlockStepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACpE,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,uEAAuE;IACvE,OAAO,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,4BAA4B;IAC5B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"BlockStepper.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BlockStepper/BlockStepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACpE,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,uEAAuE;IACvE,OAAO,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,4BAA4B;IAC5B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,4EAA4E;AAC5E,eAAO,MAAM,UAAU,yGA+CrB,CAAC"}
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,4EAA4E;AAC5E,eAAO,MAAM,UAAU,yGAqDrB,CAAC"}

package/dist/components/navigation/Breadcrumb/Breadcrumb.js

@@ -1,14 +1,16 @@
 import { cx } from "../../../utils/cx.js";
+import { useBlockUIMessages } from "../../../provider/context.js";
 import Breadcrumb_module_default from "./Breadcrumb.module.js";
 import { forwardRef } from "react";
 import { ChevronRightIcon } from "@malilion/block-ui-icons";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/navigation/Breadcrumb/Breadcrumb.tsx
 /** Breadcrumb trail. The last item is marked with `aria-current="page"`. */
-var Breadcrumb = forwardRef(function Breadcrumb({ items, separator, label = "Breadcrumb", className, ...rest }, ref) {
+var Breadcrumb = forwardRef(function Breadcrumb({ items, separator, label, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	return /* @__PURE__ */ jsx("nav", {
 		ref,
-		"aria-label": label,
+		"aria-label": label ?? m.breadcrumb.label,
 		className: cx(Breadcrumb_module_default.breadcrumb, className),
 		...rest,
 		children: /* @__PURE__ */ jsx("ol", {

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","names":["styles","_Fragment"],"sources":["../../../../src/components/navigation/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { ChevronRightIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./Breadcrumb.module.css\";\nimport type { BreadcrumbProps } from \"./Breadcrumb.types\";\n\n/** Breadcrumb trail. The last item is marked with `aria-current=\"page\"`. */\nexport const Breadcrumb = forwardRef<HTMLElement, BreadcrumbProps>(function Breadcrumb(\n  { items, separator, label = \"Breadcrumb\", className, ...rest },\n  ref,\n) {\n  return (\n    <nav ref={ref} aria-label={label} className={cx(styles.breadcrumb, className)} {...rest}>\n      <ol className={styles.list}>\n        {items.map((item, index) => {\n          const current = index === items.length - 1;\n          const content = (\n            <>\n              {item.icon ? (\n                <span className={styles.icon} aria-hidden=\"true\">\n                  {item.icon}\n                </span>\n              ) : null}\n              <span>{item.label}</span>\n            </>\n          );\n          return (\n            <li key={index} className={styles.item}>\n              {current ? (\n                <span className={styles.current} aria-current=\"page\">\n                  {content}\n                </span>\n              ) : item.href !== undefined ? (\n                <a href={item.href} onClick={item.onClick} className={styles.link}>\n                  {content}\n                </a>\n              ) : item.onClick ? (\n                <button type=\"button\" onClick={item.onClick} className={styles.link}>\n                  {content}\n                </button>\n              ) : (\n                <span className={styles.text}>{content}</span>\n              )}\n              {!current ? (\n                <span className={styles.separator} aria-hidden=\"true\">\n                  {separator ?? <ChevronRightIcon size={16} />}\n                </span>\n              ) : null}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n});\n"],"mappings":";;;;;;;AAOA,IAAa,aAAa,WAAyC,SAAS,WAC1E,EAAE,OAAO,WAAW,QAAQ,cAAc,WAAW,GAAG,QACxD,KACA;CACA,OACE,oBAAC,OAAD;EAAU;EAAK,cAAY;EAAO,WAAW,GAAGA,0BAAO,YAAY,SAAS;EAAG,GAAI;EACjF,UAAA,oBAAC,MAAD;GAAI,WAAWA,0BAAO;GACnB,UAAA,MAAM,KAAK,MAAM,UAAU;IAC1B,MAAM,UAAU,UAAU,MAAM,SAAS;IACzC,MAAM,UACJ,qBAAAC,YAAA,EAAA,UAAA,CACG,KAAK,OACJ,oBAAC,QAAD;KAAM,WAAWD,0BAAO;KAAM,eAAY;KACvC,UAAA,KAAK;IACF,CAAA,IACJ,MACJ,oBAAC,QAAD,EAAA,UAAO,KAAK,MAAY,CAAA,CACxB,EAAA,CAAA;IAEJ,OACE,qBAAC,MAAD;KAAgB,WAAWA,0BAAO;KAAlC,UAAA,CACG,UACC,oBAAC,QAAD;MAAM,WAAWA,0BAAO;MAAS,gBAAa;MAC3C,UAAA;KACG,CAAA,IACJ,KAAK,SAAS,KAAA,IAChB,oBAAC,KAAD;MAAG,MAAM,KAAK;MAAM,SAAS,KAAK;MAAS,WAAWA,0BAAO;MAC1D,UAAA;KACA,CAAA,IACD,KAAK,UACP,oBAAC,UAAD;MAAQ,MAAK;MAAS,SAAS,KAAK;MAAS,WAAWA,0BAAO;MAC5D,UAAA;KACK,CAAA,IAER,oBAAC,QAAD;MAAM,WAAWA,0BAAO;MAAO,UAAA;KAAc,CAAA,GAE9C,CAAC,UACA,oBAAC,QAAD;MAAM,WAAWA,0BAAO;MAAW,eAAY;MAC5C,UAAA,aAAa,oBAAC,kBAAD,EAAkB,MAAM,GAAK,CAAA;KACvC,CAAA,IACJ,IACF;IArBK,GAAA,KAqBL;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET,CAAC"}
+{"version":3,"file":"Breadcrumb.js","names":["styles","_Fragment"],"sources":["../../../../src/components/navigation/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { ChevronRightIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./Breadcrumb.module.css\";\nimport type { BreadcrumbProps } from \"./Breadcrumb.types\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\n\n/** Breadcrumb trail. The last item is marked with `aria-current=\"page\"`. */\nexport const Breadcrumb = forwardRef<HTMLElement, BreadcrumbProps>(function Breadcrumb(\n  { items, separator, label, className, ...rest },\n  ref,\n) {\n  const m = useBlockUIMessages();\n  return (\n    <nav\n      ref={ref}\n      aria-label={label ?? m.breadcrumb.label}\n      className={cx(styles.breadcrumb, className)}\n      {...rest}\n    >\n      <ol className={styles.list}>\n        {items.map((item, index) => {\n          const current = index === items.length - 1;\n          const content = (\n            <>\n              {item.icon ? (\n                <span className={styles.icon} aria-hidden=\"true\">\n                  {item.icon}\n                </span>\n              ) : null}\n              <span>{item.label}</span>\n            </>\n          );\n          return (\n            <li key={index} className={styles.item}>\n              {current ? (\n                <span className={styles.current} aria-current=\"page\">\n                  {content}\n                </span>\n              ) : item.href !== undefined ? (\n                <a href={item.href} onClick={item.onClick} className={styles.link}>\n                  {content}\n                </a>\n              ) : item.onClick ? (\n                <button type=\"button\" onClick={item.onClick} className={styles.link}>\n                  {content}\n                </button>\n              ) : (\n                <span className={styles.text}>{content}</span>\n              )}\n              {!current ? (\n                <span className={styles.separator} aria-hidden=\"true\">\n                  {separator ?? <ChevronRightIcon size={16} />}\n                </span>\n              ) : null}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n});\n"],"mappings":";;;;;;;;AAQA,IAAa,aAAa,WAAyC,SAAS,WAC1E,EAAE,OAAO,WAAW,OAAO,WAAW,GAAG,QACzC,KACA;CACA,MAAM,IAAI,mBAAmB;CAC7B,OACE,oBAAC,OAAD;EACO;EACL,cAAY,SAAS,EAAE,WAAW;EAClC,WAAW,GAAGA,0BAAO,YAAY,SAAS;EAC1C,GAAI;EAEJ,UAAA,oBAAC,MAAD;GAAI,WAAWA,0BAAO;GACnB,UAAA,MAAM,KAAK,MAAM,UAAU;IAC1B,MAAM,UAAU,UAAU,MAAM,SAAS;IACzC,MAAM,UACJ,qBAAAC,YAAA,EAAA,UAAA,CACG,KAAK,OACJ,oBAAC,QAAD;KAAM,WAAWD,0BAAO;KAAM,eAAY;KACvC,UAAA,KAAK;IACF,CAAA,IACJ,MACJ,oBAAC,QAAD,EAAA,UAAO,KAAK,MAAY,CAAA,CACxB,EAAA,CAAA;IAEJ,OACE,qBAAC,MAAD;KAAgB,WAAWA,0BAAO;KAAlC,UAAA,CACG,UACC,oBAAC,QAAD;MAAM,WAAWA,0BAAO;MAAS,gBAAa;MAC3C,UAAA;KACG,CAAA,IACJ,KAAK,SAAS,KAAA,IAChB,oBAAC,KAAD;MAAG,MAAM,KAAK;MAAM,SAAS,KAAK;MAAS,WAAWA,0BAAO;MAC1D,UAAA;KACA,CAAA,IACD,KAAK,UACP,oBAAC,UAAD;MAAQ,MAAK;MAAS,SAAS,KAAK;MAAS,WAAWA,0BAAO;MAC5D,UAAA;KACK,CAAA,IAER,oBAAC,QAAD;MAAM,WAAWA,0BAAO;MAAO,UAAA;KAAc,CAAA,GAE9C,CAAC,UACA,oBAAC,QAAD;MAAM,WAAWA,0BAAO;MAAW,eAAY;MAC5C,UAAA,aAAa,oBAAC,kBAAD,EAAkB,MAAM,GAAK,CAAA;KACvC,CAAA,IACJ,IACF;IArBK,GAAA,KAqBL;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET,CAAC"}

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

@@ -10,7 +10,7 @@ export interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
     items: BreadcrumbItem[];
     /** Separator between items. Defaults to a pixel chevron. */
     separator?: ReactNode;
-    /** Accessible name. @default "Breadcrumb" */
+    /** Accessible name. @default messages.breadcrumb.label ("Breadcrumb") */
     label?: string;
 }
 //# sourceMappingURL=Breadcrumb.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Breadcrumb/Breadcrumb.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,sDAAsD;IACtD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"Breadcrumb.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Breadcrumb/Breadcrumb.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,sDAAsD;IACtD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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

@@ -1 +1 @@
-{"version":3,"file":"HotbarNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/HotbarNavigation/HotbarNavigation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,iEAAiE;AACjE,eAAO,MAAM,gBAAgB,+GAmF5B,CAAC"}
+{"version":3,"file":"HotbarNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/HotbarNavigation/HotbarNavigation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,iEAAiE;AACjE,eAAO,MAAM,gBAAgB,+GAoF5B,CAAC"}

package/dist/components/navigation/HotbarNavigation/HotbarNavigation.js

@@ -1,11 +1,13 @@
 import { cx } from "../../../utils/cx.js";
+import { useBlockUIMessages } from "../../../provider/context.js";
 import { useControllableState } from "../../../hooks/useControllableState.js";
 import HotbarNavigation_module_default from "./HotbarNavigation.module.js";
 import { forwardRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/navigation/HotbarNavigation/HotbarNavigation.tsx
 /** Mobile bottom navigation styled as a hotbar (max 5 items). */
-var HotbarNavigation = forwardRef(function HotbarNavigation({ items, value, defaultValue, onValueChange, maxItems = 5, fixed = false, mobileOnly = false, label = "Quick navigation", className, ...rest }, ref) {
+var HotbarNavigation = forwardRef(function HotbarNavigation({ items, value, defaultValue, onValueChange, maxItems = 5, fixed = false, mobileOnly = false, label, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	const visible = items.slice(0, maxItems);
 	const [active, setActive] = useControllableState({
 		value,
@@ -14,7 +16,7 @@ var HotbarNavigation = forwardRef(function HotbarNavigation({ items, value, defa
 	});
 	return /* @__PURE__ */ jsx("nav", {
 		ref,
-		"aria-label": label,
+		"aria-label": label ?? m.hotbarNavigation.label,
 		"data-fixed": fixed || void 0,
 		"data-mobile-only": mobileOnly || void 0,
 		className: cx(HotbarNavigation_module_default.nav, className),

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

@@ -1 +1 @@
-{"version":3,"file":"HotbarNavigation.js","names":["styles","_Fragment"],"sources":["../../../../src/components/navigation/HotbarNavigation/HotbarNavigation.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./HotbarNavigation.module.css\";\nimport type { HotbarNavigationProps } from \"./HotbarNavigation.types\";\n\n/** Mobile bottom navigation styled as a hotbar (max 5 items). */\nexport const HotbarNavigation = forwardRef<HTMLElement, HotbarNavigationProps>(\n  function HotbarNavigation(\n    {\n      items,\n      value,\n      defaultValue,\n      onValueChange,\n      maxItems = 5,\n      fixed = false,\n      mobileOnly = false,\n      label = \"Quick navigation\",\n      className,\n      ...rest\n    },\n    ref,\n  ) {\n    const visible = items.slice(0, maxItems);\n    const [active, setActive] = useControllableState({\n      value,\n      defaultValue: defaultValue ?? visible[0]?.id ?? \"\",\n      onChange: onValueChange,\n    });\n\n    return (\n      <nav\n        ref={ref}\n        aria-label={label}\n        data-fixed={fixed || undefined}\n        data-mobile-only={mobileOnly || undefined}\n        className={cx(styles.nav, className)}\n        {...rest}\n      >\n        <ul className={styles.list}>\n          {visible.map((item, index) => {\n            const current = item.id === active;\n            const content = (\n              <>\n                <span className={styles.slot}>\n                  <span className={styles.icon} aria-hidden=\"true\">\n                    {item.icon}\n                  </span>\n                  {item.badge !== undefined && item.badge !== null ? (\n                    <span className={styles.badge} aria-hidden=\"true\">\n                      {item.badge}\n                    </span>\n                  ) : null}\n                  <span className={styles.key} aria-hidden=\"true\">\n                    {index + 1}\n                  </span>\n                </span>\n                <span className={styles.label}>{item.label}</span>\n                {item.badge !== undefined && item.badge !== null ? (\n                  <>\n                    {\" \"}\n                    <span className=\"block-visually-hidden\">({item.badge})</span>\n                  </>\n                ) : null}\n              </>\n            );\n            const shared = {\n              className: styles.item,\n              \"aria-current\": current ? (\"page\" as const) : undefined,\n              \"data-active\": current || undefined,\n              onClick: () => setActive(item.id),\n            };\n            return (\n              <li key={item.id} className={styles.listItem}>\n                {item.href !== undefined ? (\n                  <a href={item.href} {...shared}>\n                    {content}\n                  </a>\n                ) : (\n                  <button type=\"button\" {...shared}>\n                    {content}\n                  </button>\n                )}\n              </li>\n            );\n          })}\n        </ul>\n      </nav>\n    );\n  },\n);\n"],"mappings":";;;;;;;AAOA,IAAa,mBAAmB,WAC9B,SAAS,iBACP,EACE,OACA,OACA,cACA,eACA,WAAW,GACX,QAAQ,OACR,aAAa,OACb,QAAQ,oBACR,WACA,GAAG,QAEL,KACA;CACA,MAAM,UAAU,MAAM,MAAM,GAAG,QAAQ;CACvC,MAAM,CAAC,QAAQ,aAAa,qBAAqB;EAC/C;EACA,cAAc,gBAAgB,QAAQ,EAAE,EAAE,MAAM;EAChD,UAAU;CACZ,CAAC;CAED,OACE,oBAAC,OAAD;EACO;EACL,cAAY;EACZ,cAAY,SAAS,KAAA;EACrB,oBAAkB,cAAc,KAAA;EAChC,WAAW,GAAGA,gCAAO,KAAK,SAAS;EACnC,GAAI;EAEJ,UAAA,oBAAC,MAAD;GAAI,WAAWA,gCAAO;GACnB,UAAA,QAAQ,KAAK,MAAM,UAAU;IAC5B,MAAM,UAAU,KAAK,OAAO;IAC5B,MAAM,UACJ,qBAAAC,YAAA,EAAA,UAAA;KACE,qBAAC,QAAD;MAAM,WAAWD,gCAAO;MAAxB,UAAA;OACE,oBAAC,QAAD;QAAM,WAAWA,gCAAO;QAAM,eAAY;QACvC,UAAA,KAAK;OACF,CAAA;OACL,KAAK,UAAU,KAAA,KAAa,KAAK,UAAU,OAC1C,oBAAC,QAAD;QAAM,WAAWA,gCAAO;QAAO,eAAY;QACxC,UAAA,KAAK;OACF,CAAA,IACJ;OACJ,oBAAC,QAAD;QAAM,WAAWA,gCAAO;QAAK,eAAY;QACtC,UAAA,QAAQ;OACL,CAAA;MACF;;KACN,oBAAC,QAAD;MAAM,WAAWA,gCAAO;MAAQ,UAAA,KAAK;KAAY,CAAA;KAChD,KAAK,UAAU,KAAA,KAAa,KAAK,UAAU,OAC1C,qBAAAC,YAAA,EAAA,UAAA,CACG,KACD,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OAAwC;OAAE,KAAK;OAAM;MAAO;KAC5D,CAAA,CAAA,EAAA,CAAA,IACA;IACJ,EAAA,CAAA;IAEJ,MAAM,SAAS;KACb,WAAWD,gCAAO;KAClB,gBAAgB,UAAW,SAAmB,KAAA;KAC9C,eAAe,WAAW,KAAA;KAC1B,eAAe,UAAU,KAAK,EAAE;IAClC;IACA,OACE,oBAAC,MAAD;KAAkB,WAAWA,gCAAO;KACjC,UAAA,KAAK,SAAS,KAAA,IACb,oBAAC,KAAD;MAAG,MAAM,KAAK;MAAM,GAAI;MACrB,UAAA;KACA,CAAA,IAEH,oBAAC,UAAD;MAAQ,MAAK;MAAS,GAAI;MACvB,UAAA;KACK,CAAA;IAER,GAVK,KAAK,EAUV;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET,CACF"}
+{"version":3,"file":"HotbarNavigation.js","names":["styles","_Fragment"],"sources":["../../../../src/components/navigation/HotbarNavigation/HotbarNavigation.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./HotbarNavigation.module.css\";\nimport type { HotbarNavigationProps } from \"./HotbarNavigation.types\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\n\n/** Mobile bottom navigation styled as a hotbar (max 5 items). */\nexport const HotbarNavigation = forwardRef<HTMLElement, HotbarNavigationProps>(\n  function HotbarNavigation(\n    {\n      items,\n      value,\n      defaultValue,\n      onValueChange,\n      maxItems = 5,\n      fixed = false,\n      mobileOnly = false,\n      label,\n      className,\n      ...rest\n    },\n    ref,\n  ) {\n    const m = useBlockUIMessages();\n    const visible = items.slice(0, maxItems);\n    const [active, setActive] = useControllableState({\n      value,\n      defaultValue: defaultValue ?? visible[0]?.id ?? \"\",\n      onChange: onValueChange,\n    });\n\n    return (\n      <nav\n        ref={ref}\n        aria-label={label ?? m.hotbarNavigation.label}\n        data-fixed={fixed || undefined}\n        data-mobile-only={mobileOnly || undefined}\n        className={cx(styles.nav, className)}\n        {...rest}\n      >\n        <ul className={styles.list}>\n          {visible.map((item, index) => {\n            const current = item.id === active;\n            const content = (\n              <>\n                <span className={styles.slot}>\n                  <span className={styles.icon} aria-hidden=\"true\">\n                    {item.icon}\n                  </span>\n                  {item.badge !== undefined && item.badge !== null ? (\n                    <span className={styles.badge} aria-hidden=\"true\">\n                      {item.badge}\n                    </span>\n                  ) : null}\n                  <span className={styles.key} aria-hidden=\"true\">\n                    {index + 1}\n                  </span>\n                </span>\n                <span className={styles.label}>{item.label}</span>\n                {item.badge !== undefined && item.badge !== null ? (\n                  <>\n                    {\" \"}\n                    <span className=\"block-visually-hidden\">({item.badge})</span>\n                  </>\n                ) : null}\n              </>\n            );\n            const shared = {\n              className: styles.item,\n              \"aria-current\": current ? (\"page\" as const) : undefined,\n              \"data-active\": current || undefined,\n              onClick: () => setActive(item.id),\n            };\n            return (\n              <li key={item.id} className={styles.listItem}>\n                {item.href !== undefined ? (\n                  <a href={item.href} {...shared}>\n                    {content}\n                  </a>\n                ) : (\n                  <button type=\"button\" {...shared}>\n                    {content}\n                  </button>\n                )}\n              </li>\n            );\n          })}\n        </ul>\n      </nav>\n    );\n  },\n);\n"],"mappings":";;;;;;;;AAQA,IAAa,mBAAmB,WAC9B,SAAS,iBACP,EACE,OACA,OACA,cACA,eACA,WAAW,GACX,QAAQ,OACR,aAAa,OACb,OACA,WACA,GAAG,QAEL,KACA;CACA,MAAM,IAAI,mBAAmB;CAC7B,MAAM,UAAU,MAAM,MAAM,GAAG,QAAQ;CACvC,MAAM,CAAC,QAAQ,aAAa,qBAAqB;EAC/C;EACA,cAAc,gBAAgB,QAAQ,EAAE,EAAE,MAAM;EAChD,UAAU;CACZ,CAAC;CAED,OACE,oBAAC,OAAD;EACO;EACL,cAAY,SAAS,EAAE,iBAAiB;EACxC,cAAY,SAAS,KAAA;EACrB,oBAAkB,cAAc,KAAA;EAChC,WAAW,GAAGA,gCAAO,KAAK,SAAS;EACnC,GAAI;EAEJ,UAAA,oBAAC,MAAD;GAAI,WAAWA,gCAAO;GACnB,UAAA,QAAQ,KAAK,MAAM,UAAU;IAC5B,MAAM,UAAU,KAAK,OAAO;IAC5B,MAAM,UACJ,qBAAAC,YAAA,EAAA,UAAA;KACE,qBAAC,QAAD;MAAM,WAAWD,gCAAO;MAAxB,UAAA;OACE,oBAAC,QAAD;QAAM,WAAWA,gCAAO;QAAM,eAAY;QACvC,UAAA,KAAK;OACF,CAAA;OACL,KAAK,UAAU,KAAA,KAAa,KAAK,UAAU,OAC1C,oBAAC,QAAD;QAAM,WAAWA,gCAAO;QAAO,eAAY;QACxC,UAAA,KAAK;OACF,CAAA,IACJ;OACJ,oBAAC,QAAD;QAAM,WAAWA,gCAAO;QAAK,eAAY;QACtC,UAAA,QAAQ;OACL,CAAA;MACF;;KACN,oBAAC,QAAD;MAAM,WAAWA,gCAAO;MAAQ,UAAA,KAAK;KAAY,CAAA;KAChD,KAAK,UAAU,KAAA,KAAa,KAAK,UAAU,OAC1C,qBAAAC,YAAA,EAAA,UAAA,CACG,KACD,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OAAwC;OAAE,KAAK;OAAM;MAAO;KAC5D,CAAA,CAAA,EAAA,CAAA,IACA;IACJ,EAAA,CAAA;IAEJ,MAAM,SAAS;KACb,WAAWD,gCAAO;KAClB,gBAAgB,UAAW,SAAmB,KAAA;KAC9C,eAAe,WAAW,KAAA;KAC1B,eAAe,UAAU,KAAK,EAAE;IAClC;IACA,OACE,oBAAC,MAAD;KAAkB,WAAWA,gCAAO;KACjC,UAAA,KAAK,SAAS,KAAA,IACb,oBAAC,KAAD;MAAG,MAAM,KAAK;MAAM,GAAI;MACrB,UAAA;KACA,CAAA,IAEH,oBAAC,UAAD;MAAQ,MAAK;MAAS,GAAI;MACvB,UAAA;KACK,CAAA;IAER,GAVK,KAAK,EAUV;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET,CACF"}

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

@@ -19,7 +19,7 @@ export interface HotbarNavigationProps extends Omit<HTMLAttributes<HTMLElement>,
     fixed?: boolean;
     /** Only show below 768px (pair with a responsive `BlockSidebar`). @default false */
     mobileOnly?: boolean;
-    /** Accessible name. @default "Quick navigation" */
+    /** Accessible name. @default messages.hotbarNavigation.label ("Quick navigation") */
     label?: string;
 }
 //# sourceMappingURL=HotbarNavigation.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HotbarNavigation.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/HotbarNavigation/HotbarNavigation.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC1F,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oFAAoF;IACpF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"HotbarNavigation.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/HotbarNavigation/HotbarNavigation.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC1F,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oFAAoF;IACpF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.d.ts","sourceRoot":"","sources":["../../../../src/components/social/ChatWindow/ChatWindow.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAK1D;;;;GAIG;AACH,eAAO,MAAM,UAAU,4GAmIrB,CAAC"}
+{"version":3,"file":"ChatWindow.d.ts","sourceRoot":"","sources":["../../../../src/components/social/ChatWindow/ChatWindow.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAM1D;;;;GAIG;AACH,eAAO,MAAM,UAAU,4GAqIrB,CAAC"}

package/dist/components/social/ChatWindow/ChatWindow.js

@@ -1,4 +1,5 @@
 import { cx } from "../../../utils/cx.js";
+import { useBlockUIMessages } from "../../../provider/context.js";
 import ChatWindow_module_default from "./ChatWindow.module.js";
 import { forwardRef, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -10,7 +11,9 @@ var STICK_THRESHOLD = 24;
 * Enter sends, ↑ / ↓ recall sent messages, and the log only auto-scrolls while
 * the reader is already at the bottom.
 */
-var ChatWindow = forwardRef(function ChatWindow({ messages, onSend, placeholder = "Type a message…", maxLength = 256, showTimestamps = false, size = "md", label = "Chat", className, ...rest }, ref) {
+var ChatWindow = forwardRef(function ChatWindow({ messages, onSend, placeholder, maxLength = 256, showTimestamps = false, size = "md", label: labelProp, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
+	const label = labelProp ?? m.chatWindow.label;
 	const inputId = useId();
 	const logRef = useRef(null);
 	const stick = useRef(true);
@@ -69,7 +72,7 @@ var ChatWindow = forwardRef(function ChatWindow({ messages, onSend, placeholder
 		children: [/* @__PURE__ */ jsx("div", {
 			ref: logRef,
 			role: "log",
-			"aria-label": `${label} messages`,
+			"aria-label": m.chatWindow.messages(label),
 			tabIndex: 0,
 			className: ChatWindow_module_default.log,
 			children: /* @__PURE__ */ jsx("ol", {
@@ -96,9 +99,9 @@ var ChatWindow = forwardRef(function ChatWindow({ messages, onSend, placeholder
 									"> "
 								]
 							}) : null,
-							type === "whisper" && message.author ? /* @__PURE__ */ jsxs("span", {
+							type === "whisper" && message.author ? /* @__PURE__ */ jsx("span", {
 								className: ChatWindow_module_default.author,
-								children: [message.author, " whispers: "]
+								children: m.chatWindow.whispers(message.author)
 							}) : null,
 							/* @__PURE__ */ jsx("span", {
 								className: ChatWindow_module_default.text,
@@ -115,14 +118,14 @@ var ChatWindow = forwardRef(function ChatWindow({ messages, onSend, placeholder
 				/* @__PURE__ */ jsx("label", {
 					htmlFor: inputId,
 					className: "block-visually-hidden",
-					children: "Message"
+					children: m.chatWindow.message
 				}),
 				/* @__PURE__ */ jsx("input", {
 					id: inputId,
 					type: "text",
 					value: draft,
 					maxLength,
-					placeholder,
+					placeholder: placeholder ?? m.chatWindow.placeholder,
 					autoComplete: "off",
 					className: ChatWindow_module_default.input,
 					onChange: (event) => {
@@ -134,7 +137,7 @@ var ChatWindow = forwardRef(function ChatWindow({ messages, onSend, placeholder
 				/* @__PURE__ */ jsx("button", {
 					type: "submit",
 					className: ChatWindow_module_default.send,
-					children: "Send"
+					children: m.chatWindow.send
 				})
 			]
 		}) : null]