@malilion/block-ui-react 0.5.0 → 0.6.0

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

@@ -1,4 +1,4 @@
-import { type TradingUIProps } from "./TradingUI.types";
+import type { TradingUIProps } from "./TradingUI.types";
 /**
  * Villager trading: a keyboard-navigable list of offers (WAI-ARIA listbox)
  * beside the selected offer's payment and result slots, plus the villager's level.

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

@@ -1 +1 @@
-{"version":3,"file":"TradingUI.d.ts","sourceRoot":"","sources":["../../../../src/components/crafting/TradingUI/TradingUI.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxE;;;GAGG;AACH,eAAO,MAAM,SAAS,2GAyJpB,CAAC"}
+{"version":3,"file":"TradingUI.d.ts","sourceRoot":"","sources":["../../../../src/components/crafting/TradingUI/TradingUI.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD;;;GAGG;AACH,eAAO,MAAM,SAAS,2GAwKpB,CAAC"}

package/dist/components/crafting/TradingUI/TradingUI.js

@@ -1,10 +1,10 @@
 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";
 import { InventorySlot } from "../../inventory/InventorySlot/InventorySlot.js";
 import TradingUI_module_default from "./TradingUI.module.js";
-import { villagerLevels } from "./TradingUI.types.js";
 import { isSoldOut } from "./TradingUI.utils.js";
 import { forwardRef, useId, useRef } from "react";
 import { ArrowIcon, CloseIcon } from "@malilion/block-ui-icons";
@@ -14,7 +14,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Villager trading: a keyboard-navigable list of offers (WAI-ARIA listbox)
 * beside the selected offer's payment and result slots, plus the villager's level.
 */
-var TradingUI = forwardRef(function TradingUI({ trades, value, defaultValue, onValueChange, onTrade, profession, level, levelProgress, label = "Trading", className, ...rest }, ref) {
+var TradingUI = forwardRef(function TradingUI({ trades, value, defaultValue, onValueChange, onTrade, profession, level, levelProgress, label, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	const baseId = useId();
 	const [selectedId, setSelectedId] = useControllableState({
 		value,
@@ -44,12 +45,12 @@ var TradingUI = forwardRef(function TradingUI({ trades, value, defaultValue, onV
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
 		role: "group",
-		"aria-label": label,
+		"aria-label": label ?? m.tradingUI.label,
 		className: cx(TradingUI_module_default.trading, className),
 		...rest,
 		children: [/* @__PURE__ */ jsx("ul", {
 			role: "listbox",
-			"aria-label": "Trades",
+			"aria-label": m.tradingUI.trades,
 			className: TradingUI_module_default.list,
 			onKeyDown,
 			children: trades.map((trade, index) => {
@@ -97,7 +98,7 @@ var TradingUI = forwardRef(function TradingUI({ trades, value, defaultValue, onV
 						]
 					}), /* @__PURE__ */ jsxs("span", {
 						className: "block-visually-hidden",
-						children: [trade.label, out ? " (sold out)" : ""]
+						children: [trade.label, out ? m.tradingUI.soldOutSuffix : ""]
 					})]
 				}, trade.id);
 			})
@@ -116,11 +117,11 @@ var TradingUI = forwardRef(function TradingUI({ trades, value, defaultValue, onV
 							children: [
 								levelIndex + 1,
 								" · ",
-								villagerLevels[levelIndex]
+								m.tradingUI.levels[levelIndex]
 							]
 						}), levelProgress !== void 0 && levelIndex < 4 ? /* @__PURE__ */ jsx("div", {
 							role: "progressbar",
-							"aria-label": `Progress to ${villagerLevels[levelIndex + 1]}`,
+							"aria-label": m.tradingUI.progressTo(m.tradingUI.levels[levelIndex + 1] ?? ""),
 							"aria-valuemin": 0,
 							"aria-valuemax": 100,
 							"aria-valuenow": Math.round(clamp(levelProgress, 0, 100)),
@@ -136,15 +137,15 @@ var TradingUI = forwardRef(function TradingUI({ trades, value, defaultValue, onV
 					children: [
 						/* @__PURE__ */ jsxs("div", {
 							role: "group",
-							"aria-label": "Payment",
+							"aria-label": m.tradingUI.payment,
 							className: TradingUI_module_default.payment,
 							children: [/* @__PURE__ */ jsx(InventorySlot, {
 								size: "lg",
-								label: selected ? void 0 : "Payment: empty",
+								label: selected ? void 0 : m.common.emptyNamed(m.tradingUI.payment),
 								children: selected?.cost
 							}), /* @__PURE__ */ jsx(InventorySlot, {
 								size: "lg",
-								label: selected?.cost2 ? void 0 : "Second payment: empty",
+								label: selected?.cost2 ? void 0 : m.common.emptyNamed(m.tradingUI.secondPayment),
 								children: selected?.cost2
 							})]
 						}),
@@ -156,10 +157,10 @@ var TradingUI = forwardRef(function TradingUI({ trades, value, defaultValue, onV
 						}),
 						/* @__PURE__ */ jsx("div", {
 							role: "group",
-							"aria-label": "Result",
+							"aria-label": m.common.result,
 							children: /* @__PURE__ */ jsx(InventorySlot, {
 								size: "lg",
-								label: selected ? void 0 : "Result: empty",
+								label: selected ? void 0 : m.common.emptyNamed(m.common.result),
 								children: selected?.result
 							})
 						})
@@ -169,7 +170,7 @@ var TradingUI = forwardRef(function TradingUI({ trades, value, defaultValue, onV
 					variant: "emerald",
 					disabled: !selected || soldOut,
 					onClick: () => selected && onTrade(selected.id),
-					children: soldOut ? "Sold out" : "Trade"
+					children: soldOut ? m.tradingUI.soldOut : m.tradingUI.trade
 				}) : null
 			]
 		})]

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

@@ -1 +1 @@
-{"version":3,"file":"TradingUI.js","names":["styles"],"sources":["../../../../src/components/crafting/TradingUI/TradingUI.tsx"],"sourcesContent":["import { ArrowIcon, CloseIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef, useId, useRef, type CSSProperties, type KeyboardEvent } from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { cx } from \"../../../utils/cx\";\nimport { clamp } from \"../../../utils/number\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { InventorySlot } from \"../../inventory/InventorySlot/InventorySlot\";\nimport styles from \"./TradingUI.module.css\";\nimport { villagerLevels, type TradingUIProps } from \"./TradingUI.types\";\nimport { isSoldOut } from \"./TradingUI.utils\";\n\n/**\n * Villager trading: a keyboard-navigable list of offers (WAI-ARIA listbox)\n * beside the selected offer's payment and result slots, plus the villager's level.\n */\nexport const TradingUI = forwardRef<HTMLDivElement, TradingUIProps>(function TradingUI(\n  {\n    trades,\n    value,\n    defaultValue,\n    onValueChange,\n    onTrade,\n    profession,\n    level,\n    levelProgress,\n    label = \"Trading\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const baseId = useId();\n  const [selectedId, setSelectedId] = useControllableState({\n    value,\n    defaultValue: defaultValue ?? trades[0]?.id ?? \"\",\n    onChange: onValueChange,\n  });\n  const optionRefs = useRef(new Map<string, HTMLLIElement>());\n  const selected = trades.find((trade) => trade.id === selectedId);\n  const soldOut = selected ? isSoldOut(selected) : false;\n  const levelIndex = level !== undefined ? clamp(Math.round(level), 1, 5) - 1 : undefined;\n\n  const select = (id: string, focus = false) => {\n    setSelectedId(id);\n    if (focus) optionRefs.current.get(id)?.focus();\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLUListElement>) => {\n    const index = trades.findIndex((trade) => trade.id === selectedId);\n    let next: number | null = null;\n    if (event.key === \"ArrowDown\") next = Math.min(index + 1, trades.length - 1);\n    else if (event.key === \"ArrowUp\") next = Math.max(index - 1, 0);\n    else if (event.key === \"Home\") next = 0;\n    else if (event.key === \"End\") next = trades.length - 1;\n    if (next === null) return;\n    event.preventDefault();\n    const trade = trades[next];\n    if (trade) select(trade.id, true);\n  };\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={label}\n      className={cx(styles.trading, className)}\n      {...rest}\n    >\n      <ul role=\"listbox\" aria-label=\"Trades\" className={styles.list} onKeyDown={onKeyDown}>\n        {trades.map((trade, index) => {\n          const isSelected = trade.id === selectedId;\n          const out = isSoldOut(trade);\n          const tabbable = isSelected || (!selected && index === 0);\n          return (\n            <li\n              key={trade.id}\n              ref={(element) => {\n                if (element) optionRefs.current.set(trade.id, element);\n                else optionRefs.current.delete(trade.id);\n              }}\n              id={`${baseId}-${trade.id}`}\n              role=\"option\"\n              aria-selected={isSelected}\n              tabIndex={tabbable ? 0 : -1}\n              data-sold-out={out || undefined}\n              className={styles.offer}\n              onClick={() => select(trade.id)}\n              onKeyDown={(event) => {\n                if (event.key === \"Enter\" || event.key === \" \") {\n                  event.preventDefault();\n                  select(trade.id);\n                }\n              }}\n            >\n              <span className={styles.offerItems} aria-hidden=\"true\">\n                <span className={styles.mini}>{trade.cost}</span>\n                {trade.cost2 ? <span className={styles.mini}>{trade.cost2}</span> : null}\n                <span className={styles.offerArrow}>\n                  {out ? <CloseIcon size={16} /> : <ArrowIcon size={16} />}\n                </span>\n                <span className={styles.mini}>{trade.result}</span>\n              </span>\n              <span className=\"block-visually-hidden\">\n                {trade.label}\n                {out ? \" (sold out)\" : \"\"}\n              </span>\n            </li>\n          );\n        })}\n      </ul>\n      <div className={styles.detail}>\n        {profession || levelIndex !== undefined ? (\n          <div className={styles.villager}>\n            {profession ? <p className={styles.profession}>{profession}</p> : null}\n            {levelIndex !== undefined ? (\n              <div className={styles.level}>\n                <span className={styles.levelName}>\n                  {levelIndex + 1} · {villagerLevels[levelIndex]}\n                </span>\n                {levelProgress !== undefined && levelIndex < 4 ? (\n                  <div\n                    role=\"progressbar\"\n                    aria-label={`Progress to ${villagerLevels[levelIndex + 1]}`}\n                    aria-valuemin={0}\n                    aria-valuemax={100}\n                    aria-valuenow={Math.round(clamp(levelProgress, 0, 100))}\n                    className={styles.levelBar}\n                    style={\n                      { \"--block-trade-xp\": `${clamp(levelProgress, 0, 100)}%` } as CSSProperties\n                    }\n                  >\n                    <span className={styles.levelFill} />\n                  </div>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className={styles.exchange} aria-live=\"polite\">\n          <div role=\"group\" aria-label=\"Payment\" className={styles.payment}>\n            <InventorySlot size=\"lg\" label={selected ? undefined : \"Payment: empty\"}>\n              {selected?.cost}\n            </InventorySlot>\n            <InventorySlot size=\"lg\" label={selected?.cost2 ? undefined : \"Second payment: empty\"}>\n              {selected?.cost2}\n            </InventorySlot>\n          </div>\n          <span className={styles.arrow} data-sold-out={soldOut || undefined} aria-hidden=\"true\">\n            {soldOut ? <CloseIcon size={32} /> : <ArrowIcon size={32} />}\n          </span>\n          <div role=\"group\" aria-label=\"Result\">\n            <InventorySlot size=\"lg\" label={selected ? undefined : \"Result: empty\"}>\n              {selected?.result}\n            </InventorySlot>\n          </div>\n        </div>\n        {onTrade ? (\n          <BlockButton\n            variant=\"emerald\"\n            disabled={!selected || soldOut}\n            onClick={() => selected && onTrade(selected.id)}\n          >\n            {soldOut ? \"Sold out\" : \"Trade\"}\n          </BlockButton>\n        ) : null}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"TradingUI.js","names":["styles"],"sources":["../../../../src/components/crafting/TradingUI/TradingUI.tsx"],"sourcesContent":["import { ArrowIcon, CloseIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef, useId, useRef, type CSSProperties, type KeyboardEvent } from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\nimport { cx } from \"../../../utils/cx\";\nimport { clamp } from \"../../../utils/number\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { InventorySlot } from \"../../inventory/InventorySlot/InventorySlot\";\nimport styles from \"./TradingUI.module.css\";\nimport type { TradingUIProps } from \"./TradingUI.types\";\nimport { isSoldOut } from \"./TradingUI.utils\";\n\n/**\n * Villager trading: a keyboard-navigable list of offers (WAI-ARIA listbox)\n * beside the selected offer's payment and result slots, plus the villager's level.\n */\nexport const TradingUI = forwardRef<HTMLDivElement, TradingUIProps>(function TradingUI(\n  {\n    trades,\n    value,\n    defaultValue,\n    onValueChange,\n    onTrade,\n    profession,\n    level,\n    levelProgress,\n    label,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const m = useBlockUIMessages();\n  const baseId = useId();\n  const [selectedId, setSelectedId] = useControllableState({\n    value,\n    defaultValue: defaultValue ?? trades[0]?.id ?? \"\",\n    onChange: onValueChange,\n  });\n  const optionRefs = useRef(new Map<string, HTMLLIElement>());\n  const selected = trades.find((trade) => trade.id === selectedId);\n  const soldOut = selected ? isSoldOut(selected) : false;\n  const levelIndex = level !== undefined ? clamp(Math.round(level), 1, 5) - 1 : undefined;\n\n  const select = (id: string, focus = false) => {\n    setSelectedId(id);\n    if (focus) optionRefs.current.get(id)?.focus();\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLUListElement>) => {\n    const index = trades.findIndex((trade) => trade.id === selectedId);\n    let next: number | null = null;\n    if (event.key === \"ArrowDown\") next = Math.min(index + 1, trades.length - 1);\n    else if (event.key === \"ArrowUp\") next = Math.max(index - 1, 0);\n    else if (event.key === \"Home\") next = 0;\n    else if (event.key === \"End\") next = trades.length - 1;\n    if (next === null) return;\n    event.preventDefault();\n    const trade = trades[next];\n    if (trade) select(trade.id, true);\n  };\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={label ?? m.tradingUI.label}\n      className={cx(styles.trading, className)}\n      {...rest}\n    >\n      <ul\n        role=\"listbox\"\n        aria-label={m.tradingUI.trades}\n        className={styles.list}\n        onKeyDown={onKeyDown}\n      >\n        {trades.map((trade, index) => {\n          const isSelected = trade.id === selectedId;\n          const out = isSoldOut(trade);\n          const tabbable = isSelected || (!selected && index === 0);\n          return (\n            <li\n              key={trade.id}\n              ref={(element) => {\n                if (element) optionRefs.current.set(trade.id, element);\n                else optionRefs.current.delete(trade.id);\n              }}\n              id={`${baseId}-${trade.id}`}\n              role=\"option\"\n              aria-selected={isSelected}\n              tabIndex={tabbable ? 0 : -1}\n              data-sold-out={out || undefined}\n              className={styles.offer}\n              onClick={() => select(trade.id)}\n              onKeyDown={(event) => {\n                if (event.key === \"Enter\" || event.key === \" \") {\n                  event.preventDefault();\n                  select(trade.id);\n                }\n              }}\n            >\n              <span className={styles.offerItems} aria-hidden=\"true\">\n                <span className={styles.mini}>{trade.cost}</span>\n                {trade.cost2 ? <span className={styles.mini}>{trade.cost2}</span> : null}\n                <span className={styles.offerArrow}>\n                  {out ? <CloseIcon size={16} /> : <ArrowIcon size={16} />}\n                </span>\n                <span className={styles.mini}>{trade.result}</span>\n              </span>\n              <span className=\"block-visually-hidden\">\n                {trade.label}\n                {out ? m.tradingUI.soldOutSuffix : \"\"}\n              </span>\n            </li>\n          );\n        })}\n      </ul>\n      <div className={styles.detail}>\n        {profession || levelIndex !== undefined ? (\n          <div className={styles.villager}>\n            {profession ? <p className={styles.profession}>{profession}</p> : null}\n            {levelIndex !== undefined ? (\n              <div className={styles.level}>\n                <span className={styles.levelName}>\n                  {levelIndex + 1} · {m.tradingUI.levels[levelIndex]}\n                </span>\n                {levelProgress !== undefined && levelIndex < 4 ? (\n                  <div\n                    role=\"progressbar\"\n                    aria-label={m.tradingUI.progressTo(m.tradingUI.levels[levelIndex + 1] ?? \"\")}\n                    aria-valuemin={0}\n                    aria-valuemax={100}\n                    aria-valuenow={Math.round(clamp(levelProgress, 0, 100))}\n                    className={styles.levelBar}\n                    style={\n                      { \"--block-trade-xp\": `${clamp(levelProgress, 0, 100)}%` } as CSSProperties\n                    }\n                  >\n                    <span className={styles.levelFill} />\n                  </div>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className={styles.exchange} aria-live=\"polite\">\n          <div role=\"group\" aria-label={m.tradingUI.payment} className={styles.payment}>\n            <InventorySlot\n              size=\"lg\"\n              label={selected ? undefined : m.common.emptyNamed(m.tradingUI.payment)}\n            >\n              {selected?.cost}\n            </InventorySlot>\n            <InventorySlot\n              size=\"lg\"\n              label={selected?.cost2 ? undefined : m.common.emptyNamed(m.tradingUI.secondPayment)}\n            >\n              {selected?.cost2}\n            </InventorySlot>\n          </div>\n          <span className={styles.arrow} data-sold-out={soldOut || undefined} aria-hidden=\"true\">\n            {soldOut ? <CloseIcon size={32} /> : <ArrowIcon size={32} />}\n          </span>\n          <div role=\"group\" aria-label={m.common.result}>\n            <InventorySlot\n              size=\"lg\"\n              label={selected ? undefined : m.common.emptyNamed(m.common.result)}\n            >\n              {selected?.result}\n            </InventorySlot>\n          </div>\n        </div>\n        {onTrade ? (\n          <BlockButton\n            variant=\"emerald\"\n            disabled={!selected || soldOut}\n            onClick={() => selected && onTrade(selected.id)}\n          >\n            {soldOut ? m.tradingUI.soldOut : m.tradingUI.trade}\n          </BlockButton>\n        ) : null}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}

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

@@ -30,7 +30,7 @@ export interface TradingUIProps extends Omit<HTMLAttributes<HTMLDivElement>, "de
     level?: number;
     /** Progress to the next level, 0–100. */
     levelProgress?: number;
-    /** Accessible name. @default "Trading" */
+    /** Accessible name. @default locale `tradingUI.label` ("Trading") */
     label?: string;
 }
 //# sourceMappingURL=TradingUI.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TradingUI.types.d.ts","sourceRoot":"","sources":["../../../../src/components/crafting/TradingUI/TradingUI.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,yDAAyD;IACzD,IAAI,EAAE,SAAS,CAAC;IAChB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gCAAgC;IAChC,MAAM,EAAE,SAAS,CAAC;IAClB,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,qEAAsE,CAAC;AAElG,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC1F,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,+DAA+D;IAC/D,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"TradingUI.types.d.ts","sourceRoot":"","sources":["../../../../src/components/crafting/TradingUI/TradingUI.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,yDAAyD;IACzD,IAAI,EAAE,SAAS,CAAC;IAChB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gCAAgC;IAChC,MAAM,EAAE,SAAS,CAAC;IAClB,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,qEAAsE,CAAC;AAElG,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC1F,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,+DAA+D;IAC/D,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradingUI.types.js","names":[],"sources":["../../../../src/components/crafting/TradingUI/TradingUI.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport interface Trade {\n  id: string;\n  /** Price, usually an `<ItemStack />` (e.g. emeralds). */\n  cost: ReactNode;\n  /** Optional second price item. */\n  cost2?: ReactNode;\n  /** What the player receives. */\n  result: ReactNode;\n  /** Accessible summary, e.g. \"12 emeralds for a diamond sword\". */\n  label: string;\n  /** Times traded so far. */\n  uses?: number;\n  /** Uses before the trade sells out. */\n  maxUses?: number;\n}\n\nexport const villagerLevels = [\"Novice\", \"Apprentice\", \"Journeyman\", \"Expert\", \"Master\"] as const;\n\nexport interface TradingUIProps extends Omit<HTMLAttributes<HTMLDivElement>, \"defaultValue\"> {\n  trades: Trade[];\n  /** Controlled selected trade id. */\n  value?: string;\n  /** Initially selected trade id. @default the first trade */\n  defaultValue?: string;\n  onValueChange?: (id: string) => void;\n  /** Called when the player confirms the selected trade. */\n  onTrade?: (id: string) => void;\n  /** Villager profession shown in the header, e.g. \"Armorer\". */\n  profession?: ReactNode;\n  /** Villager level 1–5 (Novice … Master). */\n  level?: number;\n  /** Progress to the next level, 0–100. */\n  levelProgress?: number;\n  /** Accessible name. @default \"Trading\" */\n  label?: string;\n}\n"],"mappings":";AAkBA,IAAa,iBAAiB;CAAC;CAAU;CAAc;CAAc;CAAU;AAAQ"}
+{"version":3,"file":"TradingUI.types.js","names":[],"sources":["../../../../src/components/crafting/TradingUI/TradingUI.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport interface Trade {\n  id: string;\n  /** Price, usually an `<ItemStack />` (e.g. emeralds). */\n  cost: ReactNode;\n  /** Optional second price item. */\n  cost2?: ReactNode;\n  /** What the player receives. */\n  result: ReactNode;\n  /** Accessible summary, e.g. \"12 emeralds for a diamond sword\". */\n  label: string;\n  /** Times traded so far. */\n  uses?: number;\n  /** Uses before the trade sells out. */\n  maxUses?: number;\n}\n\nexport const villagerLevels = [\"Novice\", \"Apprentice\", \"Journeyman\", \"Expert\", \"Master\"] as const;\n\nexport interface TradingUIProps extends Omit<HTMLAttributes<HTMLDivElement>, \"defaultValue\"> {\n  trades: Trade[];\n  /** Controlled selected trade id. */\n  value?: string;\n  /** Initially selected trade id. @default the first trade */\n  defaultValue?: string;\n  onValueChange?: (id: string) => void;\n  /** Called when the player confirms the selected trade. */\n  onTrade?: (id: string) => void;\n  /** Villager profession shown in the header, e.g. \"Armorer\". */\n  profession?: ReactNode;\n  /** Villager level 1–5 (Novice … Master). */\n  level?: number;\n  /** Progress to the next level, 0–100. */\n  levelProgress?: number;\n  /** Accessible name. @default locale `tradingUI.label` (\"Trading\") */\n  label?: string;\n}\n"],"mappings":";AAkBA,IAAa,iBAAiB;CAAC;CAAU;CAAc;CAAc;CAAU;AAAQ"}

package/dist/components/display/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD;;;GAGG;AACH,eAAO,MAAM,MAAM,yGAiCjB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;;GAGG;AACH,eAAO,MAAM,MAAM,yGAkCjB,CAAC"}

package/dist/components/display/Avatar/Avatar.js

@@ -1,23 +1,19 @@
 import { cx } from "../../../utils/cx.js";
+import { useBlockUIMessages } from "../../../provider/context.js";
 import Avatar_module_default from "./Avatar.module.js";
 import { avatarMaterial, initials } from "./Avatar.utils.js";
 import { forwardRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/display/Avatar/Avatar.tsx
-var STATUS_TEXT = {
-	online: "online",
-	away: "away",
-	busy: "busy",
-	offline: "offline"
-};
 /**
 * Square block avatar: a pixelated face image, or initials on a material
 * colour picked from the name, with an optional presence dot.
 */
 var Avatar = forwardRef(function Avatar({ name, src, icon, size = "md", status, decorative = false, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	const [failedSrc, setFailedSrc] = useState(void 0);
 	const showImage = src !== void 0 && src !== failedSrc;
-	const accessibleName = status ? `${name} (${STATUS_TEXT[status]})` : name;
+	const accessibleName = status ? `${name} (${m.avatar.statuses[status]})` : name;
 	return /* @__PURE__ */ jsxs("span", {
 		ref,
 		role: decorative ? void 0 : "img",

package/dist/components/display/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["styles"],"sources":["../../../../src/components/display/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef, useState } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./Avatar.module.css\";\nimport type { AvatarProps } from \"./Avatar.types\";\nimport { avatarMaterial, initials } from \"./Avatar.utils\";\n\nconst STATUS_TEXT = { online: \"online\", away: \"away\", busy: \"busy\", offline: \"offline\" } as const;\n\n/**\n * Square block avatar: a pixelated face image, or initials on a material\n * colour picked from the name, with an optional presence dot.\n */\nexport const Avatar = forwardRef<HTMLSpanElement, AvatarProps>(function Avatar(\n  { name, src, icon, size = \"md\", status, decorative = false, className, ...rest },\n  ref,\n) {\n  const [failedSrc, setFailedSrc] = useState<string | undefined>(undefined);\n  const showImage = src !== undefined && src !== failedSrc;\n  const accessibleName = status ? `${name} (${STATUS_TEXT[status]})` : name;\n\n  return (\n    <span\n      ref={ref}\n      role={decorative ? undefined : \"img\"}\n      aria-label={decorative ? undefined : accessibleName}\n      aria-hidden={decorative || undefined}\n      data-size={size}\n      data-material={avatarMaterial(name)}\n      className={cx(styles.avatar, className)}\n      {...rest}\n    >\n      {showImage ? (\n        <img src={src} alt=\"\" className={styles.image} onError={() => setFailedSrc(src)} />\n      ) : icon ? (\n        <span className={styles.icon} aria-hidden=\"true\">\n          {icon}\n        </span>\n      ) : (\n        <span className={styles.initials} aria-hidden=\"true\">\n          {initials(name)}\n        </span>\n      )}\n      {status ? <span className={styles.status} data-status={status} aria-hidden=\"true\" /> : null}\n    </span>\n  );\n});\n"],"mappings":";;;;;;AAMA,IAAM,cAAc;CAAE,QAAQ;CAAU,MAAM;CAAQ,MAAM;CAAQ,SAAS;AAAU;;;;;AAMvF,IAAa,SAAS,WAAyC,SAAS,OACtE,EAAE,MAAM,KAAK,MAAM,OAAO,MAAM,QAAQ,aAAa,OAAO,WAAW,GAAG,QAC1E,KACA;CACA,MAAM,CAAC,WAAW,gBAAgB,SAA6B,KAAA,CAAS;CACxE,MAAM,YAAY,QAAQ,KAAA,KAAa,QAAQ;CAC/C,MAAM,iBAAiB,SAAS,GAAG,KAAK,IAAI,YAAY,QAAQ,KAAK;CAErE,OACE,qBAAC,QAAD;EACO;EACL,MAAM,aAAa,KAAA,IAAY;EAC/B,cAAY,aAAa,KAAA,IAAY;EACrC,eAAa,cAAc,KAAA;EAC3B,aAAW;EACX,iBAAe,eAAe,IAAI;EAClC,WAAW,GAAGA,sBAAO,QAAQ,SAAS;EACtC,GAAI;EARN,UAAA,CAUG,YACC,oBAAC,OAAD;GAAU;GAAK,KAAI;GAAG,WAAWA,sBAAO;GAAO,eAAe,aAAa,GAAG;EAAI,CAAA,IAChF,OACF,oBAAC,QAAD;GAAM,WAAWA,sBAAO;GAAM,eAAY;GACvC,UAAA;EACG,CAAA,IAEN,oBAAC,QAAD;GAAM,WAAWA,sBAAO;GAAU,eAAY;GAC3C,UAAA,SAAS,IAAI;EACV,CAAA,GAEP,SAAS,oBAAC,QAAD;GAAM,WAAWA,sBAAO;GAAQ,eAAa;GAAQ,eAAY;EAAQ,CAAA,IAAI,IACnF;;AAEV,CAAC"}
+{"version":3,"file":"Avatar.js","names":["styles"],"sources":["../../../../src/components/display/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef, useState } from \"react\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./Avatar.module.css\";\nimport type { AvatarProps } from \"./Avatar.types\";\nimport { avatarMaterial, initials } from \"./Avatar.utils\";\n\n/**\n * Square block avatar: a pixelated face image, or initials on a material\n * colour picked from the name, with an optional presence dot.\n */\nexport const Avatar = forwardRef<HTMLSpanElement, AvatarProps>(function Avatar(\n  { name, src, icon, size = \"md\", status, decorative = false, className, ...rest },\n  ref,\n) {\n  const m = useBlockUIMessages();\n  const [failedSrc, setFailedSrc] = useState<string | undefined>(undefined);\n  const showImage = src !== undefined && src !== failedSrc;\n  const accessibleName = status ? `${name} (${m.avatar.statuses[status]})` : name;\n\n  return (\n    <span\n      ref={ref}\n      role={decorative ? undefined : \"img\"}\n      aria-label={decorative ? undefined : accessibleName}\n      aria-hidden={decorative || undefined}\n      data-size={size}\n      data-material={avatarMaterial(name)}\n      className={cx(styles.avatar, className)}\n      {...rest}\n    >\n      {showImage ? (\n        <img src={src} alt=\"\" className={styles.image} onError={() => setFailedSrc(src)} />\n      ) : icon ? (\n        <span className={styles.icon} aria-hidden=\"true\">\n          {icon}\n        </span>\n      ) : (\n        <span className={styles.initials} aria-hidden=\"true\">\n          {initials(name)}\n        </span>\n      )}\n      {status ? <span className={styles.status} data-status={status} aria-hidden=\"true\" /> : null}\n    </span>\n  );\n});\n"],"mappings":";;;;;;;;;;;AAWA,IAAa,SAAS,WAAyC,SAAS,OACtE,EAAE,MAAM,KAAK,MAAM,OAAO,MAAM,QAAQ,aAAa,OAAO,WAAW,GAAG,QAC1E,KACA;CACA,MAAM,IAAI,mBAAmB;CAC7B,MAAM,CAAC,WAAW,gBAAgB,SAA6B,KAAA,CAAS;CACxE,MAAM,YAAY,QAAQ,KAAA,KAAa,QAAQ;CAC/C,MAAM,iBAAiB,SAAS,GAAG,KAAK,IAAI,EAAE,OAAO,SAAS,QAAQ,KAAK;CAE3E,OACE,qBAAC,QAAD;EACO;EACL,MAAM,aAAa,KAAA,IAAY;EAC/B,cAAY,aAAa,KAAA,IAAY;EACrC,eAAa,cAAc,KAAA;EAC3B,aAAW;EACX,iBAAe,eAAe,IAAI;EAClC,WAAW,GAAGA,sBAAO,QAAQ,SAAS;EACtC,GAAI;EARN,UAAA,CAUG,YACC,oBAAC,OAAD;GAAU;GAAK,KAAI;GAAG,WAAWA,sBAAO;GAAO,eAAe,aAAa,GAAG;EAAI,CAAA,IAChF,OACF,oBAAC,QAAD;GAAM,WAAWA,sBAAO;GAAM,eAAY;GACvC,UAAA;EACG,CAAA,IAEN,oBAAC,QAAD;GAAM,WAAWA,sBAAO;GAAU,eAAY;GAC3C,UAAA,SAAS,IAAI;EACV,CAAA,GAEP,SAAS,oBAAC,QAAD;GAAM,WAAWA,sBAAO;GAAQ,eAAa;GAAQ,eAAY;EAAQ,CAAA,IAAI,IACnF;;AAEV,CAAC"}

package/dist/components/display/BlockTable/BlockTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockTable.d.ts","sourceRoot":"","sources":["../../../../src/components/display/BlockTable/BlockTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AA+I1E;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAkC,CAAC,CAAC,EACzD,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,gBAAgB,CAAC,KACxD,YAAY,CAAC"}
+{"version":3,"file":"BlockTable.d.ts","sourceRoot":"","sources":["../../../../src/components/display/BlockTable/BlockTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AAiJ1E;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAkC,CAAC,CAAC,EACzD,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,gBAAgB,CAAC,KACxD,YAAY,CAAC"}

package/dist/components/display/BlockTable/BlockTable.js

@@ -1,4 +1,5 @@
 import { cx } from "../../../utils/cx.js";
+import { useBlockUIMessages } from "../../../provider/context.js";
 import { useControllableState } from "../../../hooks/useControllableState.js";
 import BlockTable_module_default from "./BlockTable.module.js";
 import { nextSort, readField, sortRows } from "./BlockTable.utils.js";
@@ -10,7 +11,8 @@ var ARIA_SORT = {
 	asc: "ascending",
 	desc: "descending"
 };
-function BlockTableInner({ columns, rows, getRowKey = (_row, index) => index, caption, hideCaption = false, sort, defaultSort = null, onSortChange, manualSort = false, striped = false, size = "md", stickyHeader = false, emptyState = "No data", wrapperClassName, className, ...rest }, ref) {
+function BlockTableInner({ columns, rows, getRowKey = (_row, index) => index, caption, hideCaption = false, sort, defaultSort = null, onSortChange, manualSort = false, striped = false, size = "md", stickyHeader = false, emptyState, wrapperClassName, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	const captionId = useId();
 	const [activeSort, setSort] = useControllableState({
 		value: sort,
@@ -63,7 +65,7 @@ function BlockTableInner({ columns, rows, getRowKey = (_row, index) => index, ca
 				/* @__PURE__ */ jsx("tbody", { children: visibleRows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
 					colSpan: columns.length,
 					className: BlockTable_module_default.empty,
-					children: emptyState
+					children: emptyState ?? m.blockTable.empty
 				}) }) : visibleRows.map((row, index) => /* @__PURE__ */ jsx("tr", {
 					className: BlockTable_module_default.row,
 					children: columns.map((column) => {

package/dist/components/display/BlockTable/BlockTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockTable.js","names":["styles"],"sources":["../../../../src/components/display/BlockTable/BlockTable.tsx"],"sourcesContent":["import { ChevronDownIcon, ChevronUpIcon } from \"@malilion/block-ui-icons\";\nimport {\n  forwardRef,\n  useId,\n  type CSSProperties,\n  type ForwardedRef,\n  type ReactElement,\n  type RefAttributes,\n} from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./BlockTable.module.css\";\nimport type { BlockTableProps, BlockTableSort } from \"./BlockTable.types\";\nimport { nextSort, readField, sortRows } from \"./BlockTable.utils\";\n\nconst ARIA_SORT = { asc: \"ascending\", desc: \"descending\" } as const;\n\nfunction BlockTableInner<T>(\n  {\n    columns,\n    rows,\n    getRowKey = (_row, index) => index,\n    caption,\n    hideCaption = false,\n    sort,\n    defaultSort = null,\n    onSortChange,\n    manualSort = false,\n    striped = false,\n    size = \"md\",\n    stickyHeader = false,\n    emptyState = \"No data\",\n    wrapperClassName,\n    className,\n    ...rest\n  }: BlockTableProps<T>,\n  ref: ForwardedRef<HTMLTableElement>,\n) {\n  const captionId = useId();\n  const [activeSort, setSort] = useControllableState<BlockTableSort | null>({\n    value: sort,\n    defaultValue: defaultSort,\n    onChange: onSortChange,\n  });\n  const visibleRows = manualSort ? rows : sortRows(rows, columns, activeSort);\n  const hasWidths = columns.some((column) => column.width);\n\n  return (\n    <div\n      role=\"region\"\n      aria-labelledby={captionId}\n      // The wrapper scrolls horizontally on narrow screens, so keyboard users must be able to focus it.\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n      tabIndex={0}\n      className={cx(styles.wrapper, stickyHeader && styles.sticky, wrapperClassName)}\n    >\n      <table\n        ref={ref}\n        data-size={size}\n        data-striped={striped || undefined}\n        className={cx(styles.table, className)}\n        {...rest}\n      >\n        <caption\n          id={captionId}\n          className={cx(styles.caption, hideCaption && \"block-visually-hidden\")}\n        >\n          {caption}\n        </caption>\n        {hasWidths ? (\n          <colgroup>\n            {columns.map((column) => (\n              <col\n                key={column.key}\n                className={column.width ? styles.col : undefined}\n                style={\n                  column.width\n                    ? ({ \"--block-table-col-width\": column.width } as CSSProperties)\n                    : undefined\n                }\n              />\n            ))}\n          </colgroup>\n        ) : null}\n        <thead>\n          <tr>\n            {columns.map((column) => {\n              const direction = activeSort?.key === column.key ? activeSort.direction : undefined;\n              return (\n                <th\n                  key={column.key}\n                  scope=\"col\"\n                  data-align={column.align ?? \"start\"}\n                  aria-sort={column.sortable && direction ? ARIA_SORT[direction] : undefined}\n                  className={styles.headerCell}\n                >\n                  {column.sortable ? (\n                    <button\n                      type=\"button\"\n                      className={styles.sortButton}\n                      data-direction={direction}\n                      onClick={() => setSort(nextSort(activeSort, column.key))}\n                    >\n                      <span>{column.header}</span>\n                      <span className={styles.sortIcon} aria-hidden=\"true\">\n                        {direction === \"desc\" ? (\n                          <ChevronDownIcon size={16} />\n                        ) : (\n                          <ChevronUpIcon size={16} />\n                        )}\n                      </span>\n                    </button>\n                  ) : (\n                    column.header\n                  )}\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {visibleRows.length === 0 ? (\n            <tr>\n              <td colSpan={columns.length} className={styles.empty}>\n                {emptyState}\n              </td>\n            </tr>\n          ) : (\n            visibleRows.map((row, index) => (\n              <tr key={getRowKey(row, index)} className={styles.row}>\n                {columns.map((column) => {\n                  const content = column.cell\n                    ? column.cell(row, index)\n                    : readField(row, column.key);\n                  const Cell = column.rowHeader ? \"th\" : \"td\";\n                  return (\n                    <Cell\n                      key={column.key}\n                      scope={column.rowHeader ? \"row\" : undefined}\n                      data-align={column.align ?? \"start\"}\n                      className={cx(styles.cell, column.rowHeader && styles.rowHeader)}\n                    >\n                      {content}\n                    </Cell>\n                  );\n                })}\n              </tr>\n            ))\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\n/**\n * Data table with a block frame, optional sorting (click a header to cycle\n * ascending → descending → unsorted), striping and a horizontal scroll region.\n */\nexport const BlockTable = forwardRef(BlockTableInner) as <T>(\n  props: BlockTableProps<T> & RefAttributes<HTMLTableElement>,\n) => ReactElement;\n"],"mappings":"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"}
+{"version":3,"file":"BlockTable.js","names":["styles"],"sources":["../../../../src/components/display/BlockTable/BlockTable.tsx"],"sourcesContent":["import { ChevronDownIcon, ChevronUpIcon } from \"@malilion/block-ui-icons\";\nimport {\n  forwardRef,\n  useId,\n  type CSSProperties,\n  type ForwardedRef,\n  type ReactElement,\n  type RefAttributes,\n} from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./BlockTable.module.css\";\nimport type { BlockTableProps, BlockTableSort } from \"./BlockTable.types\";\nimport { nextSort, readField, sortRows } from \"./BlockTable.utils\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\n\nconst ARIA_SORT = { asc: \"ascending\", desc: \"descending\" } as const;\n\nfunction BlockTableInner<T>(\n  {\n    columns,\n    rows,\n    getRowKey = (_row, index) => index,\n    caption,\n    hideCaption = false,\n    sort,\n    defaultSort = null,\n    onSortChange,\n    manualSort = false,\n    striped = false,\n    size = \"md\",\n    stickyHeader = false,\n    emptyState,\n    wrapperClassName,\n    className,\n    ...rest\n  }: BlockTableProps<T>,\n  ref: ForwardedRef<HTMLTableElement>,\n) {\n  const m = useBlockUIMessages();\n  const captionId = useId();\n  const [activeSort, setSort] = useControllableState<BlockTableSort | null>({\n    value: sort,\n    defaultValue: defaultSort,\n    onChange: onSortChange,\n  });\n  const visibleRows = manualSort ? rows : sortRows(rows, columns, activeSort);\n  const hasWidths = columns.some((column) => column.width);\n\n  return (\n    <div\n      role=\"region\"\n      aria-labelledby={captionId}\n      // The wrapper scrolls horizontally on narrow screens, so keyboard users must be able to focus it.\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n      tabIndex={0}\n      className={cx(styles.wrapper, stickyHeader && styles.sticky, wrapperClassName)}\n    >\n      <table\n        ref={ref}\n        data-size={size}\n        data-striped={striped || undefined}\n        className={cx(styles.table, className)}\n        {...rest}\n      >\n        <caption\n          id={captionId}\n          className={cx(styles.caption, hideCaption && \"block-visually-hidden\")}\n        >\n          {caption}\n        </caption>\n        {hasWidths ? (\n          <colgroup>\n            {columns.map((column) => (\n              <col\n                key={column.key}\n                className={column.width ? styles.col : undefined}\n                style={\n                  column.width\n                    ? ({ \"--block-table-col-width\": column.width } as CSSProperties)\n                    : undefined\n                }\n              />\n            ))}\n          </colgroup>\n        ) : null}\n        <thead>\n          <tr>\n            {columns.map((column) => {\n              const direction = activeSort?.key === column.key ? activeSort.direction : undefined;\n              return (\n                <th\n                  key={column.key}\n                  scope=\"col\"\n                  data-align={column.align ?? \"start\"}\n                  aria-sort={column.sortable && direction ? ARIA_SORT[direction] : undefined}\n                  className={styles.headerCell}\n                >\n                  {column.sortable ? (\n                    <button\n                      type=\"button\"\n                      className={styles.sortButton}\n                      data-direction={direction}\n                      onClick={() => setSort(nextSort(activeSort, column.key))}\n                    >\n                      <span>{column.header}</span>\n                      <span className={styles.sortIcon} aria-hidden=\"true\">\n                        {direction === \"desc\" ? (\n                          <ChevronDownIcon size={16} />\n                        ) : (\n                          <ChevronUpIcon size={16} />\n                        )}\n                      </span>\n                    </button>\n                  ) : (\n                    column.header\n                  )}\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {visibleRows.length === 0 ? (\n            <tr>\n              <td colSpan={columns.length} className={styles.empty}>\n                {emptyState ?? m.blockTable.empty}\n              </td>\n            </tr>\n          ) : (\n            visibleRows.map((row, index) => (\n              <tr key={getRowKey(row, index)} className={styles.row}>\n                {columns.map((column) => {\n                  const content = column.cell\n                    ? column.cell(row, index)\n                    : readField(row, column.key);\n                  const Cell = column.rowHeader ? \"th\" : \"td\";\n                  return (\n                    <Cell\n                      key={column.key}\n                      scope={column.rowHeader ? \"row\" : undefined}\n                      data-align={column.align ?? \"start\"}\n                      className={cx(styles.cell, column.rowHeader && styles.rowHeader)}\n                    >\n                      {content}\n                    </Cell>\n                  );\n                })}\n              </tr>\n            ))\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\n/**\n * Data table with a block frame, optional sorting (click a header to cycle\n * ascending → descending → unsorted), striping and a horizontal scroll region.\n */\nexport const BlockTable = forwardRef(BlockTableInner) as <T>(\n  props: BlockTableProps<T> & RefAttributes<HTMLTableElement>,\n) => ReactElement;\n"],"mappings":"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"}

package/dist/components/display/BlockTable/BlockTable.types.d.ts

@@ -41,7 +41,7 @@ export interface BlockTableProps<T> extends Omit<TableHTMLAttributes<HTMLTableEl
     size?: "sm" | "md";
     /** Keep the header visible while the page scrolls. */
     stickyHeader?: boolean;
-    /** Shown in place of rows when `rows` is empty. @default "No data" */
+    /** Shown in place of rows when `rows` is empty. @default messages.blockTable.empty ("No data") */
     emptyState?: ReactNode;
     /** Class for the scroll container around the table. */
     wrapperClassName?: string;

package/dist/components/display/BlockTable/BlockTable.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockTable.types.d.ts","sourceRoot":"","sources":["../../../../src/components/display/BlockTable/BlockTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,MAAM,CAAC;AAErD,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,uBAAuB,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,+DAA+D;IAC/D,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,CAAC;IAClB,mDAAmD;IACnD,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC5C,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3D,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,IAAI,CAC9C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,CACX;IACC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,sDAAsD;IACtD,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IAC3C,+DAA+D;IAC/D,OAAO,EAAE,SAAS,CAAC;IACnB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sEAAsE;IACtE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}
+{"version":3,"file":"BlockTable.types.d.ts","sourceRoot":"","sources":["../../../../src/components/display/BlockTable/BlockTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,MAAM,CAAC;AAErD,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,uBAAuB,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,+DAA+D;IAC/D,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,CAAC;IAClB,mDAAmD;IACnD,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC5C,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3D,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,IAAI,CAC9C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,CACX;IACC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,sDAAsD;IACtD,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IAC3C,+DAA+D;IAC/D,OAAO,EAAE,SAAS,CAAC;IACnB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kGAAkG;IAClG,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

package/dist/components/display/SkillTree/SkillTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillTree.d.ts","sourceRoot":"","sources":["../../../../src/components/display/SkillTree/SkillTree.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKxD;;;;GAIG;AACH,eAAO,MAAM,SAAS,2GAgIpB,CAAC"}
+{"version":3,"file":"SkillTree.d.ts","sourceRoot":"","sources":["../../../../src/components/display/SkillTree/SkillTree.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD;;;;GAIG;AACH,eAAO,MAAM,SAAS,2GAqIpB,CAAC"}

package/dist/components/display/SkillTree/SkillTree.js

@@ -1,21 +1,18 @@
 import { cx } from "../../../utils/cx.js";
+import { useBlockUIMessages } from "../../../provider/context.js";
 import { BlockButton } from "../../actions/BlockButton/BlockButton.js";
 import SkillTree_module_default from "./SkillTree.module.js";
 import { gridSize, skillState } from "./SkillTree.utils.js";
 import { forwardRef, useId, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/display/SkillTree/SkillTree.tsx
-var STATE_TEXT = {
-	locked: "locked",
-	available: "available",
-	unlocked: "unlocked"
-};
 /**
 * Skill tree: nodes on a grid joined to their prerequisites. Unlocked skills
 * glow, available ones can be bought with skill points, locked ones show what
 * they need. Selecting a node shows its details and Unlock button.
 */
-var SkillTree = forwardRef(function SkillTree({ skills, unlocked, points, onUnlock, defaultValue, label = "Skill tree", className, ...rest }, ref) {
+var SkillTree = forwardRef(function SkillTree({ skills, unlocked, points, onUnlock, defaultValue, label, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	const detailId = useId();
 	const [selectedId, setSelectedId] = useState(defaultValue ?? skills[0]?.id ?? "");
 	const unlockedSet = new Set(unlocked);
@@ -38,13 +35,17 @@ var SkillTree = forwardRef(function SkillTree({ skills, unlocked, points, onUnlo
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
 		role: "group",
-		"aria-label": label,
+		"aria-label": label ?? m.skillTree.label,
 		className: cx(SkillTree_module_default.tree, className),
 		...rest,
 		children: [
 			points !== void 0 ? /* @__PURE__ */ jsxs("p", {
 				className: SkillTree_module_default.points,
-				children: ["Skill points: ", /* @__PURE__ */ jsx("strong", { children: points })]
+				children: [
+					m.skillTree.points,
+					" ",
+					/* @__PURE__ */ jsx("strong", { children: points })
+				]
 			}) : null,
 			/* @__PURE__ */ jsxs("div", {
 				className: SkillTree_module_default.board,
@@ -67,7 +68,7 @@ var SkillTree = forwardRef(function SkillTree({ skills, unlocked, points, onUnlo
 					}, key))
 				}), /* @__PURE__ */ jsx("ul", {
 					className: SkillTree_module_default.nodes,
-					"aria-label": "Skills",
+					"aria-label": m.skillTree.skills,
 					children: skills.map((skill) => {
 						const state = skillState(skill, unlockedSet);
 						return /* @__PURE__ */ jsx("li", {
@@ -82,7 +83,7 @@ var SkillTree = forwardRef(function SkillTree({ skills, unlocked, points, onUnlo
 								"data-state": state,
 								"aria-pressed": skill.id === selectedId,
 								"aria-controls": detailId,
-								"aria-label": `${skill.label}, ${STATE_TEXT[state]}`,
+								"aria-label": `${skill.label}, ${m.skillTree.states[state]}`,
 								onClick: () => setSelectedId(skill.id),
 								children: /* @__PURE__ */ jsx("span", {
 									className: SkillTree_module_default.icon,
@@ -98,7 +99,7 @@ var SkillTree = forwardRef(function SkillTree({ skills, unlocked, points, onUnlo
 				id: detailId,
 				className: SkillTree_module_default.detail,
 				"aria-live": "polite",
-				"aria-label": "Skill details",
+				"aria-label": m.skillTree.details,
 				children: selected ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					/* @__PURE__ */ jsxs("p", {
 						className: SkillTree_module_default.name,
@@ -108,7 +109,7 @@ var SkillTree = forwardRef(function SkillTree({ skills, unlocked, points, onUnlo
 							/* @__PURE__ */ jsx("span", {
 								className: SkillTree_module_default.state,
 								"data-state": selectedState,
-								children: selectedState
+								children: selectedState ? m.skillTree.states[selectedState] : null
 							})
 						]
 					}),
@@ -116,16 +117,16 @@ var SkillTree = forwardRef(function SkillTree({ skills, unlocked, points, onUnlo
 						className: SkillTree_module_default.description,
 						children: selected.description
 					}) : null,
-					missing.length > 0 ? /* @__PURE__ */ jsxs("p", {
+					missing.length > 0 ? /* @__PURE__ */ jsx("p", {
 						className: SkillTree_module_default.requires,
-						children: ["Requires: ", missing.join(", ")]
+						children: m.skillTree.requires(missing.join(", "))
 					}) : null,
 					selectedState === "available" && onUnlock ? /* @__PURE__ */ jsx(BlockButton, {
 						variant: "emerald",
 						size: "sm",
 						disabled: !affordable,
 						onClick: () => onUnlock(selected.id),
-						children: affordable ? `Unlock (${selectedCost} ${selectedCost === 1 ? "point" : "points"})` : `Needs ${selectedCost} ${selectedCost === 1 ? "point" : "points"}`
+						children: affordable ? m.skillTree.unlock(selectedCost) : m.skillTree.needs(selectedCost)
 					}) : null
 				] }) : null
 			})

package/dist/components/display/SkillTree/SkillTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkillTree.js","names":["styles","_Fragment"],"sources":["../../../../src/components/display/SkillTree/SkillTree.tsx"],"sourcesContent":["import { forwardRef, useId, useState, type CSSProperties } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport styles from \"./SkillTree.module.css\";\nimport type { SkillTreeProps } from \"./SkillTree.types\";\nimport { gridSize, skillState } from \"./SkillTree.utils\";\n\nconst STATE_TEXT = { locked: \"locked\", available: \"available\", unlocked: \"unlocked\" } as const;\n\n/**\n * Skill tree: nodes on a grid joined to their prerequisites. Unlocked skills\n * glow, available ones can be bought with skill points, locked ones show what\n * they need. Selecting a node shows its details and Unlock button.\n */\nexport const SkillTree = forwardRef<HTMLDivElement, SkillTreeProps>(function SkillTree(\n  { skills, unlocked, points, onUnlock, defaultValue, label = \"Skill tree\", className, ...rest },\n  ref,\n) {\n  const detailId = useId();\n  const [selectedId, setSelectedId] = useState(defaultValue ?? skills[0]?.id ?? \"\");\n  const unlockedSet = new Set(unlocked);\n  const byId = new Map(skills.map((skill) => [skill.id, skill]));\n  const { rows, columns } = gridSize(skills);\n  const selected = byId.get(selectedId);\n  const selectedState = selected ? skillState(selected, unlockedSet) : undefined;\n  const selectedCost = selected?.cost ?? 1;\n  const affordable = points === undefined || points >= selectedCost;\n  const missing =\n    selected && selectedState === \"locked\"\n      ? (selected.requires ?? [])\n          .filter((id) => !unlockedSet.has(id))\n          .map((id) => byId.get(id)?.label ?? id)\n      : [];\n\n  // Connector centres in grid units (0.5 = middle of the first cell).\n  const edges = skills.flatMap((skill) =>\n    (skill.requires ?? []).flatMap((id) => {\n      const from = byId.get(id);\n      return from\n        ? [{ key: `${id}-${skill.id}`, from, to: skill, lit: unlockedSet.has(skill.id) }]\n        : [];\n    }),\n  );\n\n  return (\n    <div ref={ref} role=\"group\" aria-label={label} className={cx(styles.tree, className)} {...rest}>\n      {points !== undefined ? (\n        <p className={styles.points}>\n          Skill points: <strong>{points}</strong>\n        </p>\n      ) : null}\n      <div\n        className={styles.board}\n        style={{ \"--block-skill-rows\": rows, \"--block-skill-columns\": columns } as CSSProperties}\n      >\n        <svg\n          className={styles.lines}\n          viewBox={`0 0 ${columns} ${rows}`}\n          preserveAspectRatio=\"none\"\n          aria-hidden=\"true\"\n        >\n          {edges.map(({ key, from, to, lit }) => (\n            <line\n              key={key}\n              x1={from.column - 0.5}\n              y1={from.row - 0.5}\n              x2={to.column - 0.5}\n              y2={to.row - 0.5}\n              data-lit={lit || undefined}\n              vectorEffect=\"non-scaling-stroke\"\n            />\n          ))}\n        </svg>\n        <ul className={styles.nodes} aria-label=\"Skills\">\n          {skills.map((skill) => {\n            const state = skillState(skill, unlockedSet);\n            return (\n              <li\n                key={skill.id}\n                className={styles.cell}\n                style={\n                  {\n                    \"--block-skill-row\": skill.row,\n                    \"--block-skill-col\": skill.column,\n                  } as CSSProperties\n                }\n              >\n                <button\n                  type=\"button\"\n                  className={styles.node}\n                  data-state={state}\n                  aria-pressed={skill.id === selectedId}\n                  aria-controls={detailId}\n                  aria-label={`${skill.label}, ${STATE_TEXT[state]}`}\n                  onClick={() => setSelectedId(skill.id)}\n                >\n                  <span className={styles.icon} aria-hidden=\"true\">\n                    {skill.icon}\n                  </span>\n                </button>\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n      <section\n        id={detailId}\n        className={styles.detail}\n        aria-live=\"polite\"\n        aria-label=\"Skill details\"\n      >\n        {selected ? (\n          <>\n            <p className={styles.name}>\n              {selected.label}{\" \"}\n              <span className={styles.state} data-state={selectedState}>\n                {selectedState}\n              </span>\n            </p>\n            {selected.description ? (\n              <p className={styles.description}>{selected.description}</p>\n            ) : null}\n            {missing.length > 0 ? (\n              <p className={styles.requires}>Requires: {missing.join(\", \")}</p>\n            ) : null}\n            {selectedState === \"available\" && onUnlock ? (\n              <BlockButton\n                variant=\"emerald\"\n                size=\"sm\"\n                disabled={!affordable}\n                onClick={() => onUnlock(selected.id)}\n              >\n                {affordable\n                  ? `Unlock (${selectedCost} ${selectedCost === 1 ? \"point\" : \"points\"})`\n                  : `Needs ${selectedCost} ${selectedCost === 1 ? \"point\" : \"points\"}`}\n              </BlockButton>\n            ) : null}\n          </>\n        ) : null}\n      </section>\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"SkillTree.js","names":["styles","_Fragment"],"sources":["../../../../src/components/display/SkillTree/SkillTree.tsx"],"sourcesContent":["import { forwardRef, useId, useState, type CSSProperties } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport styles from \"./SkillTree.module.css\";\nimport type { SkillTreeProps } from \"./SkillTree.types\";\nimport { gridSize, skillState } from \"./SkillTree.utils\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\n\n/**\n * Skill tree: nodes on a grid joined to their prerequisites. Unlocked skills\n * glow, available ones can be bought with skill points, locked ones show what\n * they need. Selecting a node shows its details and Unlock button.\n */\nexport const SkillTree = forwardRef<HTMLDivElement, SkillTreeProps>(function SkillTree(\n  { skills, unlocked, points, onUnlock, defaultValue, label, className, ...rest },\n  ref,\n) {\n  const m = useBlockUIMessages();\n  const detailId = useId();\n  const [selectedId, setSelectedId] = useState(defaultValue ?? skills[0]?.id ?? \"\");\n  const unlockedSet = new Set(unlocked);\n  const byId = new Map(skills.map((skill) => [skill.id, skill]));\n  const { rows, columns } = gridSize(skills);\n  const selected = byId.get(selectedId);\n  const selectedState = selected ? skillState(selected, unlockedSet) : undefined;\n  const selectedCost = selected?.cost ?? 1;\n  const affordable = points === undefined || points >= selectedCost;\n  const missing =\n    selected && selectedState === \"locked\"\n      ? (selected.requires ?? [])\n          .filter((id) => !unlockedSet.has(id))\n          .map((id) => byId.get(id)?.label ?? id)\n      : [];\n\n  // Connector centres in grid units (0.5 = middle of the first cell).\n  const edges = skills.flatMap((skill) =>\n    (skill.requires ?? []).flatMap((id) => {\n      const from = byId.get(id);\n      return from\n        ? [{ key: `${id}-${skill.id}`, from, to: skill, lit: unlockedSet.has(skill.id) }]\n        : [];\n    }),\n  );\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={label ?? m.skillTree.label}\n      className={cx(styles.tree, className)}\n      {...rest}\n    >\n      {points !== undefined ? (\n        <p className={styles.points}>\n          {m.skillTree.points} <strong>{points}</strong>\n        </p>\n      ) : null}\n      <div\n        className={styles.board}\n        style={{ \"--block-skill-rows\": rows, \"--block-skill-columns\": columns } as CSSProperties}\n      >\n        <svg\n          className={styles.lines}\n          viewBox={`0 0 ${columns} ${rows}`}\n          preserveAspectRatio=\"none\"\n          aria-hidden=\"true\"\n        >\n          {edges.map(({ key, from, to, lit }) => (\n            <line\n              key={key}\n              x1={from.column - 0.5}\n              y1={from.row - 0.5}\n              x2={to.column - 0.5}\n              y2={to.row - 0.5}\n              data-lit={lit || undefined}\n              vectorEffect=\"non-scaling-stroke\"\n            />\n          ))}\n        </svg>\n        <ul className={styles.nodes} aria-label={m.skillTree.skills}>\n          {skills.map((skill) => {\n            const state = skillState(skill, unlockedSet);\n            return (\n              <li\n                key={skill.id}\n                className={styles.cell}\n                style={\n                  {\n                    \"--block-skill-row\": skill.row,\n                    \"--block-skill-col\": skill.column,\n                  } as CSSProperties\n                }\n              >\n                <button\n                  type=\"button\"\n                  className={styles.node}\n                  data-state={state}\n                  aria-pressed={skill.id === selectedId}\n                  aria-controls={detailId}\n                  aria-label={`${skill.label}, ${m.skillTree.states[state]}`}\n                  onClick={() => setSelectedId(skill.id)}\n                >\n                  <span className={styles.icon} aria-hidden=\"true\">\n                    {skill.icon}\n                  </span>\n                </button>\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n      <section\n        id={detailId}\n        className={styles.detail}\n        aria-live=\"polite\"\n        aria-label={m.skillTree.details}\n      >\n        {selected ? (\n          <>\n            <p className={styles.name}>\n              {selected.label}{\" \"}\n              <span className={styles.state} data-state={selectedState}>\n                {selectedState ? m.skillTree.states[selectedState] : null}\n              </span>\n            </p>\n            {selected.description ? (\n              <p className={styles.description}>{selected.description}</p>\n            ) : null}\n            {missing.length > 0 ? (\n              <p className={styles.requires}>{m.skillTree.requires(missing.join(\", \"))}</p>\n            ) : null}\n            {selectedState === \"available\" && onUnlock ? (\n              <BlockButton\n                variant=\"emerald\"\n                size=\"sm\"\n                disabled={!affordable}\n                onClick={() => onUnlock(selected.id)}\n              >\n                {affordable ? m.skillTree.unlock(selectedCost) : m.skillTree.needs(selectedCost)}\n              </BlockButton>\n            ) : null}\n          </>\n        ) : null}\n      </section>\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAa,YAAY,WAA2C,SAAS,UAC3E,EAAE,QAAQ,UAAU,QAAQ,UAAU,cAAc,OAAO,WAAW,GAAG,QACzE,KACA;CACA,MAAM,IAAI,mBAAmB;CAC7B,MAAM,WAAW,MAAM;CACvB,MAAM,CAAC,YAAY,iBAAiB,SAAS,gBAAgB,OAAO,EAAE,EAAE,MAAM,EAAE;CAChF,MAAM,cAAc,IAAI,IAAI,QAAQ;CACpC,MAAM,OAAO,IAAI,IAAI,OAAO,KAAK,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;CAC7D,MAAM,EAAE,MAAM,YAAY,SAAS,MAAM;CACzC,MAAM,WAAW,KAAK,IAAI,UAAU;CACpC,MAAM,gBAAgB,WAAW,WAAW,UAAU,WAAW,IAAI,KAAA;CACrE,MAAM,eAAe,UAAU,QAAQ;CACvC,MAAM,aAAa,WAAW,KAAA,KAAa,UAAU;CACrD,MAAM,UACJ,YAAY,kBAAkB,YACzB,SAAS,YAAY,CAAC,EAAA,CACpB,QAAQ,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,CACpC,KAAK,OAAO,KAAK,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,IACxC,CAAC;CAGP,MAAM,QAAQ,OAAO,SAAS,WAC3B,MAAM,YAAY,CAAC,EAAA,CAAG,SAAS,OAAO;EACrC,MAAM,OAAO,KAAK,IAAI,EAAE;EACxB,OAAO,OACH,CAAC;GAAE,KAAK,GAAG,GAAG,GAAG,MAAM;GAAM;GAAM,IAAI;GAAO,KAAK,YAAY,IAAI,MAAM,EAAE;EAAE,CAAC,IAC9E,CAAC;CACP,CAAC,CACH;CAEA,OACE,qBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAY,SAAS,EAAE,UAAU;EACjC,WAAW,GAAGA,yBAAO,MAAM,SAAS;EACpC,GAAI;EALN,UAAA;GAOG,WAAW,KAAA,IACV,qBAAC,KAAD;IAAG,WAAWA,yBAAO;IAArB,UAAA;KACG,EAAE,UAAU;KAAO;KAAC,oBAAC,UAAD,EAAA,UAAS,OAAe,CAAA;IAC5C;GACD,CAAA,IAAA;GACJ,qBAAC,OAAD;IACE,WAAWA,yBAAO;IAClB,OAAO;KAAE,sBAAsB;KAAM,yBAAyB;IAAQ;IAFxE,UAAA,CAIE,oBAAC,OAAD;KACE,WAAWA,yBAAO;KAClB,SAAS,OAAO,QAAQ,GAAG;KAC3B,qBAAoB;KACpB,eAAY;KAEX,UAAA,MAAM,KAAK,EAAE,KAAK,MAAM,IAAI,UAC3B,oBAAC,QAAD;MAEE,IAAI,KAAK,SAAS;MAClB,IAAI,KAAK,MAAM;MACf,IAAI,GAAG,SAAS;MAChB,IAAI,GAAG,MAAM;MACb,YAAU,OAAO,KAAA;MACjB,cAAa;KACd,GAPM,GAON,CACF;IACE,CAAA,GACL,oBAAC,MAAD;KAAI,WAAWA,yBAAO;KAAO,cAAY,EAAE,UAAU;KAClD,UAAA,OAAO,KAAK,UAAU;MACrB,MAAM,QAAQ,WAAW,OAAO,WAAW;MAC3C,OACE,oBAAC,MAAD;OAEE,WAAWA,yBAAO;OAClB,OACE;QACE,qBAAqB,MAAM;QAC3B,qBAAqB,MAAM;OAC7B;OAGF,UAAA,oBAAC,UAAD;QACE,MAAK;QACL,WAAWA,yBAAO;QAClB,cAAY;QACZ,gBAAc,MAAM,OAAO;QAC3B,iBAAe;QACf,cAAY,GAAG,MAAM,MAAM,IAAI,EAAE,UAAU,OAAO;QAClD,eAAe,cAAc,MAAM,EAAE;QAErC,UAAA,oBAAC,QAAD;SAAM,WAAWA,yBAAO;SAAM,eAAY;SACvC,UAAA,MAAM;QACH,CAAA;OACA,CAAA;MACN,GAtBG,MAAM,EAsBT;KAER,CAAC;IACC,CAAA,CACD;;GACL,oBAAC,WAAD;IACE,IAAI;IACJ,WAAWA,yBAAO;IAClB,aAAU;IACV,cAAY,EAAE,UAAU;IAEvB,UAAA,WACC,qBAAAC,YAAA,EAAA,UAAA;KACE,qBAAC,KAAD;MAAG,WAAWD,yBAAO;MAArB,UAAA;OACG,SAAS;OAAO;OACjB,oBAAC,QAAD;QAAM,WAAWA,yBAAO;QAAO,cAAY;QACxC,UAAA,gBAAgB,EAAE,UAAU,OAAO,iBAAiB;OACjD,CAAA;MACL;;KACF,SAAS,cACR,oBAAC,KAAD;MAAG,WAAWA,yBAAO;MAAc,UAAA,SAAS;KAAe,CAAA,IACzD;KACH,QAAQ,SAAS,IAChB,oBAAC,KAAD;MAAG,WAAWA,yBAAO;MAAW,UAAA,EAAE,UAAU,SAAS,QAAQ,KAAK,IAAI,CAAC;KAAK,CAAA,IAC1E;KACH,kBAAkB,eAAe,WAChC,oBAAC,aAAD;MACE,SAAQ;MACR,MAAK;MACL,UAAU,CAAC;MACX,eAAe,SAAS,SAAS,EAAE;MAElC,UAAA,aAAa,EAAE,UAAU,OAAO,YAAY,IAAI,EAAE,UAAU,MAAM,YAAY;KACpE,CAAA,IACX;IACJ,EAAA,CAAA,IACA;GACG,CAAA;EACN;;AAET,CAAC"}

package/dist/components/display/SkillTree/SkillTree.types.d.ts

@@ -23,7 +23,7 @@ export interface SkillTreeProps extends Omit<HTMLAttributes<HTMLDivElement>, "de
     onUnlock?: (id: string) => void;
     /** Initially selected skill id. */
     defaultValue?: string;
-    /** Accessible name. @default "Skill tree" */
+    /** Accessible name. @default messages.skillTree.label ("Skill tree") */
     label?: string;
 }
 //# sourceMappingURL=SkillTree.types.d.ts.map

package/dist/components/display/SkillTree/SkillTree.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillTree.types.d.ts","sourceRoot":"","sources":["../../../../src/components/display/SkillTree/SkillTree.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,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAC;AAE7D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC1F,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"SkillTree.types.d.ts","sourceRoot":"","sources":["../../../../src/components/display/SkillTree/SkillTree.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,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAC;AAE7D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC1F,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/feedback/Alert/BlockAlert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Alert/BlockAlert.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAgB,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAUxE;;;GAGG;AACH,eAAO,MAAM,UAAU,4GAgDrB,CAAC"}
+{"version":3,"file":"BlockAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Alert/BlockAlert.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAgB,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAWxE;;;GAGG;AACH,eAAO,MAAM,UAAU,4GAsDrB,CAAC"}

package/dist/components/feedback/Alert/BlockAlert.js

@@ -1,4 +1,5 @@
 import { cx } from "../../../utils/cx.js";
+import { useBlockUIMessages } from "../../../provider/context.js";
 import BlockAlert_module_default from "./BlockAlert.module.js";
 import { alertMaterial } from "./BlockAlert.utils.js";
 import { forwardRef, useId } from "react";
@@ -15,7 +16,8 @@ var defaultIcons = {
 * Inline status message. `warning`/`error` use `role="alert"`; `success`/`info`
 * use `role="status"` so screen readers announce them politely.
 */
-var BlockAlert = forwardRef(function BlockAlert({ variant = "info", title, children, icon, onClose, closeLabel = "Dismiss", action, className, role, ...rest }, ref) {
+var BlockAlert = forwardRef(function BlockAlert({ variant = "info", title, children, icon, onClose, closeLabel, action, className, role, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	const titleId = useId();
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
@@ -49,7 +51,7 @@ var BlockAlert = forwardRef(function BlockAlert({ variant = "info", title, child
 			onClose ? /* @__PURE__ */ jsx("button", {
 				type: "button",
 				className: BlockAlert_module_default.close,
-				"aria-label": closeLabel,
+				"aria-label": closeLabel ?? m.common.dismiss,
 				onClick: onClose,
 				children: /* @__PURE__ */ jsx(CloseIcon, { size: 16 })
 			}) : null

package/dist/components/feedback/Alert/BlockAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockAlert.js","names":["styles"],"sources":["../../../../src/components/feedback/Alert/BlockAlert.tsx"],"sourcesContent":["import { CheckIcon, CloseIcon, ErrorIcon, InfoIcon, WarningIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef, useId, type ReactNode } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./BlockAlert.module.css\";\nimport type { AlertVariant, BlockAlertProps } from \"./BlockAlert.types\";\nimport { alertMaterial } from \"./BlockAlert.utils\";\n\nconst defaultIcons: Record<AlertVariant, ReactNode> = {\n  success: <CheckIcon size={20} />,\n  info: <InfoIcon size={20} />,\n  warning: <WarningIcon size={20} />,\n  error: <ErrorIcon size={20} />,\n};\n\n/**\n * Inline status message. `warning`/`error` use `role=\"alert\"`; `success`/`info`\n * use `role=\"status\"` so screen readers announce them politely.\n */\nexport const BlockAlert = forwardRef<HTMLDivElement, BlockAlertProps>(function BlockAlert(\n  {\n    variant = \"info\",\n    title,\n    children,\n    icon,\n    onClose,\n    closeLabel = \"Dismiss\",\n    action,\n    className,\n    role,\n    ...rest\n  },\n  ref,\n) {\n  const titleId = useId();\n  const assertive = variant === \"warning\" || variant === \"error\";\n  return (\n    <div\n      ref={ref}\n      role={role ?? (assertive ? \"alert\" : \"status\")}\n      aria-labelledby={title ? titleId : undefined}\n      data-variant={variant}\n      data-material={alertMaterial[variant]}\n      className={cx(styles.alert, className)}\n      {...rest}\n    >\n      {icon !== false ? (\n        <span className={styles.icon} aria-hidden=\"true\">\n          {icon ?? defaultIcons[variant]}\n        </span>\n      ) : null}\n      <div className={styles.body}>\n        {title ? (\n          <p id={titleId} className={styles.title}>\n            {title}\n          </p>\n        ) : null}\n        {children ? <div className={styles.description}>{children}</div> : null}\n      </div>\n      {action ? <div className={styles.action}>{action}</div> : null}\n      {onClose ? (\n        <button type=\"button\" className={styles.close} aria-label={closeLabel} onClick={onClose}>\n          <CloseIcon size={16} />\n        </button>\n      ) : null}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;AAOA,IAAM,eAAgD;CACpD,SAAS,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA;CAC/B,MAAM,oBAAC,UAAD,EAAU,MAAM,GAAK,CAAA;CAC3B,SAAS,oBAAC,aAAD,EAAa,MAAM,GAAK,CAAA;CACjC,OAAO,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA;AAC/B;;;;;AAMA,IAAa,aAAa,WAA4C,SAAS,WAC7E,EACE,UAAU,QACV,OACA,UACA,MACA,SACA,aAAa,WACb,QACA,WACA,MACA,GAAG,QAEL,KACA;CACA,MAAM,UAAU,MAAM;CAEtB,OACE,qBAAC,OAAD;EACO;EACL,MAAM,SAJQ,YAAY,aAAa,YAAY,UAIxB,UAAU;EACrC,mBAAiB,QAAQ,UAAU,KAAA;EACnC,gBAAc;EACd,iBAAe,cAAc;EAC7B,WAAW,GAAGA,0BAAO,OAAO,SAAS;EACrC,GAAI;EAPN,UAAA;GASG,SAAS,QACR,oBAAC,QAAD;IAAM,WAAWA,0BAAO;IAAM,eAAY;IACvC,UAAA,QAAQ,aAAa;GAClB,CAAA,IACJ;GACJ,qBAAC,OAAD;IAAK,WAAWA,0BAAO;IAAvB,UAAA,CACG,QACC,oBAAC,KAAD;KAAG,IAAI;KAAS,WAAWA,0BAAO;KAC/B,UAAA;IACA,CAAA,IACD,MACH,WAAW,oBAAC,OAAD;KAAK,WAAWA,0BAAO;KAAc;IAAc,CAAA,IAAI,IAChE;;GACJ,SAAS,oBAAC,OAAD;IAAK,WAAWA,0BAAO;IAAS,UAAA;GAAY,CAAA,IAAI;GACzD,UACC,oBAAC,UAAD;IAAQ,MAAK;IAAS,WAAWA,0BAAO;IAAO,cAAY;IAAY,SAAS;IAC9E,UAAA,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA;GAChB,CAAA,IACN;EACD;;AAET,CAAC"}
+{"version":3,"file":"BlockAlert.js","names":["styles"],"sources":["../../../../src/components/feedback/Alert/BlockAlert.tsx"],"sourcesContent":["import { CheckIcon, CloseIcon, ErrorIcon, InfoIcon, WarningIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef, useId, type ReactNode } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./BlockAlert.module.css\";\nimport type { AlertVariant, BlockAlertProps } from \"./BlockAlert.types\";\nimport { alertMaterial } from \"./BlockAlert.utils\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\n\nconst defaultIcons: Record<AlertVariant, ReactNode> = {\n  success: <CheckIcon size={20} />,\n  info: <InfoIcon size={20} />,\n  warning: <WarningIcon size={20} />,\n  error: <ErrorIcon size={20} />,\n};\n\n/**\n * Inline status message. `warning`/`error` use `role=\"alert\"`; `success`/`info`\n * use `role=\"status\"` so screen readers announce them politely.\n */\nexport const BlockAlert = forwardRef<HTMLDivElement, BlockAlertProps>(function BlockAlert(\n  {\n    variant = \"info\",\n    title,\n    children,\n    icon,\n    onClose,\n    closeLabel,\n    action,\n    className,\n    role,\n    ...rest\n  },\n  ref,\n) {\n  const m = useBlockUIMessages();\n  const titleId = useId();\n  const assertive = variant === \"warning\" || variant === \"error\";\n  return (\n    <div\n      ref={ref}\n      role={role ?? (assertive ? \"alert\" : \"status\")}\n      aria-labelledby={title ? titleId : undefined}\n      data-variant={variant}\n      data-material={alertMaterial[variant]}\n      className={cx(styles.alert, className)}\n      {...rest}\n    >\n      {icon !== false ? (\n        <span className={styles.icon} aria-hidden=\"true\">\n          {icon ?? defaultIcons[variant]}\n        </span>\n      ) : null}\n      <div className={styles.body}>\n        {title ? (\n          <p id={titleId} className={styles.title}>\n            {title}\n          </p>\n        ) : null}\n        {children ? <div className={styles.description}>{children}</div> : null}\n      </div>\n      {action ? <div className={styles.action}>{action}</div> : null}\n      {onClose ? (\n        <button\n          type=\"button\"\n          className={styles.close}\n          aria-label={closeLabel ?? m.common.dismiss}\n          onClick={onClose}\n        >\n          <CloseIcon size={16} />\n        </button>\n      ) : null}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;AAQA,IAAM,eAAgD;CACpD,SAAS,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA;CAC/B,MAAM,oBAAC,UAAD,EAAU,MAAM,GAAK,CAAA;CAC3B,SAAS,oBAAC,aAAD,EAAa,MAAM,GAAK,CAAA;CACjC,OAAO,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA;AAC/B;;;;;AAMA,IAAa,aAAa,WAA4C,SAAS,WAC7E,EACE,UAAU,QACV,OACA,UACA,MACA,SACA,YACA,QACA,WACA,MACA,GAAG,QAEL,KACA;CACA,MAAM,IAAI,mBAAmB;CAC7B,MAAM,UAAU,MAAM;CAEtB,OACE,qBAAC,OAAD;EACO;EACL,MAAM,SAJQ,YAAY,aAAa,YAAY,UAIxB,UAAU;EACrC,mBAAiB,QAAQ,UAAU,KAAA;EACnC,gBAAc;EACd,iBAAe,cAAc;EAC7B,WAAW,GAAGA,0BAAO,OAAO,SAAS;EACrC,GAAI;EAPN,UAAA;GASG,SAAS,QACR,oBAAC,QAAD;IAAM,WAAWA,0BAAO;IAAM,eAAY;IACvC,UAAA,QAAQ,aAAa;GAClB,CAAA,IACJ;GACJ,qBAAC,OAAD;IAAK,WAAWA,0BAAO;IAAvB,UAAA,CACG,QACC,oBAAC,KAAD;KAAG,IAAI;KAAS,WAAWA,0BAAO;KAC/B,UAAA;IACA,CAAA,IACD,MACH,WAAW,oBAAC,OAAD;KAAK,WAAWA,0BAAO;KAAc;IAAc,CAAA,IAAI,IAChE;;GACJ,SAAS,oBAAC,OAAD;IAAK,WAAWA,0BAAO;IAAS,UAAA;GAAY,CAAA,IAAI;GACzD,UACC,oBAAC,UAAD;IACE,MAAK;IACL,WAAWA,0BAAO;IAClB,cAAY,cAAc,EAAE,OAAO;IACnC,SAAS;IAET,UAAA,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA;GAChB,CAAA,IACN;EACD;;AAET,CAAC"}

package/dist/components/feedback/Alert/BlockAlert.types.d.ts

@@ -11,7 +11,7 @@ export interface BlockAlertProps extends Omit<HTMLAttributes<HTMLDivElement>, "t
     icon?: ReactNode | false;
     /** Renders a dismiss button when provided. */
     onClose?: () => void;
-    /** Accessible label for the dismiss button. @default "Dismiss" */
+    /** Accessible label for the dismiss button. @default messages.common.dismiss ("Dismiss") */
     closeLabel?: string;
     /** Extra actions (e.g. a button) shown after the text. */
     action?: ReactNode;

package/dist/components/feedback/Alert/BlockAlert.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockAlert.types.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Alert/BlockAlert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,aAAa,kDAAmD,CAAC;AAE9E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,sBAAsB;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wEAAwE;IACxE,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACzB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB"}
+{"version":3,"file":"BlockAlert.types.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Alert/BlockAlert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,aAAa,kDAAmD,CAAC;AAE9E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,sBAAsB;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wEAAwE;IACxE,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACzB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4FAA4F;IAC5F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB"}

package/dist/components/feedback/Alert/BlockAlert.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockAlert.types.js","names":[],"sources":["../../../../src/components/feedback/Alert/BlockAlert.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport const alertVariants = [\"success\", \"info\", \"warning\", \"error\"] as const;\n\nexport type AlertVariant = (typeof alertVariants)[number];\n\nexport interface BlockAlertProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  /** @default \"info\" */\n  variant?: AlertVariant;\n  title?: ReactNode;\n  /** Description content. */\n  children?: ReactNode;\n  /** Custom icon, or `false` to hide it. Defaults to the variant icon. */\n  icon?: ReactNode | false;\n  /** Renders a dismiss button when provided. */\n  onClose?: () => void;\n  /** Accessible label for the dismiss button. @default \"Dismiss\" */\n  closeLabel?: string;\n  /** Extra actions (e.g. a button) shown after the text. */\n  action?: ReactNode;\n}\n"],"mappings":";AAEA,IAAa,gBAAgB;CAAC;CAAW;CAAQ;CAAW;AAAO"}
+{"version":3,"file":"BlockAlert.types.js","names":[],"sources":["../../../../src/components/feedback/Alert/BlockAlert.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport const alertVariants = [\"success\", \"info\", \"warning\", \"error\"] as const;\n\nexport type AlertVariant = (typeof alertVariants)[number];\n\nexport interface BlockAlertProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  /** @default \"info\" */\n  variant?: AlertVariant;\n  title?: ReactNode;\n  /** Description content. */\n  children?: ReactNode;\n  /** Custom icon, or `false` to hide it. Defaults to the variant icon. */\n  icon?: ReactNode | false;\n  /** Renders a dismiss button when provided. */\n  onClose?: () => void;\n  /** Accessible label for the dismiss button. @default messages.common.dismiss (\"Dismiss\") */\n  closeLabel?: string;\n  /** Extra actions (e.g. a button) shown after the text. */\n  action?: ReactNode;\n}\n"],"mappings":";AAEA,IAAa,gBAAgB;CAAC;CAAW;CAAQ;CAAW;AAAO"}

package/dist/components/feedback/ConfirmDialog/ConfirmDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/ConfirmDialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,WAAuB,EACvB,UAAqB,EACrB,OAAmB,EACnB,SAAS,EACT,QAAQ,EACR,OAAe,EACf,IAAI,EACJ,QAAQ,EACR,SAAS,GACV,EAAE,kBAAkB,+BAuCpB"}
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/ConfirmDialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,UAAU,EACV,OAAmB,EACnB,SAAS,EACT,QAAQ,EACR,OAAe,EACf,IAAI,EACJ,QAAQ,EACR,SAAS,GACV,EAAE,kBAAkB,+BAwCpB"}