@malilion/block-ui-react 0.5.1 → 0.6.0

package/dist/components/actions/ContextMenu/ContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAO5D;;;;GAIG;AACH,eAAO,MAAM,WAAW,6GA0GtB,CAAC"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAO5D;;;;GAIG;AACH,eAAO,MAAM,WAAW,6GAkGtB,CAAC"}

package/dist/components/actions/ContextMenu/ContextMenu.js

@@ -1,4 +1,5 @@
 import { cx } from "../../../utils/cx.js";
+import { useBlockUIMessages } from "../../../provider/context.js";
 import { useAnchoredPosition } from "../../../hooks/useAnchoredPosition.js";
 import { mergeRefs } from "../../../utils/refs.js";
 import { enabledMenuIndexes } from "../BlockMenu/BlockMenu.utils.js";
@@ -12,7 +13,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * pointer, or at the focused element with Shift+F10 / the Menu key; keyboard
 * behaviour matches `BlockMenu` and focus returns to where it was.
 */
-var ContextMenu = forwardRef(function ContextMenu({ children, items, onSelect, label = "Context menu", disabled = false, onOpenChange, className, ...rest }, ref) {
+var ContextMenu = forwardRef(function ContextMenu({ children, items, onSelect, label, disabled = false, onOpenChange, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	const menuId = useId();
 	const areaRef = useRef(null);
 	const menuRef = useRef(null);
@@ -87,7 +89,7 @@ var ContextMenu = forwardRef(function ContextMenu({ children, items, onSelect, l
 			focusTarget,
 			menuRef,
 			position,
-			label,
+			label: label ?? m.contextMenu.label,
 			isInside,
 			onClose: close,
 			onChoose: choose

package/dist/components/actions/ContextMenu/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","names":["styles"],"sources":["../../../../src/components/actions/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { forwardRef, useId, useRef, useState, type KeyboardEvent, type MouseEvent } from \"react\";\nimport { useAnchoredPosition } from \"../../../hooks/useAnchoredPosition\";\nimport { cx } from \"../../../utils/cx\";\nimport { mergeRefs } from \"../../../utils/refs\";\nimport type { BlockMenuItem } from \"../BlockMenu/BlockMenu.types\";\nimport { enabledMenuIndexes } from \"../BlockMenu/BlockMenu.utils\";\nimport { MenuList, type MenuFocusTarget } from \"../BlockMenu/MenuList\";\nimport styles from \"./ContextMenu.module.css\";\nimport type { ContextMenuProps } from \"./ContextMenu.types\";\n\ninterface Point {\n  x: number;\n  y: number;\n}\n\n/**\n * Right-click menu for an area (an inventory slot, a list row). Opens at the\n * pointer, or at the focused element with Shift+F10 / the Menu key; keyboard\n * behaviour matches `BlockMenu` and focus returns to where it was.\n */\nexport const ContextMenu = forwardRef<HTMLDivElement, ContextMenuProps>(function ContextMenu(\n  {\n    children,\n    items,\n    onSelect,\n    label = \"Context menu\",\n    disabled = false,\n    onOpenChange,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const menuId = useId();\n  const areaRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const returnTo = useRef<HTMLElement | null>(null);\n  const point = useRef<Point>({ x: 0, y: 0 });\n  const [open, setOpenState] = useState(false);\n  const [focusTarget, setFocusTarget] = useState<MenuFocusTarget | null>(null);\n\n  // A zero-size \"element\" at the pointer for the shared positioning hook.\n  const virtualAnchor = useRef({\n    getBoundingClientRect: () =>\n      DOMRect.fromRect({ x: point.current.x, y: point.current.y, width: 0, height: 0 }),\n  });\n  const position = useAnchoredPosition(virtualAnchor, menuRef, open, {\n    side: \"bottom\",\n    align: \"start\",\n    gap: 2,\n  });\n\n  const setOpen = (next: boolean) => {\n    setOpenState(next);\n    onOpenChange?.(next);\n  };\n\n  const openAt = (x: number, y: number) => {\n    if (enabledMenuIndexes(items).length === 0) return;\n    returnTo.current =\n      document.activeElement instanceof HTMLElement ? document.activeElement : null;\n    point.current = { x, y };\n    setOpen(true);\n    setFocusTarget(\"first\");\n  };\n\n  const close = (returnFocus: boolean) => {\n    setOpen(false);\n    setFocusTarget(null);\n    if (returnFocus) returnTo.current?.focus();\n  };\n\n  const choose = (item: BlockMenuItem) => {\n    close(true);\n    item.onSelect?.();\n    onSelect?.(item.id);\n  };\n\n  const onContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    event.preventDefault();\n    // Right-clicking does not move focus; remember the clicked control instead when it is focusable.\n    const target = (event.target as HTMLElement).closest<HTMLElement>(\n      \"button, a[href], input, [tabindex]\",\n    );\n    target?.focus({ preventScroll: true });\n    openAt(event.clientX, event.clientY);\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    if (event.key === \"ContextMenu\" || (event.key === \"F10\" && event.shiftKey)) {\n      event.preventDefault();\n      const rect = (event.target as HTMLElement).getBoundingClientRect();\n      openAt(rect.left + rect.width / 2, rect.top + rect.height / 2);\n    }\n  };\n\n  const isInside = (node: Node | null) => Boolean(node && menuRef.current?.contains(node));\n\n  return (\n    // The area only listens for right-clicks and the Menu key bubbling up from the controls inside it.\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <div\n      ref={mergeRefs(ref, areaRef)}\n      className={cx(styles.area, className)}\n      data-open={open || undefined}\n      onContextMenu={onContextMenu}\n      onKeyDown={onKeyDown}\n      {...rest}\n    >\n      {children}\n      <MenuList\n        id={menuId}\n        items={items}\n        open={open}\n        focusTarget={focusTarget}\n        menuRef={menuRef}\n        position={position}\n        label={label}\n        isInside={isInside}\n        onClose={close}\n        onChoose={choose}\n      />\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;AAoBA,IAAa,cAAc,WAA6C,SAAS,YAC/E,EACE,UACA,OACA,UACA,QAAQ,gBACR,WAAW,OACX,cACA,WACA,GAAG,QAEL,KACA;CACA,MAAM,SAAS,MAAM;CACrB,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,WAAW,OAA2B,IAAI;CAChD,MAAM,QAAQ,OAAc;EAAE,GAAG;EAAG,GAAG;CAAE,CAAC;CAC1C,MAAM,CAAC,MAAM,gBAAgB,SAAS,KAAK;CAC3C,MAAM,CAAC,aAAa,kBAAkB,SAAiC,IAAI;CAG3E,MAAM,gBAAgB,OAAO,EAC3B,6BACE,QAAQ,SAAS;EAAE,GAAG,MAAM,QAAQ;EAAG,GAAG,MAAM,QAAQ;EAAG,OAAO;EAAG,QAAQ;CAAE,CAAC,EACpF,CAAC;CACD,MAAM,WAAW,oBAAoB,eAAe,SAAS,MAAM;EACjE,MAAM;EACN,OAAO;EACP,KAAK;CACP,CAAC;CAED,MAAM,WAAW,SAAkB;EACjC,aAAa,IAAI;EACjB,eAAe,IAAI;CACrB;CAEA,MAAM,UAAU,GAAW,MAAc;EACvC,IAAI,mBAAmB,KAAK,CAAC,CAAC,WAAW,GAAG;EAC5C,SAAS,UACP,SAAS,yBAAyB,cAAc,SAAS,gBAAgB;EAC3E,MAAM,UAAU;GAAE;GAAG;EAAE;EACvB,QAAQ,IAAI;EACZ,eAAe,OAAO;CACxB;CAEA,MAAM,SAAS,gBAAyB;EACtC,QAAQ,KAAK;EACb,eAAe,IAAI;EACnB,IAAI,aAAa,SAAS,SAAS,MAAM;CAC3C;CAEA,MAAM,UAAU,SAAwB;EACtC,MAAM,IAAI;EACV,KAAK,WAAW;EAChB,WAAW,KAAK,EAAE;CACpB;CAEA,MAAM,iBAAiB,UAAsC;EAC3D,IAAI,UAAU;EACd,MAAM,eAAe;EAKrB,MAHsB,OAAuB,QAC3C,oCAEF,CAAA,EAAQ,MAAM,EAAE,eAAe,KAAK,CAAC;EACrC,OAAO,MAAM,SAAS,MAAM,OAAO;CACrC;CAEA,MAAM,aAAa,UAAyC;EAC1D,IAAI,UAAU;EACd,IAAI,MAAM,QAAQ,iBAAkB,MAAM,QAAQ,SAAS,MAAM,UAAW;GAC1E,MAAM,eAAe;GACrB,MAAM,OAAQ,MAAM,OAAuB,sBAAsB;GACjE,OAAO,KAAK,OAAO,KAAK,QAAQ,GAAG,KAAK,MAAM,KAAK,SAAS,CAAC;EAC/D;CACF;CAEA,MAAM,YAAY,SAAsB,QAAQ,QAAQ,QAAQ,SAAS,SAAS,IAAI,CAAC;CAEvF,OAGE,qBAAC,OAAD;EACE,KAAK,UAAU,KAAK,OAAO;EAC3B,WAAW,GAAGA,2BAAO,MAAM,SAAS;EACpC,aAAW,QAAQ,KAAA;EACJ;EACJ;EACX,GAAI;EANN,UAAA,CAQG,UACD,oBAAC,UAAD;GACE,IAAI;GACG;GACD;GACO;GACJ;GACC;GACH;GACG;GACV,SAAS;GACT,UAAU;EACX,CAAA,CACE;;AAET,CAAC"}
+{"version":3,"file":"ContextMenu.js","names":["styles"],"sources":["../../../../src/components/actions/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { forwardRef, useId, useRef, useState, type KeyboardEvent, type MouseEvent } from \"react\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\nimport { useAnchoredPosition } from \"../../../hooks/useAnchoredPosition\";\nimport { cx } from \"../../../utils/cx\";\nimport { mergeRefs } from \"../../../utils/refs\";\nimport type { BlockMenuItem } from \"../BlockMenu/BlockMenu.types\";\nimport { enabledMenuIndexes } from \"../BlockMenu/BlockMenu.utils\";\nimport { MenuList, type MenuFocusTarget } from \"../BlockMenu/MenuList\";\nimport styles from \"./ContextMenu.module.css\";\nimport type { ContextMenuProps } from \"./ContextMenu.types\";\n\ninterface Point {\n  x: number;\n  y: number;\n}\n\n/**\n * Right-click menu for an area (an inventory slot, a list row). Opens at the\n * pointer, or at the focused element with Shift+F10 / the Menu key; keyboard\n * behaviour matches `BlockMenu` and focus returns to where it was.\n */\nexport const ContextMenu = forwardRef<HTMLDivElement, ContextMenuProps>(function ContextMenu(\n  { children, items, onSelect, label, disabled = false, onOpenChange, className, ...rest },\n  ref,\n) {\n  const m = useBlockUIMessages();\n  const menuId = useId();\n  const areaRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const returnTo = useRef<HTMLElement | null>(null);\n  const point = useRef<Point>({ x: 0, y: 0 });\n  const [open, setOpenState] = useState(false);\n  const [focusTarget, setFocusTarget] = useState<MenuFocusTarget | null>(null);\n\n  // A zero-size \"element\" at the pointer for the shared positioning hook.\n  const virtualAnchor = useRef({\n    getBoundingClientRect: () =>\n      DOMRect.fromRect({ x: point.current.x, y: point.current.y, width: 0, height: 0 }),\n  });\n  const position = useAnchoredPosition(virtualAnchor, menuRef, open, {\n    side: \"bottom\",\n    align: \"start\",\n    gap: 2,\n  });\n\n  const setOpen = (next: boolean) => {\n    setOpenState(next);\n    onOpenChange?.(next);\n  };\n\n  const openAt = (x: number, y: number) => {\n    if (enabledMenuIndexes(items).length === 0) return;\n    returnTo.current =\n      document.activeElement instanceof HTMLElement ? document.activeElement : null;\n    point.current = { x, y };\n    setOpen(true);\n    setFocusTarget(\"first\");\n  };\n\n  const close = (returnFocus: boolean) => {\n    setOpen(false);\n    setFocusTarget(null);\n    if (returnFocus) returnTo.current?.focus();\n  };\n\n  const choose = (item: BlockMenuItem) => {\n    close(true);\n    item.onSelect?.();\n    onSelect?.(item.id);\n  };\n\n  const onContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    event.preventDefault();\n    // Right-clicking does not move focus; remember the clicked control instead when it is focusable.\n    const target = (event.target as HTMLElement).closest<HTMLElement>(\n      \"button, a[href], input, [tabindex]\",\n    );\n    target?.focus({ preventScroll: true });\n    openAt(event.clientX, event.clientY);\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    if (event.key === \"ContextMenu\" || (event.key === \"F10\" && event.shiftKey)) {\n      event.preventDefault();\n      const rect = (event.target as HTMLElement).getBoundingClientRect();\n      openAt(rect.left + rect.width / 2, rect.top + rect.height / 2);\n    }\n  };\n\n  const isInside = (node: Node | null) => Boolean(node && menuRef.current?.contains(node));\n\n  return (\n    // The area only listens for right-clicks and the Menu key bubbling up from the controls inside it.\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <div\n      ref={mergeRefs(ref, areaRef)}\n      className={cx(styles.area, className)}\n      data-open={open || undefined}\n      onContextMenu={onContextMenu}\n      onKeyDown={onKeyDown}\n      {...rest}\n    >\n      {children}\n      <MenuList\n        id={menuId}\n        items={items}\n        open={open}\n        focusTarget={focusTarget}\n        menuRef={menuRef}\n        position={position}\n        label={label ?? m.contextMenu.label}\n        isInside={isInside}\n        onClose={close}\n        onChoose={choose}\n      />\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,UAAU,OAAO,UAAU,OAAO,WAAW,OAAO,cAAc,WAAW,GAAG,QAClF,KACA;CACA,MAAM,IAAI,mBAAmB;CAC7B,MAAM,SAAS,MAAM;CACrB,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,WAAW,OAA2B,IAAI;CAChD,MAAM,QAAQ,OAAc;EAAE,GAAG;EAAG,GAAG;CAAE,CAAC;CAC1C,MAAM,CAAC,MAAM,gBAAgB,SAAS,KAAK;CAC3C,MAAM,CAAC,aAAa,kBAAkB,SAAiC,IAAI;CAG3E,MAAM,gBAAgB,OAAO,EAC3B,6BACE,QAAQ,SAAS;EAAE,GAAG,MAAM,QAAQ;EAAG,GAAG,MAAM,QAAQ;EAAG,OAAO;EAAG,QAAQ;CAAE,CAAC,EACpF,CAAC;CACD,MAAM,WAAW,oBAAoB,eAAe,SAAS,MAAM;EACjE,MAAM;EACN,OAAO;EACP,KAAK;CACP,CAAC;CAED,MAAM,WAAW,SAAkB;EACjC,aAAa,IAAI;EACjB,eAAe,IAAI;CACrB;CAEA,MAAM,UAAU,GAAW,MAAc;EACvC,IAAI,mBAAmB,KAAK,CAAC,CAAC,WAAW,GAAG;EAC5C,SAAS,UACP,SAAS,yBAAyB,cAAc,SAAS,gBAAgB;EAC3E,MAAM,UAAU;GAAE;GAAG;EAAE;EACvB,QAAQ,IAAI;EACZ,eAAe,OAAO;CACxB;CAEA,MAAM,SAAS,gBAAyB;EACtC,QAAQ,KAAK;EACb,eAAe,IAAI;EACnB,IAAI,aAAa,SAAS,SAAS,MAAM;CAC3C;CAEA,MAAM,UAAU,SAAwB;EACtC,MAAM,IAAI;EACV,KAAK,WAAW;EAChB,WAAW,KAAK,EAAE;CACpB;CAEA,MAAM,iBAAiB,UAAsC;EAC3D,IAAI,UAAU;EACd,MAAM,eAAe;EAKrB,MAHsB,OAAuB,QAC3C,oCAEF,CAAA,EAAQ,MAAM,EAAE,eAAe,KAAK,CAAC;EACrC,OAAO,MAAM,SAAS,MAAM,OAAO;CACrC;CAEA,MAAM,aAAa,UAAyC;EAC1D,IAAI,UAAU;EACd,IAAI,MAAM,QAAQ,iBAAkB,MAAM,QAAQ,SAAS,MAAM,UAAW;GAC1E,MAAM,eAAe;GACrB,MAAM,OAAQ,MAAM,OAAuB,sBAAsB;GACjE,OAAO,KAAK,OAAO,KAAK,QAAQ,GAAG,KAAK,MAAM,KAAK,SAAS,CAAC;EAC/D;CACF;CAEA,MAAM,YAAY,SAAsB,QAAQ,QAAQ,QAAQ,SAAS,SAAS,IAAI,CAAC;CAEvF,OAGE,qBAAC,OAAD;EACE,KAAK,UAAU,KAAK,OAAO;EAC3B,WAAW,GAAGA,2BAAO,MAAM,SAAS;EACpC,aAAW,QAAQ,KAAA;EACJ;EACJ;EACX,GAAI;EANN,UAAA,CAQG,UACD,oBAAC,UAAD;GACE,IAAI;GACG;GACD;GACO;GACJ;GACC;GACV,OAAO,SAAS,EAAE,YAAY;GACpB;GACV,SAAS;GACT,UAAU;EACX,CAAA,CACE;;AAET,CAAC"}

package/dist/components/actions/ContextMenu/ContextMenu.types.d.ts

@@ -6,7 +6,7 @@ export interface ContextMenuProps extends Omit<HTMLAttributes<HTMLDivElement>, "
     items: BlockMenuEntry[];
     /** Called with the item id after any item is chosen. */
     onSelect?: (id: string) => void;
-    /** Accessible name of the menu. @default "Context menu" */
+    /** Accessible name of the menu. @default messages.contextMenu.label ("Context menu") */
     label?: string;
     /** Keep the browser's own menu. */
     disabled?: boolean;

package/dist/components/actions/ContextMenu/ContextMenu.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/ContextMenu/ContextMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC"}
+{"version":3,"file":"ContextMenu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/ContextMenu/ContextMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC"}

package/dist/components/cards/AchievementCard/AchievementCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AchievementCard.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/AchievementCard/AchievementCard.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,+DAA+D;AAC/D,eAAO,MAAM,eAAe,8GA+C3B,CAAC"}
+{"version":3,"file":"AchievementCard.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/AchievementCard/AchievementCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,+DAA+D;AAC/D,eAAO,MAAM,eAAe,8GAoD3B,CAAC"}

package/dist/components/cards/AchievementCard/AchievementCard.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 { BlockCard } from "../BlockCard/BlockCard.js";
 import cards_module_default from "../cards.module.js";
@@ -7,11 +8,12 @@ import { AchievementIcon, LockIcon } from "@malilion/block-ui-icons";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/cards/AchievementCard/AchievementCard.tsx
 /** Achievement tile — dimmed with a padlock until unlocked. */
-var AchievementCard = forwardRef(function AchievementCard({ title, description, icon, unlocked = false, unlockedAt, onView, material = "wood", label = "Achievement", className, ...rest }, ref) {
+var AchievementCard = forwardRef(function AchievementCard({ title, description, icon, unlocked = false, unlockedAt, onView, material = "wood", label, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	return /* @__PURE__ */ jsxs(BlockCard, {
 		ref,
 		material,
-		label,
+		label: label === void 0 ? m.achievementCard.label : label,
 		"data-unlocked": unlocked || void 0,
 		className: cx(cards_module_default.card, !unlocked && cards_module_default.locked, className),
 		footer: onView ? /* @__PURE__ */ jsx(BlockButton, {
@@ -19,7 +21,7 @@ var AchievementCard = forwardRef(function AchievementCard({ title, description,
 			variant: "wood",
 			onClick: onView,
 			disabled: !unlocked,
-			children: "View"
+			children: m.achievementCard.view
 		}) : void 0,
 		...rest,
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -40,7 +42,7 @@ var AchievementCard = forwardRef(function AchievementCard({ title, description,
 			})]
 		}), /* @__PURE__ */ jsx("p", {
 			className: cards_module_default.meta,
-			children: unlocked ? unlockedAt ? `Unlocked on ${unlockedAt}` : "Unlocked" : "Locked"
+			children: unlocked ? unlockedAt ? m.achievementCard.unlockedOn(unlockedAt) : m.achievementCard.unlocked : m.achievementCard.locked
 		})]
 	});
 });

package/dist/components/cards/AchievementCard/AchievementCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AchievementCard.js","names":["styles"],"sources":["../../../../src/components/cards/AchievementCard/AchievementCard.tsx"],"sourcesContent":["import { AchievementIcon, LockIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { BlockCard } from \"../BlockCard/BlockCard\";\nimport styles from \"../cards.module.css\";\nimport type { AchievementCardProps } from \"./AchievementCard.types\";\n\n/** Achievement tile — dimmed with a padlock until unlocked. */\nexport const AchievementCard = forwardRef<HTMLElement, AchievementCardProps>(\n  function AchievementCard(\n    {\n      title,\n      description,\n      icon,\n      unlocked = false,\n      unlockedAt,\n      onView,\n      material = \"wood\",\n      label = \"Achievement\",\n      className,\n      ...rest\n    },\n    ref,\n  ) {\n    return (\n      <BlockCard\n        ref={ref}\n        material={material}\n        label={label}\n        data-unlocked={unlocked || undefined}\n        className={cx(styles.card, !unlocked && styles.locked, className)}\n        footer={\n          onView ? (\n            <BlockButton size=\"sm\" variant=\"wood\" onClick={onView} disabled={!unlocked}>\n              View\n            </BlockButton>\n          ) : undefined\n        }\n        {...rest}\n      >\n        <div className={styles.headline}>\n          <span className={styles.iconBox} aria-hidden=\"true\">\n            {unlocked ? (icon ?? <AchievementIcon size={32} />) : <LockIcon size={24} />}\n          </span>\n          <div className={styles.titleBlock}>\n            <p className={styles.title}>{title}</p>\n            {description ? <p className={styles.description}>{description}</p> : null}\n          </div>\n        </div>\n        <p className={styles.meta}>\n          {unlocked ? (unlockedAt ? `Unlocked on ${unlockedAt}` : \"Unlocked\") : \"Locked\"}\n        </p>\n      </BlockCard>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;AASA,IAAa,kBAAkB,WAC7B,SAAS,gBACP,EACE,OACA,aACA,MACA,WAAW,OACX,YACA,QACA,WAAW,QACX,QAAQ,eACR,WACA,GAAG,QAEL,KACA;CACA,OACE,qBAAC,WAAD;EACO;EACK;EACH;EACP,iBAAe,YAAY,KAAA;EAC3B,WAAW,GAAGA,qBAAO,MAAM,CAAC,YAAYA,qBAAO,QAAQ,SAAS;EAChE,QACE,SACE,oBAAC,aAAD;GAAa,MAAK;GAAK,SAAQ;GAAO,SAAS;GAAQ,UAAU,CAAC;GAAU,UAAA;EAE/D,CAAA,IACX,KAAA;EAEN,GAAI;EAbN,UAAA,CAeE,qBAAC,OAAD;GAAK,WAAWA,qBAAO;GAAvB,UAAA,CACE,oBAAC,QAAD;IAAM,WAAWA,qBAAO;IAAS,eAAY;IAC1C,UAAA,WAAY,QAAQ,oBAAC,iBAAD,EAAiB,MAAM,GAAK,CAAA,IAAK,oBAAC,UAAD,EAAU,MAAM,GAAK,CAAA;GACvE,CAAA,GACN,qBAAC,OAAD;IAAK,WAAWA,qBAAO;IAAvB,UAAA,CACE,oBAAC,KAAD;KAAG,WAAWA,qBAAO;KAAQ,UAAA;IAAS,CAAA,GACrC,cAAc,oBAAC,KAAD;KAAG,WAAWA,qBAAO;KAAc,UAAA;IAAe,CAAA,IAAI,IAClE;GACF,CAAA,CAAA;EACL,CAAA,GAAA,oBAAC,KAAD;GAAG,WAAWA,qBAAO;GAClB,UAAA,WAAY,aAAa,eAAe,eAAe,aAAc;EACrE,CAAA,CACM;;AAEf,CACF"}
+{"version":3,"file":"AchievementCard.js","names":["styles"],"sources":["../../../../src/components/cards/AchievementCard/AchievementCard.tsx"],"sourcesContent":["import { AchievementIcon, LockIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\nimport { cx } from \"../../../utils/cx\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { BlockCard } from \"../BlockCard/BlockCard\";\nimport styles from \"../cards.module.css\";\nimport type { AchievementCardProps } from \"./AchievementCard.types\";\n\n/** Achievement tile — dimmed with a padlock until unlocked. */\nexport const AchievementCard = forwardRef<HTMLElement, AchievementCardProps>(\n  function AchievementCard(\n    {\n      title,\n      description,\n      icon,\n      unlocked = false,\n      unlockedAt,\n      onView,\n      material = \"wood\",\n      label,\n      className,\n      ...rest\n    },\n    ref,\n  ) {\n    const m = useBlockUIMessages();\n    return (\n      <BlockCard\n        ref={ref}\n        material={material}\n        label={label === undefined ? m.achievementCard.label : label}\n        data-unlocked={unlocked || undefined}\n        className={cx(styles.card, !unlocked && styles.locked, className)}\n        footer={\n          onView ? (\n            <BlockButton size=\"sm\" variant=\"wood\" onClick={onView} disabled={!unlocked}>\n              {m.achievementCard.view}\n            </BlockButton>\n          ) : undefined\n        }\n        {...rest}\n      >\n        <div className={styles.headline}>\n          <span className={styles.iconBox} aria-hidden=\"true\">\n            {unlocked ? (icon ?? <AchievementIcon size={32} />) : <LockIcon size={24} />}\n          </span>\n          <div className={styles.titleBlock}>\n            <p className={styles.title}>{title}</p>\n            {description ? <p className={styles.description}>{description}</p> : null}\n          </div>\n        </div>\n        <p className={styles.meta}>\n          {unlocked\n            ? unlockedAt\n              ? m.achievementCard.unlockedOn(unlockedAt)\n              : m.achievementCard.unlocked\n            : m.achievementCard.locked}\n        </p>\n      </BlockCard>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;AAUA,IAAa,kBAAkB,WAC7B,SAAS,gBACP,EACE,OACA,aACA,MACA,WAAW,OACX,YACA,QACA,WAAW,QACX,OACA,WACA,GAAG,QAEL,KACA;CACA,MAAM,IAAI,mBAAmB;CAC7B,OACE,qBAAC,WAAD;EACO;EACK;EACV,OAAO,UAAU,KAAA,IAAY,EAAE,gBAAgB,QAAQ;EACvD,iBAAe,YAAY,KAAA;EAC3B,WAAW,GAAGA,qBAAO,MAAM,CAAC,YAAYA,qBAAO,QAAQ,SAAS;EAChE,QACE,SACE,oBAAC,aAAD;GAAa,MAAK;GAAK,SAAQ;GAAO,SAAS;GAAQ,UAAU,CAAC;GAC/D,UAAA,EAAE,gBAAgB;EACR,CAAA,IACX,KAAA;EAEN,GAAI;EAbN,UAAA,CAeE,qBAAC,OAAD;GAAK,WAAWA,qBAAO;GAAvB,UAAA,CACE,oBAAC,QAAD;IAAM,WAAWA,qBAAO;IAAS,eAAY;IAC1C,UAAA,WAAY,QAAQ,oBAAC,iBAAD,EAAiB,MAAM,GAAK,CAAA,IAAK,oBAAC,UAAD,EAAU,MAAM,GAAK,CAAA;GACvE,CAAA,GACN,qBAAC,OAAD;IAAK,WAAWA,qBAAO;IAAvB,UAAA,CACE,oBAAC,KAAD;KAAG,WAAWA,qBAAO;KAAQ,UAAA;IAAS,CAAA,GACrC,cAAc,oBAAC,KAAD;KAAG,WAAWA,qBAAO;KAAc,UAAA;IAAe,CAAA,IAAI,IAClE;GACF,CAAA,CAAA;EACL,CAAA,GAAA,oBAAC,KAAD;GAAG,WAAWA,qBAAO;GAClB,UAAA,WACG,aACE,EAAE,gBAAgB,WAAW,UAAU,IACvC,EAAE,gBAAgB,WACpB,EAAE,gBAAgB;EACrB,CAAA,CACM;;AAEf,CACF"}

package/dist/components/cards/PlayerCard/PlayerCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlayerCard.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/PlayerCard/PlayerCard.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAU1D,oEAAoE;AACpE,eAAO,MAAM,UAAU,yGA8DrB,CAAC"}
+{"version":3,"file":"PlayerCard.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/PlayerCard/PlayerCard.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAU1D,oEAAoE;AACpE,eAAO,MAAM,UAAU,yGAiErB,CAAC"}

package/dist/components/cards/PlayerCard/PlayerCard.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 { XPBar } from "../../hud/XPBar/XPBar.js";
 import { BlockCard } from "../BlockCard/BlockCard.js";
@@ -16,17 +17,18 @@ var statusVariant = (status) => {
 	return "stone";
 };
 /** Player summary: avatar, level, status, XP and optional stats. */
-var PlayerCard = forwardRef(function PlayerCard({ name, avatar, level, status, xp, maxXp, stats, onViewProfile, material = "deepslate", label = "Player", className, ...rest }, ref) {
+var PlayerCard = forwardRef(function PlayerCard({ name, avatar, level, status, xp, maxXp, stats, onViewProfile, material = "deepslate", label, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	return /* @__PURE__ */ jsxs(BlockCard, {
 		ref,
 		material,
-		label,
+		label: label === void 0 ? m.playerCard.label : label,
 		className: cx(cards_module_default.card, className),
 		footer: onViewProfile ? /* @__PURE__ */ jsx(BlockButton, {
 			size: "sm",
 			variant: "stone",
 			onClick: onViewProfile,
-			children: "Profile"
+			children: m.playerCard.profile
 		}) : void 0,
 		...rest,
 		children: [
@@ -45,9 +47,9 @@ var PlayerCard = forwardRef(function PlayerCard({ name, avatar, level, status, x
 							className: cards_module_default.title,
 							children: name
 						}),
-						level !== void 0 ? /* @__PURE__ */ jsxs("p", {
+						level !== void 0 ? /* @__PURE__ */ jsx("p", {
 							className: cards_module_default.description,
-							children: ["Level ", level]
+							children: m.playerCard.level(String(level))
 						}) : null,
 						status ? /* @__PURE__ */ jsx(BlockBadge, {
 							size: "sm",

package/dist/components/cards/PlayerCard/PlayerCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlayerCard.js","names":["styles"],"sources":["../../../../src/components/cards/PlayerCard/PlayerCard.tsx"],"sourcesContent":["import { PlayerIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { BlockBadge } from \"../../display/BlockBadge/BlockBadge\";\nimport type { BlockBadgeVariant } from \"../../display/BlockBadge/BlockBadge.types\";\nimport { XPBar } from \"../../hud/XPBar/XPBar\";\nimport { BlockCard } from \"../BlockCard/BlockCard\";\nimport styles from \"../cards.module.css\";\nimport type { PlayerCardProps } from \"./PlayerCard.types\";\n\nconst statusVariant = (status: string): BlockBadgeVariant => {\n  const value = status.toLowerCase();\n  if (value === \"online\") return \"emerald\";\n  if (value === \"offline\") return \"redstone\";\n  if (value === \"afk\" || value === \"away\" || value === \"idle\") return \"gold\";\n  return \"stone\";\n};\n\n/** Player summary: avatar, level, status, XP and optional stats. */\nexport const PlayerCard = forwardRef<HTMLElement, PlayerCardProps>(function PlayerCard(\n  {\n    name,\n    avatar,\n    level,\n    status,\n    xp,\n    maxXp,\n    stats,\n    onViewProfile,\n    material = \"deepslate\",\n    label = \"Player\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  return (\n    <BlockCard\n      ref={ref}\n      material={material}\n      label={label}\n      className={cx(styles.card, className)}\n      footer={\n        onViewProfile ? (\n          <BlockButton size=\"sm\" variant=\"stone\" onClick={onViewProfile}>\n            Profile\n          </BlockButton>\n        ) : undefined\n      }\n      {...rest}\n    >\n      <div className={styles.headline}>\n        <span className={styles.iconBox}>\n          {avatar ? <img src={avatar} alt=\"\" /> : <PlayerIcon size={32} />}\n        </span>\n        <div className={styles.titleBlock}>\n          <p className={styles.title}>{name}</p>\n          {level !== undefined ? <p className={styles.description}>Level {level}</p> : null}\n          {status ? (\n            <BlockBadge size=\"sm\" dot variant={statusVariant(status)}>\n              {status}\n            </BlockBadge>\n          ) : null}\n        </div>\n      </div>\n      {xp !== undefined && maxXp !== undefined ? <XPBar value={xp} max={maxXp} showValue /> : null}\n      {stats && stats.length > 0 ? (\n        <dl className={styles.stats}>\n          {stats.map((stat) => (\n            <div key={stat.label} className={styles.statRow}>\n              <dt>\n                {stat.icon ? <span aria-hidden=\"true\">{stat.icon}</span> : null}\n                {stat.label}\n              </dt>\n              <dd>{stat.value}</dd>\n            </div>\n          ))}\n        </dl>\n      ) : null}\n    </BlockCard>\n  );\n});\n"],"mappings":";;;;;;;;;;AAWA,IAAM,iBAAiB,WAAsC;CAC3D,MAAM,QAAQ,OAAO,YAAY;CACjC,IAAI,UAAU,UAAU,OAAO;CAC/B,IAAI,UAAU,WAAW,OAAO;CAChC,IAAI,UAAU,SAAS,UAAU,UAAU,UAAU,QAAQ,OAAO;CACpE,OAAO;AACT;;AAGA,IAAa,aAAa,WAAyC,SAAS,WAC1E,EACE,MACA,QACA,OACA,QACA,IACA,OACA,OACA,eACA,WAAW,aACX,QAAQ,UACR,WACA,GAAG,QAEL,KACA;CACA,OACE,qBAAC,WAAD;EACO;EACK;EACH;EACP,WAAW,GAAGA,qBAAO,MAAM,SAAS;EACpC,QACE,gBACE,oBAAC,aAAD;GAAa,MAAK;GAAK,SAAQ;GAAQ,SAAS;GAAe,UAAA;EAElD,CAAA,IACX,KAAA;EAEN,GAAI;EAZN,UAAA;GAcE,qBAAC,OAAD;IAAK,WAAWA,qBAAO;IAAvB,UAAA,CACE,oBAAC,QAAD;KAAM,WAAWA,qBAAO;KACrB,UAAA,SAAS,oBAAC,OAAD;MAAK,KAAK;MAAQ,KAAI;KAAI,CAAA,IAAI,oBAAC,YAAD,EAAY,MAAM,GAAK,CAAA;IAC3D,CAAA,GACN,qBAAC,OAAD;KAAK,WAAWA,qBAAO;KAAvB,UAAA;MACE,oBAAC,KAAD;OAAG,WAAWA,qBAAO;OAAQ,UAAA;MAAQ,CAAA;MACpC,UAAU,KAAA,IAAY,qBAAC,KAAD;OAAG,WAAWA,qBAAO;OAArB,UAAA,CAAkC,UAAO,KAAS;MAAI,CAAA,IAAA;MAC5E,SACC,oBAAC,YAAD;OAAY,MAAK;OAAK,KAAA;OAAI,SAAS,cAAc,MAAM;OACpD,UAAA;MACS,CAAA,IACV;KACD;IACF,CAAA,CAAA;;GACJ,OAAO,KAAA,KAAa,UAAU,KAAA,IAAY,oBAAC,OAAD;IAAO,OAAO;IAAI,KAAK;IAAO,WAAA;GAAW,CAAA,IAAI;GACvF,SAAS,MAAM,SAAS,IACvB,oBAAC,MAAD;IAAI,WAAWA,qBAAO;IACnB,UAAA,MAAM,KAAK,SACV,qBAAC,OAAD;KAAsB,WAAWA,qBAAO;KAAxC,UAAA,CACE,qBAAC,MAAD,EAAA,UAAA,CACG,KAAK,OAAO,oBAAC,QAAD;MAAM,eAAY;MAAQ,UAAA,KAAK;KAAW,CAAA,IAAI,MAC1D,KAAK,KACJ,EAAA,CAAA,GACJ,oBAAC,MAAD,EAAA,UAAK,KAAK,MAAU,CAAA,CACjB;IANK,GAAA,KAAK,KAMV,CACN;GACC,CAAA,IACF;EACK;;AAEf,CAAC"}
+{"version":3,"file":"PlayerCard.js","names":["styles"],"sources":["../../../../src/components/cards/PlayerCard/PlayerCard.tsx"],"sourcesContent":["import { PlayerIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\nimport { cx } from \"../../../utils/cx\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { BlockBadge } from \"../../display/BlockBadge/BlockBadge\";\nimport type { BlockBadgeVariant } from \"../../display/BlockBadge/BlockBadge.types\";\nimport { XPBar } from \"../../hud/XPBar/XPBar\";\nimport { BlockCard } from \"../BlockCard/BlockCard\";\nimport styles from \"../cards.module.css\";\nimport type { PlayerCardProps } from \"./PlayerCard.types\";\n\nconst statusVariant = (status: string): BlockBadgeVariant => {\n  const value = status.toLowerCase();\n  if (value === \"online\") return \"emerald\";\n  if (value === \"offline\") return \"redstone\";\n  if (value === \"afk\" || value === \"away\" || value === \"idle\") return \"gold\";\n  return \"stone\";\n};\n\n/** Player summary: avatar, level, status, XP and optional stats. */\nexport const PlayerCard = forwardRef<HTMLElement, PlayerCardProps>(function PlayerCard(\n  {\n    name,\n    avatar,\n    level,\n    status,\n    xp,\n    maxXp,\n    stats,\n    onViewProfile,\n    material = \"deepslate\",\n    label,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const m = useBlockUIMessages();\n  return (\n    <BlockCard\n      ref={ref}\n      material={material}\n      label={label === undefined ? m.playerCard.label : label}\n      className={cx(styles.card, className)}\n      footer={\n        onViewProfile ? (\n          <BlockButton size=\"sm\" variant=\"stone\" onClick={onViewProfile}>\n            {m.playerCard.profile}\n          </BlockButton>\n        ) : undefined\n      }\n      {...rest}\n    >\n      <div className={styles.headline}>\n        <span className={styles.iconBox}>\n          {avatar ? <img src={avatar} alt=\"\" /> : <PlayerIcon size={32} />}\n        </span>\n        <div className={styles.titleBlock}>\n          <p className={styles.title}>{name}</p>\n          {level !== undefined ? (\n            <p className={styles.description}>{m.playerCard.level(String(level))}</p>\n          ) : null}\n          {status ? (\n            <BlockBadge size=\"sm\" dot variant={statusVariant(status)}>\n              {status}\n            </BlockBadge>\n          ) : null}\n        </div>\n      </div>\n      {xp !== undefined && maxXp !== undefined ? <XPBar value={xp} max={maxXp} showValue /> : null}\n      {stats && stats.length > 0 ? (\n        <dl className={styles.stats}>\n          {stats.map((stat) => (\n            <div key={stat.label} className={styles.statRow}>\n              <dt>\n                {stat.icon ? <span aria-hidden=\"true\">{stat.icon}</span> : null}\n                {stat.label}\n              </dt>\n              <dd>{stat.value}</dd>\n            </div>\n          ))}\n        </dl>\n      ) : null}\n    </BlockCard>\n  );\n});\n"],"mappings":";;;;;;;;;;;AAYA,IAAM,iBAAiB,WAAsC;CAC3D,MAAM,QAAQ,OAAO,YAAY;CACjC,IAAI,UAAU,UAAU,OAAO;CAC/B,IAAI,UAAU,WAAW,OAAO;CAChC,IAAI,UAAU,SAAS,UAAU,UAAU,UAAU,QAAQ,OAAO;CACpE,OAAO;AACT;;AAGA,IAAa,aAAa,WAAyC,SAAS,WAC1E,EACE,MACA,QACA,OACA,QACA,IACA,OACA,OACA,eACA,WAAW,aACX,OACA,WACA,GAAG,QAEL,KACA;CACA,MAAM,IAAI,mBAAmB;CAC7B,OACE,qBAAC,WAAD;EACO;EACK;EACV,OAAO,UAAU,KAAA,IAAY,EAAE,WAAW,QAAQ;EAClD,WAAW,GAAGA,qBAAO,MAAM,SAAS;EACpC,QACE,gBACE,oBAAC,aAAD;GAAa,MAAK;GAAK,SAAQ;GAAQ,SAAS;GAC7C,UAAA,EAAE,WAAW;EACH,CAAA,IACX,KAAA;EAEN,GAAI;EAZN,UAAA;GAcE,qBAAC,OAAD;IAAK,WAAWA,qBAAO;IAAvB,UAAA,CACE,oBAAC,QAAD;KAAM,WAAWA,qBAAO;KACrB,UAAA,SAAS,oBAAC,OAAD;MAAK,KAAK;MAAQ,KAAI;KAAI,CAAA,IAAI,oBAAC,YAAD,EAAY,MAAM,GAAK,CAAA;IAC3D,CAAA,GACN,qBAAC,OAAD;KAAK,WAAWA,qBAAO;KAAvB,UAAA;MACE,oBAAC,KAAD;OAAG,WAAWA,qBAAO;OAAQ,UAAA;MAAQ,CAAA;MACpC,UAAU,KAAA,IACT,oBAAC,KAAD;OAAG,WAAWA,qBAAO;OAAc,UAAA,EAAE,WAAW,MAAM,OAAO,KAAK,CAAC;MAAK,CAAA,IACtE;MACH,SACC,oBAAC,YAAD;OAAY,MAAK;OAAK,KAAA;OAAI,SAAS,cAAc,MAAM;OACpD,UAAA;MACS,CAAA,IACV;KACD;IACF,CAAA,CAAA;;GACJ,OAAO,KAAA,KAAa,UAAU,KAAA,IAAY,oBAAC,OAAD;IAAO,OAAO;IAAI,KAAK;IAAO,WAAA;GAAW,CAAA,IAAI;GACvF,SAAS,MAAM,SAAS,IACvB,oBAAC,MAAD;IAAI,WAAWA,qBAAO;IACnB,UAAA,MAAM,KAAK,SACV,qBAAC,OAAD;KAAsB,WAAWA,qBAAO;KAAxC,UAAA,CACE,qBAAC,MAAD,EAAA,UAAA,CACG,KAAK,OAAO,oBAAC,QAAD;MAAM,eAAY;MAAQ,UAAA,KAAK;KAAW,CAAA,IAAI,MAC1D,KAAK,KACJ,EAAA,CAAA,GACJ,oBAAC,MAAD,EAAA,UAAK,KAAK,MAAU,CAAA,CACjB;IANK,GAAA,KAAK,KAMV,CACN;GACC,CAAA,IACF;EACK;;AAEf,CAAC"}

package/dist/components/cards/QuestCard/QuestCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuestCard.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/QuestCard/QuestCard.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,iEAAiE;AACjE,eAAO,MAAM,SAAS,wGAsFpB,CAAC"}
+{"version":3,"file":"QuestCard.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/QuestCard/QuestCard.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,iEAAiE;AACjE,eAAO,MAAM,SAAS,wGAuFpB,CAAC"}

package/dist/components/cards/QuestCard/QuestCard.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 { formatNumber } from "../../../utils/number.js";
 import { BlockCard } from "../BlockCard/BlockCard.js";
@@ -9,13 +10,14 @@ import { CheckIcon, CoinIcon, QuestIcon, XPOrbIcon } from "@malilion/block-ui-ic
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/cards/QuestCard/QuestCard.tsx
 /** Quest with progress, XP / coin rewards and a Claim action. */
-var QuestCard = forwardRef(function QuestCard({ title, description, progress = 0, max = 1, xp, coins, completed, claimed = false, onClaim, icon, material = "grass", label = "Quest", className, ...rest }, ref) {
+var QuestCard = forwardRef(function QuestCard({ title, description, progress = 0, max = 1, xp, coins, completed, claimed = false, onClaim, icon, material = "grass", label, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	const done = completed ?? progress >= max;
 	const current = Math.min(progress, max);
 	return /* @__PURE__ */ jsxs(BlockCard, {
 		ref,
 		material,
-		label,
+		label: label === void 0 ? m.questCard.label : label,
 		"data-completed": done || void 0,
 		className: cx(cards_module_default.card, className),
 		footer: onClaim ? /* @__PURE__ */ jsx(BlockButton, {
@@ -24,7 +26,7 @@ var QuestCard = forwardRef(function QuestCard({ title, description, progress = 0
 			disabled: !done || claimed,
 			onClick: onClaim,
 			startIcon: claimed ? /* @__PURE__ */ jsx(CheckIcon, { size: 16 }) : void 0,
-			children: claimed ? "Claimed" : done ? "Claim" : "In progress"
+			children: claimed ? m.questCard.claimed : done ? m.questCard.claim : m.questCard.inProgress
 		}) : void 0,
 		...rest,
 		children: [
@@ -46,7 +48,7 @@ var QuestCard = forwardRef(function QuestCard({ title, description, progress = 0
 				})]
 			}),
 			/* @__PURE__ */ jsx(BlockProgress, {
-				label: "Progress",
+				label: m.common.progress,
 				value: current,
 				max,
 				variant: done ? "gold" : "grass",
@@ -57,7 +59,7 @@ var QuestCard = forwardRef(function QuestCard({ title, description, progress = 0
 				className: cards_module_default.rewards,
 				children: [/* @__PURE__ */ jsx("span", {
 					className: cards_module_default.rewardsLabel,
-					children: "Reward"
+					children: m.questCard.reward
 				}), /* @__PURE__ */ jsxs("ul", {
 					className: cards_module_default.rewardList,
 					children: [xp !== void 0 ? /* @__PURE__ */ jsxs("li", {
@@ -70,7 +72,7 @@ var QuestCard = forwardRef(function QuestCard({ title, description, progress = 0
 							" ",
 							/* @__PURE__ */ jsx("span", {
 								className: cards_module_default.unit,
-								children: "XP"
+								children: m.questCard.xp
 							})
 						] })]
 					}) : null, coins !== void 0 ? /* @__PURE__ */ jsxs("li", {
@@ -83,7 +85,7 @@ var QuestCard = forwardRef(function QuestCard({ title, description, progress = 0
 							" ",
 							/* @__PURE__ */ jsx("span", {
 								className: cards_module_default.unit,
-								children: "coins"
+								children: m.questCard.coins
 							})
 						] })]
 					}) : null]

package/dist/components/cards/QuestCard/QuestCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuestCard.js","names":["styles"],"sources":["../../../../src/components/cards/QuestCard/QuestCard.tsx"],"sourcesContent":["import { CheckIcon, CoinIcon, QuestIcon, XPOrbIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { formatNumber } from \"../../../utils/number\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { BlockProgress } from \"../../feedback/Progress/BlockProgress\";\nimport { BlockCard } from \"../BlockCard/BlockCard\";\nimport styles from \"../cards.module.css\";\nimport type { QuestCardProps } from \"./QuestCard.types\";\n\n/** Quest with progress, XP / coin rewards and a Claim action. */\nexport const QuestCard = forwardRef<HTMLElement, QuestCardProps>(function QuestCard(\n  {\n    title,\n    description,\n    progress = 0,\n    max = 1,\n    xp,\n    coins,\n    completed,\n    claimed = false,\n    onClaim,\n    icon,\n    material = \"grass\",\n    label = \"Quest\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const done = completed ?? progress >= max;\n  const current = Math.min(progress, max);\n\n  return (\n    <BlockCard\n      ref={ref}\n      material={material}\n      label={label}\n      data-completed={done || undefined}\n      className={cx(styles.card, className)}\n      footer={\n        onClaim ? (\n          <BlockButton\n            variant={done && !claimed ? \"gold\" : \"stone\"}\n            size=\"sm\"\n            disabled={!done || claimed}\n            onClick={onClaim}\n            startIcon={claimed ? <CheckIcon size={16} /> : undefined}\n          >\n            {claimed ? \"Claimed\" : done ? \"Claim\" : \"In progress\"}\n          </BlockButton>\n        ) : undefined\n      }\n      {...rest}\n    >\n      <div className={styles.headline}>\n        <span className={styles.iconBox} aria-hidden=\"true\">\n          {icon ?? <QuestIcon size={32} />}\n        </span>\n        <div className={styles.titleBlock}>\n          <p className={styles.title}>{title}</p>\n          {description ? <p className={styles.description}>{description}</p> : null}\n        </div>\n      </div>\n      <BlockProgress\n        label=\"Progress\"\n        value={current}\n        max={max}\n        variant={done ? \"gold\" : \"grass\"}\n        showValue\n        formatValue={(value, total) => `${formatNumber(value)} / ${formatNumber(total)}`}\n      />\n      {xp !== undefined || coins !== undefined ? (\n        <div className={styles.rewards}>\n          <span className={styles.rewardsLabel}>Reward</span>\n          <ul className={styles.rewardList}>\n            {xp !== undefined ? (\n              <li className={styles.reward}>\n                <XPOrbIcon size={16} aria-hidden=\"true\" />\n                <span>\n                  {formatNumber(xp)} <span className={styles.unit}>XP</span>\n                </span>\n              </li>\n            ) : null}\n            {coins !== undefined ? (\n              <li className={styles.reward}>\n                <CoinIcon size={16} aria-hidden=\"true\" />\n                <span>\n                  {formatNumber(coins)} <span className={styles.unit}>coins</span>\n                </span>\n              </li>\n            ) : null}\n          </ul>\n        </div>\n      ) : null}\n    </BlockCard>\n  );\n});\n"],"mappings":";;;;;;;;;;;AAWA,IAAa,YAAY,WAAwC,SAAS,UACxE,EACE,OACA,aACA,WAAW,GACX,MAAM,GACN,IACA,OACA,WACA,UAAU,OACV,SACA,MACA,WAAW,SACX,QAAQ,SACR,WACA,GAAG,QAEL,KACA;CACA,MAAM,OAAO,aAAa,YAAY;CACtC,MAAM,UAAU,KAAK,IAAI,UAAU,GAAG;CAEtC,OACE,qBAAC,WAAD;EACO;EACK;EACH;EACP,kBAAgB,QAAQ,KAAA;EACxB,WAAW,GAAGA,qBAAO,MAAM,SAAS;EACpC,QACE,UACE,oBAAC,aAAD;GACE,SAAS,QAAQ,CAAC,UAAU,SAAS;GACrC,MAAK;GACL,UAAU,CAAC,QAAQ;GACnB,SAAS;GACT,WAAW,UAAU,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA,IAAI,KAAA;GAE9C,UAAA,UAAU,YAAY,OAAO,UAAU;EAC7B,CAAA,IACX,KAAA;EAEN,GAAI;EAnBN,UAAA;GAqBE,qBAAC,OAAD;IAAK,WAAWA,qBAAO;IAAvB,UAAA,CACE,oBAAC,QAAD;KAAM,WAAWA,qBAAO;KAAS,eAAY;KAC1C,UAAA,QAAQ,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA;IAC3B,CAAA,GACN,qBAAC,OAAD;KAAK,WAAWA,qBAAO;KAAvB,UAAA,CACE,oBAAC,KAAD;MAAG,WAAWA,qBAAO;MAAQ,UAAA;KAAS,CAAA,GACrC,cAAc,oBAAC,KAAD;MAAG,WAAWA,qBAAO;MAAc,UAAA;KAAe,CAAA,IAAI,IAClE;IACF,CAAA,CAAA;;GACL,oBAAC,eAAD;IACE,OAAM;IACN,OAAO;IACF;IACL,SAAS,OAAO,SAAS;IACzB,WAAA;IACA,cAAc,OAAO,UAAU,GAAG,aAAa,KAAK,EAAE,KAAK,aAAa,KAAK;GAC9E,CAAA;GACA,OAAO,KAAA,KAAa,UAAU,KAAA,IAC7B,qBAAC,OAAD;IAAK,WAAWA,qBAAO;IAAvB,UAAA,CACE,oBAAC,QAAD;KAAM,WAAWA,qBAAO;KAAc,UAAA;IAAY,CAAA,GAClD,qBAAC,MAAD;KAAI,WAAWA,qBAAO;KAAtB,UAAA,CACG,OAAO,KAAA,IACN,qBAAC,MAAD;MAAI,WAAWA,qBAAO;MAAtB,UAAA,CACE,oBAAC,WAAD;OAAW,MAAM;OAAI,eAAY;MAAQ,CAAA,GACzC,qBAAC,QAAD,EAAA,UAAA;OACG,aAAa,EAAE;OAAE;OAAC,oBAAC,QAAD;QAAM,WAAWA,qBAAO;QAAM,UAAA;OAAQ,CAAA;MACrD,EAAA,CAAA,CACJ;KACF,CAAA,IAAA,MACH,UAAU,KAAA,IACT,qBAAC,MAAD;MAAI,WAAWA,qBAAO;MAAtB,UAAA,CACE,oBAAC,UAAD;OAAU,MAAM;OAAI,eAAY;MAAQ,CAAA,GACxC,qBAAC,QAAD,EAAA,UAAA;OACG,aAAa,KAAK;OAAE;OAAC,oBAAC,QAAD;QAAM,WAAWA,qBAAO;QAAM,UAAA;OAAW,CAAA;MAC3D,EAAA,CAAA,CACJ;KACF,CAAA,IAAA,IACF;IACD,CAAA,CAAA;GACH,CAAA,IAAA;EACK;;AAEf,CAAC"}
+{"version":3,"file":"QuestCard.js","names":["styles"],"sources":["../../../../src/components/cards/QuestCard/QuestCard.tsx"],"sourcesContent":["import { CheckIcon, CoinIcon, QuestIcon, XPOrbIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\nimport { cx } from \"../../../utils/cx\";\nimport { formatNumber } from \"../../../utils/number\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { BlockProgress } from \"../../feedback/Progress/BlockProgress\";\nimport { BlockCard } from \"../BlockCard/BlockCard\";\nimport styles from \"../cards.module.css\";\nimport type { QuestCardProps } from \"./QuestCard.types\";\n\n/** Quest with progress, XP / coin rewards and a Claim action. */\nexport const QuestCard = forwardRef<HTMLElement, QuestCardProps>(function QuestCard(\n  {\n    title,\n    description,\n    progress = 0,\n    max = 1,\n    xp,\n    coins,\n    completed,\n    claimed = false,\n    onClaim,\n    icon,\n    material = \"grass\",\n    label,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const m = useBlockUIMessages();\n  const done = completed ?? progress >= max;\n  const current = Math.min(progress, max);\n\n  return (\n    <BlockCard\n      ref={ref}\n      material={material}\n      label={label === undefined ? m.questCard.label : label}\n      data-completed={done || undefined}\n      className={cx(styles.card, className)}\n      footer={\n        onClaim ? (\n          <BlockButton\n            variant={done && !claimed ? \"gold\" : \"stone\"}\n            size=\"sm\"\n            disabled={!done || claimed}\n            onClick={onClaim}\n            startIcon={claimed ? <CheckIcon size={16} /> : undefined}\n          >\n            {claimed ? m.questCard.claimed : done ? m.questCard.claim : m.questCard.inProgress}\n          </BlockButton>\n        ) : undefined\n      }\n      {...rest}\n    >\n      <div className={styles.headline}>\n        <span className={styles.iconBox} aria-hidden=\"true\">\n          {icon ?? <QuestIcon size={32} />}\n        </span>\n        <div className={styles.titleBlock}>\n          <p className={styles.title}>{title}</p>\n          {description ? <p className={styles.description}>{description}</p> : null}\n        </div>\n      </div>\n      <BlockProgress\n        label={m.common.progress}\n        value={current}\n        max={max}\n        variant={done ? \"gold\" : \"grass\"}\n        showValue\n        formatValue={(value, total) => `${formatNumber(value)} / ${formatNumber(total)}`}\n      />\n      {xp !== undefined || coins !== undefined ? (\n        <div className={styles.rewards}>\n          <span className={styles.rewardsLabel}>{m.questCard.reward}</span>\n          <ul className={styles.rewardList}>\n            {xp !== undefined ? (\n              <li className={styles.reward}>\n                <XPOrbIcon size={16} aria-hidden=\"true\" />\n                <span>\n                  {formatNumber(xp)} <span className={styles.unit}>{m.questCard.xp}</span>\n                </span>\n              </li>\n            ) : null}\n            {coins !== undefined ? (\n              <li className={styles.reward}>\n                <CoinIcon size={16} aria-hidden=\"true\" />\n                <span>\n                  {formatNumber(coins)} <span className={styles.unit}>{m.questCard.coins}</span>\n                </span>\n              </li>\n            ) : null}\n          </ul>\n        </div>\n      ) : null}\n    </BlockCard>\n  );\n});\n"],"mappings":";;;;;;;;;;;;AAYA,IAAa,YAAY,WAAwC,SAAS,UACxE,EACE,OACA,aACA,WAAW,GACX,MAAM,GACN,IACA,OACA,WACA,UAAU,OACV,SACA,MACA,WAAW,SACX,OACA,WACA,GAAG,QAEL,KACA;CACA,MAAM,IAAI,mBAAmB;CAC7B,MAAM,OAAO,aAAa,YAAY;CACtC,MAAM,UAAU,KAAK,IAAI,UAAU,GAAG;CAEtC,OACE,qBAAC,WAAD;EACO;EACK;EACV,OAAO,UAAU,KAAA,IAAY,EAAE,UAAU,QAAQ;EACjD,kBAAgB,QAAQ,KAAA;EACxB,WAAW,GAAGA,qBAAO,MAAM,SAAS;EACpC,QACE,UACE,oBAAC,aAAD;GACE,SAAS,QAAQ,CAAC,UAAU,SAAS;GACrC,MAAK;GACL,UAAU,CAAC,QAAQ;GACnB,SAAS;GACT,WAAW,UAAU,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA,IAAI,KAAA;GAE9C,UAAA,UAAU,EAAE,UAAU,UAAU,OAAO,EAAE,UAAU,QAAQ,EAAE,UAAU;EAC7D,CAAA,IACX,KAAA;EAEN,GAAI;EAnBN,UAAA;GAqBE,qBAAC,OAAD;IAAK,WAAWA,qBAAO;IAAvB,UAAA,CACE,oBAAC,QAAD;KAAM,WAAWA,qBAAO;KAAS,eAAY;KAC1C,UAAA,QAAQ,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA;IAC3B,CAAA,GACN,qBAAC,OAAD;KAAK,WAAWA,qBAAO;KAAvB,UAAA,CACE,oBAAC,KAAD;MAAG,WAAWA,qBAAO;MAAQ,UAAA;KAAS,CAAA,GACrC,cAAc,oBAAC,KAAD;MAAG,WAAWA,qBAAO;MAAc,UAAA;KAAe,CAAA,IAAI,IAClE;IACF,CAAA,CAAA;;GACL,oBAAC,eAAD;IACE,OAAO,EAAE,OAAO;IAChB,OAAO;IACF;IACL,SAAS,OAAO,SAAS;IACzB,WAAA;IACA,cAAc,OAAO,UAAU,GAAG,aAAa,KAAK,EAAE,KAAK,aAAa,KAAK;GAC9E,CAAA;GACA,OAAO,KAAA,KAAa,UAAU,KAAA,IAC7B,qBAAC,OAAD;IAAK,WAAWA,qBAAO;IAAvB,UAAA,CACE,oBAAC,QAAD;KAAM,WAAWA,qBAAO;KAAe,UAAA,EAAE,UAAU;IAAa,CAAA,GAChE,qBAAC,MAAD;KAAI,WAAWA,qBAAO;KAAtB,UAAA,CACG,OAAO,KAAA,IACN,qBAAC,MAAD;MAAI,WAAWA,qBAAO;MAAtB,UAAA,CACE,oBAAC,WAAD;OAAW,MAAM;OAAI,eAAY;MAAQ,CAAA,GACzC,qBAAC,QAAD,EAAA,UAAA;OACG,aAAa,EAAE;OAAE;OAAC,oBAAC,QAAD;QAAM,WAAWA,qBAAO;QAAO,UAAA,EAAE,UAAU;OAAS,CAAA;MACnE,EAAA,CAAA,CACJ;KACF,CAAA,IAAA,MACH,UAAU,KAAA,IACT,qBAAC,MAAD;MAAI,WAAWA,qBAAO;MAAtB,UAAA,CACE,oBAAC,UAAD;OAAU,MAAM;OAAI,eAAY;MAAQ,CAAA,GACxC,qBAAC,QAAD,EAAA,UAAA;OACG,aAAa,KAAK;OAAE;OAAC,oBAAC,QAAD;QAAM,WAAWA,qBAAO;QAAO,UAAA,EAAE,UAAU;OAAY,CAAA;MACzE,EAAA,CAAA,CACJ;KACF,CAAA,IAAA,IACF;IACD,CAAA,CAAA;GACH,CAAA,IAAA;EACK;;AAEf,CAAC"}

package/dist/components/cards/ServerBrowser/ServerBrowser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerBrowser.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/ServerBrowser/ServerBrowser.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,uBAAuB,CAAC;AAS5E;;;GAGG;AACH,eAAO,MAAM,aAAa,+GAuExB,CAAC"}
+{"version":3,"file":"ServerBrowser.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/ServerBrowser/ServerBrowser.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,uBAAuB,CAAC;AAG5E;;;GAGG;AACH,eAAO,MAAM,aAAa,+GAqFxB,CAAC"}

package/dist/components/cards/ServerBrowser/ServerBrowser.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 { BlockInput } from "../../forms/BlockInput/BlockInput.js";
 import { BlockSelect } from "../../forms/BlockSelect/BlockSelect.js";
@@ -10,25 +11,26 @@ import { forwardRef, useState } from "react";
 import { PlusIcon, SearchIcon } from "@malilion/block-ui-icons";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/cards/ServerBrowser/ServerBrowser.tsx
-var SORT_OPTIONS = [
-	{
-		value: "players",
-		label: "Most players"
-	},
-	{
-		value: "ping",
-		label: "Lowest ping"
-	},
-	{
-		value: "name",
-		label: "Name"
-	}
-];
 /**
 * Multiplayer server list: search, sort and an "online only" switch over
 * `ServerCard`s, with optional Refresh and Add server actions.
 */
-var ServerBrowser = forwardRef(function ServerBrowser({ servers, onJoin, onRefresh, onAddServer, defaultSort = "players", emptyText = "No servers found", label = "Server browser", className, ...rest }, ref) {
+var ServerBrowser = forwardRef(function ServerBrowser({ servers, onJoin, onRefresh, onAddServer, defaultSort = "players", emptyText, label, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
+	const sortOptions = [
+		{
+			value: "players",
+			label: m.serverBrowser.mostPlayers
+		},
+		{
+			value: "ping",
+			label: m.serverBrowser.lowestPing
+		},
+		{
+			value: "name",
+			label: m.common.name
+		}
+	];
 	const [query, setQuery] = useState("");
 	const [onlineOnly, setOnlineOnly] = useState(false);
 	const [sort, setSort] = useState(defaultSort);
@@ -40,7 +42,7 @@ var ServerBrowser = forwardRef(function ServerBrowser({ servers, onJoin, onRefre
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
 		role: "region",
-		"aria-label": label,
+		"aria-label": label ?? m.serverBrowser.label,
 		className: cx(browser_module_default.browser, className),
 		...rest,
 		children: [
@@ -49,21 +51,21 @@ var ServerBrowser = forwardRef(function ServerBrowser({ servers, onJoin, onRefre
 				children: [
 					/* @__PURE__ */ jsx(BlockInput, {
 						type: "search",
-						label: "Search servers",
+						label: m.serverBrowser.search,
 						value: query,
 						onChange: (event) => setQuery(event.target.value),
 						startIcon: /* @__PURE__ */ jsx(SearchIcon, { size: 16 }),
 						wrapperClassName: browser_module_default.search
 					}),
 					/* @__PURE__ */ jsx(BlockSelect, {
-						label: "Sort by",
+						label: m.common.sortBy,
 						value: sort,
 						onChange: (event) => setSort(event.target.value),
-						options: SORT_OPTIONS,
+						options: sortOptions,
 						wrapperClassName: browser_module_default.filter
 					}),
 					/* @__PURE__ */ jsx(BlockToggle, {
-						label: "Online only",
+						label: m.serverBrowser.onlineOnly,
 						checked: onlineOnly,
 						onCheckedChange: setOnlineOnly
 					}),
@@ -71,12 +73,12 @@ var ServerBrowser = forwardRef(function ServerBrowser({ servers, onJoin, onRefre
 						className: browser_module_default.actions,
 						children: [onRefresh ? /* @__PURE__ */ jsx(BlockButton, {
 							onClick: onRefresh,
-							children: "Refresh"
+							children: m.serverBrowser.refresh
 						}) : null, onAddServer ? /* @__PURE__ */ jsx(BlockButton, {
 							variant: "grass",
 							startIcon: /* @__PURE__ */ jsx(PlusIcon, { size: 16 }),
 							onClick: onAddServer,
-							children: "Add server"
+							children: m.serverBrowser.addServer
 						}) : null]
 					}) : null
 				]
@@ -84,18 +86,18 @@ var ServerBrowser = forwardRef(function ServerBrowser({ servers, onJoin, onRefre
 			/* @__PURE__ */ jsx("p", {
 				className: browser_module_default.count,
 				role: "status",
-				children: visible.length === 1 ? "1 server" : `${visible.length} servers`
+				children: m.serverBrowser.count(visible.length)
 			}),
 			visible.length > 0 ? /* @__PURE__ */ jsx("ul", {
 				className: browser_module_default.list,
-				"aria-label": "Servers",
+				"aria-label": m.serverBrowser.servers,
 				children: visible.map(({ id, ...server }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(ServerCard, {
 					...server,
 					onJoin: onJoin ? () => onJoin(id) : void 0
 				}) }, id))
 			}) : /* @__PURE__ */ jsx("p", {
 				className: browser_module_default.empty,
-				children: emptyText
+				children: emptyText === void 0 ? m.serverBrowser.empty : emptyText
 			})
 		]
 	});

package/dist/components/cards/ServerBrowser/ServerBrowser.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServerBrowser.js","names":["styles"],"sources":["../../../../src/components/cards/ServerBrowser/ServerBrowser.tsx"],"sourcesContent":["import { PlusIcon, SearchIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef, useState } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { BlockInput } from \"../../forms/BlockInput/BlockInput\";\nimport { BlockSelect } from \"../../forms/BlockSelect/BlockSelect\";\nimport { BlockToggle } from \"../../forms/BlockToggle/BlockToggle\";\nimport styles from \"../browser.module.css\";\nimport { ServerCard } from \"../ServerCard/ServerCard\";\nimport type { ServerBrowserProps, ServerSort } from \"./ServerBrowser.types\";\nimport { browseServers } from \"./ServerBrowser.utils\";\n\nconst SORT_OPTIONS = [\n  { value: \"players\", label: \"Most players\" },\n  { value: \"ping\", label: \"Lowest ping\" },\n  { value: \"name\", label: \"Name\" },\n];\n\n/**\n * Multiplayer server list: search, sort and an \"online only\" switch over\n * `ServerCard`s, with optional Refresh and Add server actions.\n */\nexport const ServerBrowser = forwardRef<HTMLDivElement, ServerBrowserProps>(function ServerBrowser(\n  {\n    servers,\n    onJoin,\n    onRefresh,\n    onAddServer,\n    defaultSort = \"players\",\n    emptyText = \"No servers found\",\n    label = \"Server browser\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const [query, setQuery] = useState(\"\");\n  const [onlineOnly, setOnlineOnly] = useState(false);\n  const [sort, setSort] = useState<ServerSort>(defaultSort);\n  const visible = browseServers(servers, { query, onlineOnly, sort });\n\n  return (\n    <div\n      ref={ref}\n      role=\"region\"\n      aria-label={label}\n      className={cx(styles.browser, className)}\n      {...rest}\n    >\n      <div className={styles.toolbar}>\n        <BlockInput\n          type=\"search\"\n          label=\"Search servers\"\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n          startIcon={<SearchIcon size={16} />}\n          wrapperClassName={styles.search}\n        />\n        <BlockSelect\n          label=\"Sort by\"\n          value={sort}\n          onChange={(event) => setSort(event.target.value as ServerSort)}\n          options={SORT_OPTIONS}\n          wrapperClassName={styles.filter}\n        />\n        <BlockToggle label=\"Online only\" checked={onlineOnly} onCheckedChange={setOnlineOnly} />\n        {onRefresh || onAddServer ? (\n          <div className={styles.actions}>\n            {onRefresh ? <BlockButton onClick={onRefresh}>Refresh</BlockButton> : null}\n            {onAddServer ? (\n              <BlockButton variant=\"grass\" startIcon={<PlusIcon size={16} />} onClick={onAddServer}>\n                Add server\n              </BlockButton>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n      <p className={styles.count} role=\"status\">\n        {visible.length === 1 ? \"1 server\" : `${visible.length} servers`}\n      </p>\n      {visible.length > 0 ? (\n        <ul className={styles.list} aria-label=\"Servers\">\n          {visible.map(({ id, ...server }) => (\n            <li key={id}>\n              <ServerCard {...server} onJoin={onJoin ? () => onJoin(id) : undefined} />\n            </li>\n          ))}\n        </ul>\n      ) : (\n        <p className={styles.empty}>{emptyText}</p>\n      )}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;;;AAYA,IAAM,eAAe;CACnB;EAAE,OAAO;EAAW,OAAO;CAAe;CAC1C;EAAE,OAAO;EAAQ,OAAO;CAAc;CACtC;EAAE,OAAO;EAAQ,OAAO;CAAO;AACjC;;;;;AAMA,IAAa,gBAAgB,WAA+C,SAAS,cACnF,EACE,SACA,QACA,WACA,aACA,cAAc,WACd,YAAY,oBACZ,QAAQ,kBACR,WACA,GAAG,QAEL,KACA;CACA,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,CAAC,MAAM,WAAW,SAAqB,WAAW;CACxD,MAAM,UAAU,cAAc,SAAS;EAAE;EAAO;EAAY;CAAK,CAAC;CAElE,OACE,qBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAY;EACZ,WAAW,GAAGA,uBAAO,SAAS,SAAS;EACvC,GAAI;EALN,UAAA;GAOE,qBAAC,OAAD;IAAK,WAAWA,uBAAO;IAAvB,UAAA;KACE,oBAAC,YAAD;MACE,MAAK;MACL,OAAM;MACN,OAAO;MACP,WAAW,UAAU,SAAS,MAAM,OAAO,KAAK;MAChD,WAAW,oBAAC,YAAD,EAAY,MAAM,GAAK,CAAA;MAClC,kBAAkBA,uBAAO;KAC1B,CAAA;KACD,oBAAC,aAAD;MACE,OAAM;MACN,OAAO;MACP,WAAW,UAAU,QAAQ,MAAM,OAAO,KAAmB;MAC7D,SAAS;MACT,kBAAkBA,uBAAO;KAC1B,CAAA;KACD,oBAAC,aAAD;MAAa,OAAM;MAAc,SAAS;MAAY,iBAAiB;KAAgB,CAAA;KACtF,aAAa,cACZ,qBAAC,OAAD;MAAK,WAAWA,uBAAO;MAAvB,UAAA,CACG,YAAY,oBAAC,aAAD;OAAa,SAAS;OAAW,UAAA;MAAoB,CAAA,IAAI,MACrE,cACC,oBAAC,aAAD;OAAa,SAAQ;OAAQ,WAAW,oBAAC,UAAD,EAAU,MAAM,GAAK,CAAA;OAAG,SAAS;OAAa,UAAA;MAEzE,CAAA,IACX,IACD;KACH,CAAA,IAAA;IACD;;GACL,oBAAC,KAAD;IAAG,WAAWA,uBAAO;IAAO,MAAK;IAC9B,UAAA,QAAQ,WAAW,IAAI,aAAa,GAAG,QAAQ,OAAO;GACtD,CAAA;GACF,QAAQ,SAAS,IAChB,oBAAC,MAAD;IAAI,WAAWA,uBAAO;IAAM,cAAW;IACpC,UAAA,QAAQ,KAAK,EAAE,IAAI,GAAG,aACrB,oBAAC,MAAD,EAAA,UACE,oBAAC,YAAD;KAAY,GAAI;KAAQ,QAAQ,eAAe,OAAO,EAAE,IAAI,KAAA;IAAY,CAAA,EACtE,GAFK,EAEL,CACL;GACC,CAAA,IAEJ,oBAAC,KAAD;IAAG,WAAWA,uBAAO;IAAQ,UAAA;GAAa,CAAA;EAEzC;;AAET,CAAC"}
+{"version":3,"file":"ServerBrowser.js","names":["styles"],"sources":["../../../../src/components/cards/ServerBrowser/ServerBrowser.tsx"],"sourcesContent":["import { PlusIcon, SearchIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef, useState } from \"react\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\nimport { cx } from \"../../../utils/cx\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { BlockInput } from \"../../forms/BlockInput/BlockInput\";\nimport { BlockSelect } from \"../../forms/BlockSelect/BlockSelect\";\nimport { BlockToggle } from \"../../forms/BlockToggle/BlockToggle\";\nimport styles from \"../browser.module.css\";\nimport { ServerCard } from \"../ServerCard/ServerCard\";\nimport type { ServerBrowserProps, ServerSort } from \"./ServerBrowser.types\";\nimport { browseServers } from \"./ServerBrowser.utils\";\n\n/**\n * Multiplayer server list: search, sort and an \"online only\" switch over\n * `ServerCard`s, with optional Refresh and Add server actions.\n */\nexport const ServerBrowser = forwardRef<HTMLDivElement, ServerBrowserProps>(function ServerBrowser(\n  {\n    servers,\n    onJoin,\n    onRefresh,\n    onAddServer,\n    defaultSort = \"players\",\n    emptyText,\n    label,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const m = useBlockUIMessages();\n  const sortOptions = [\n    { value: \"players\", label: m.serverBrowser.mostPlayers },\n    { value: \"ping\", label: m.serverBrowser.lowestPing },\n    { value: \"name\", label: m.common.name },\n  ];\n  const [query, setQuery] = useState(\"\");\n  const [onlineOnly, setOnlineOnly] = useState(false);\n  const [sort, setSort] = useState<ServerSort>(defaultSort);\n  const visible = browseServers(servers, { query, onlineOnly, sort });\n\n  return (\n    <div\n      ref={ref}\n      role=\"region\"\n      aria-label={label ?? m.serverBrowser.label}\n      className={cx(styles.browser, className)}\n      {...rest}\n    >\n      <div className={styles.toolbar}>\n        <BlockInput\n          type=\"search\"\n          label={m.serverBrowser.search}\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n          startIcon={<SearchIcon size={16} />}\n          wrapperClassName={styles.search}\n        />\n        <BlockSelect\n          label={m.common.sortBy}\n          value={sort}\n          onChange={(event) => setSort(event.target.value as ServerSort)}\n          options={sortOptions}\n          wrapperClassName={styles.filter}\n        />\n        <BlockToggle\n          label={m.serverBrowser.onlineOnly}\n          checked={onlineOnly}\n          onCheckedChange={setOnlineOnly}\n        />\n        {onRefresh || onAddServer ? (\n          <div className={styles.actions}>\n            {onRefresh ? (\n              <BlockButton onClick={onRefresh}>{m.serverBrowser.refresh}</BlockButton>\n            ) : null}\n            {onAddServer ? (\n              <BlockButton variant=\"grass\" startIcon={<PlusIcon size={16} />} onClick={onAddServer}>\n                {m.serverBrowser.addServer}\n              </BlockButton>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n      <p className={styles.count} role=\"status\">\n        {m.serverBrowser.count(visible.length)}\n      </p>\n      {visible.length > 0 ? (\n        <ul className={styles.list} aria-label={m.serverBrowser.servers}>\n          {visible.map(({ id, ...server }) => (\n            <li key={id}>\n              <ServerCard {...server} onJoin={onJoin ? () => onJoin(id) : undefined} />\n            </li>\n          ))}\n        </ul>\n      ) : (\n        <p className={styles.empty}>\n          {emptyText === undefined ? m.serverBrowser.empty : emptyText}\n        </p>\n      )}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,IAAa,gBAAgB,WAA+C,SAAS,cACnF,EACE,SACA,QACA,WACA,aACA,cAAc,WACd,WACA,OACA,WACA,GAAG,QAEL,KACA;CACA,MAAM,IAAI,mBAAmB;CAC7B,MAAM,cAAc;EAClB;GAAE,OAAO;GAAW,OAAO,EAAE,cAAc;EAAY;EACvD;GAAE,OAAO;GAAQ,OAAO,EAAE,cAAc;EAAW;EACnD;GAAE,OAAO;GAAQ,OAAO,EAAE,OAAO;EAAK;CACxC;CACA,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,CAAC,MAAM,WAAW,SAAqB,WAAW;CACxD,MAAM,UAAU,cAAc,SAAS;EAAE;EAAO;EAAY;CAAK,CAAC;CAElE,OACE,qBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAY,SAAS,EAAE,cAAc;EACrC,WAAW,GAAGA,uBAAO,SAAS,SAAS;EACvC,GAAI;EALN,UAAA;GAOE,qBAAC,OAAD;IAAK,WAAWA,uBAAO;IAAvB,UAAA;KACE,oBAAC,YAAD;MACE,MAAK;MACL,OAAO,EAAE,cAAc;MACvB,OAAO;MACP,WAAW,UAAU,SAAS,MAAM,OAAO,KAAK;MAChD,WAAW,oBAAC,YAAD,EAAY,MAAM,GAAK,CAAA;MAClC,kBAAkBA,uBAAO;KAC1B,CAAA;KACD,oBAAC,aAAD;MACE,OAAO,EAAE,OAAO;MAChB,OAAO;MACP,WAAW,UAAU,QAAQ,MAAM,OAAO,KAAmB;MAC7D,SAAS;MACT,kBAAkBA,uBAAO;KAC1B,CAAA;KACD,oBAAC,aAAD;MACE,OAAO,EAAE,cAAc;MACvB,SAAS;MACT,iBAAiB;KAClB,CAAA;KACA,aAAa,cACZ,qBAAC,OAAD;MAAK,WAAWA,uBAAO;MAAvB,UAAA,CACG,YACC,oBAAC,aAAD;OAAa,SAAS;OAAY,UAAA,EAAE,cAAc;MAAqB,CAAA,IACrE,MACH,cACC,oBAAC,aAAD;OAAa,SAAQ;OAAQ,WAAW,oBAAC,UAAD,EAAU,MAAM,GAAK,CAAA;OAAG,SAAS;OACtE,UAAA,EAAE,cAAc;MACN,CAAA,IACX,IACD;KACH,CAAA,IAAA;IACD;;GACL,oBAAC,KAAD;IAAG,WAAWA,uBAAO;IAAO,MAAK;IAC9B,UAAA,EAAE,cAAc,MAAM,QAAQ,MAAM;GACpC,CAAA;GACF,QAAQ,SAAS,IAChB,oBAAC,MAAD;IAAI,WAAWA,uBAAO;IAAM,cAAY,EAAE,cAAc;IACrD,UAAA,QAAQ,KAAK,EAAE,IAAI,GAAG,aACrB,oBAAC,MAAD,EAAA,UACE,oBAAC,YAAD;KAAY,GAAI;KAAQ,QAAQ,eAAe,OAAO,EAAE,IAAI,KAAA;IAAY,CAAA,EACtE,GAFK,EAEL,CACL;GACC,CAAA,IAEJ,oBAAC,KAAD;IAAG,WAAWA,uBAAO;IAClB,UAAA,cAAc,KAAA,IAAY,EAAE,cAAc,QAAQ;GAClD,CAAA;EAEF;;AAET,CAAC"}

package/dist/components/cards/ServerBrowser/ServerBrowser.types.d.ts

@@ -14,9 +14,9 @@ export interface ServerBrowserProps extends HTMLAttributes<HTMLDivElement> {
     onAddServer?: () => void;
     /** Initial sort. @default "players" */
     defaultSort?: ServerSort;
-    /** Shown when no server matches. @default "No servers found" */
+    /** Shown when no server matches. @default messages.serverBrowser.empty ("No servers found") */
     emptyText?: ReactNode;
-    /** Accessible name. @default "Server browser" */
+    /** Accessible name. @default messages.serverBrowser.label ("Server browser") */
     label?: string;
 }
 //# sourceMappingURL=ServerBrowser.types.d.ts.map

package/dist/components/cards/ServerBrowser/ServerBrowser.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerBrowser.types.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/ServerBrowser/ServerBrowser.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,IAAI,CAAC;IACzE,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAErD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,iEAAiE;IACjE,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,uCAAuC;IACvC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,gEAAgE;IAChE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"ServerBrowser.types.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/ServerBrowser/ServerBrowser.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,IAAI,CAAC;IACzE,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAErD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,iEAAiE;IACjE,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,uCAAuC;IACvC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,+FAA+F;IAC/F,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/cards/ServerCard/ServerCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerCard.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/ServerCard/ServerCard.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAe,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAKvE,4EAA4E;AAC5E,eAAO,MAAM,UAAU,yGAuFrB,CAAC"}
+{"version":3,"file":"ServerCard.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/ServerCard/ServerCard.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAe,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAKvE,4EAA4E;AAC5E,eAAO,MAAM,UAAU,yGAyFrB,CAAC"}

package/dist/components/cards/ServerCard/ServerCard.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 { formatNumber } from "../../../utils/number.js";
 import { BlockCard } from "../BlockCard/BlockCard.js";
@@ -16,13 +17,14 @@ var BARS = {
 	offline: 0
 };
 /** Server entry with player count, version, ping bars and a Join action. */
-var ServerCard = forwardRef(function ServerCard({ name, onlinePlayers, maxPlayers, version, ping, online = true, motd, icon, onJoin, material = "stone", label = "Server", className, ...rest }, ref) {
+var ServerCard = forwardRef(function ServerCard({ name, onlinePlayers, maxPlayers, version, ping, online = true, motd, icon, onJoin, material = "stone", label, className, ...rest }, ref) {
+	const m = useBlockUIMessages();
 	const quality = pingQuality(ping, online);
-	const pingText = online && ping !== void 0 ? `${ping} ms` : "Offline";
+	const pingText = online && ping !== void 0 ? m.serverCard.pingValue(String(ping)) : m.serverCard.offline;
 	return /* @__PURE__ */ jsxs(BlockCard, {
 		ref,
 		material,
-		label,
+		label: label === void 0 ? m.serverCard.label : label,
 		"data-online": online || void 0,
 		className: cx(cards_module_default.card, className),
 		footer: onJoin ? /* @__PURE__ */ jsx(BlockButton, {
@@ -30,7 +32,7 @@ var ServerCard = forwardRef(function ServerCard({ name, onlinePlayers, maxPlayer
 			variant: online ? "grass" : "stone",
 			disabled: !online,
 			onClick: onJoin,
-			children: "Join"
+			children: m.serverCard.join
 		}) : void 0,
 		...rest,
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -53,7 +55,7 @@ var ServerCard = forwardRef(function ServerCard({ name, onlinePlayers, maxPlayer
 				}),
 				/* @__PURE__ */ jsx("span", {
 					role: "img",
-					"aria-label": `Ping: ${pingText}`,
+					"aria-label": `${m.serverCard.ping}: ${pingText}`,
 					className: ServerCard_module_default.signal,
 					"data-quality": quality,
 					children: [
@@ -72,15 +74,15 @@ var ServerCard = forwardRef(function ServerCard({ name, onlinePlayers, maxPlayer
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: cards_module_default.statRow,
-					children: [/* @__PURE__ */ jsx("dt", { children: "Online" }), /* @__PURE__ */ jsx("dd", { children: online && onlinePlayers !== void 0 ? `${formatNumber(onlinePlayers)}${maxPlayers !== void 0 ? ` / ${formatNumber(maxPlayers)}` : ""}` : "—" })]
+					children: [/* @__PURE__ */ jsx("dt", { children: m.serverCard.online }), /* @__PURE__ */ jsx("dd", { children: online && onlinePlayers !== void 0 ? `${formatNumber(onlinePlayers)}${maxPlayers !== void 0 ? ` / ${formatNumber(maxPlayers)}` : ""}` : "—" })]
 				}),
 				version ? /* @__PURE__ */ jsxs("div", {
 					className: cards_module_default.statRow,
-					children: [/* @__PURE__ */ jsx("dt", { children: "Version" }), /* @__PURE__ */ jsx("dd", { children: version })]
+					children: [/* @__PURE__ */ jsx("dt", { children: m.serverCard.version }), /* @__PURE__ */ jsx("dd", { children: version })]
 				}) : null,
 				/* @__PURE__ */ jsxs("div", {
 					className: cards_module_default.statRow,
-					children: [/* @__PURE__ */ jsx("dt", { children: "Ping" }), /* @__PURE__ */ jsx("dd", { children: pingText })]
+					children: [/* @__PURE__ */ jsx("dt", { children: m.serverCard.ping }), /* @__PURE__ */ jsx("dd", { children: pingText })]
 				})
 			]
 		})]

package/dist/components/cards/ServerCard/ServerCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServerCard.js","names":["styles","serverStyles"],"sources":["../../../../src/components/cards/ServerCard/ServerCard.tsx"],"sourcesContent":["import { GrassBlockIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { formatNumber } from \"../../../utils/number\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { BlockCard } from \"../BlockCard/BlockCard\";\nimport styles from \"../cards.module.css\";\nimport serverStyles from \"./ServerCard.module.css\";\nimport type { PingQuality, ServerCardProps } from \"./ServerCard.types\";\nimport { pingQuality } from \"./ServerCard.utils\";\n\nconst BARS: Record<PingQuality, number> = { good: 4, fair: 3, poor: 1, offline: 0 };\n\n/** Server entry with player count, version, ping bars and a Join action. */\nexport const ServerCard = forwardRef<HTMLElement, ServerCardProps>(function ServerCard(\n  {\n    name,\n    onlinePlayers,\n    maxPlayers,\n    version,\n    ping,\n    online = true,\n    motd,\n    icon,\n    onJoin,\n    material = \"stone\",\n    label = \"Server\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const quality = pingQuality(ping, online);\n  const pingText = online && ping !== undefined ? `${ping} ms` : \"Offline\";\n\n  return (\n    <BlockCard\n      ref={ref}\n      material={material}\n      label={label}\n      data-online={online || undefined}\n      className={cx(styles.card, className)}\n      footer={\n        onJoin ? (\n          <BlockButton\n            size=\"sm\"\n            variant={online ? \"grass\" : \"stone\"}\n            disabled={!online}\n            onClick={onJoin}\n          >\n            Join\n          </BlockButton>\n        ) : undefined\n      }\n      {...rest}\n    >\n      <div className={styles.headline}>\n        <span className={styles.iconBox} aria-hidden=\"true\">\n          {icon ?? <GrassBlockIcon size={32} />}\n        </span>\n        <div className={styles.titleBlock}>\n          <p className={styles.title}>{name}</p>\n          {motd ? <p className={styles.description}>{motd}</p> : null}\n        </div>\n        <span\n          role=\"img\"\n          aria-label={`Ping: ${pingText}`}\n          className={serverStyles.signal}\n          data-quality={quality}\n        >\n          {[1, 2, 3, 4].map((bar) => (\n            <span\n              key={bar}\n              className={serverStyles.bar}\n              data-on={bar <= BARS[quality] || undefined}\n            />\n          ))}\n        </span>\n      </div>\n      <dl className={styles.stats}>\n        <div className={styles.statRow}>\n          <dt>Online</dt>\n          <dd>\n            {online && onlinePlayers !== undefined\n              ? `${formatNumber(onlinePlayers)}${maxPlayers !== undefined ? ` / ${formatNumber(maxPlayers)}` : \"\"}`\n              : \"—\"}\n          </dd>\n        </div>\n        {version ? (\n          <div className={styles.statRow}>\n            <dt>Version</dt>\n            <dd>{version}</dd>\n          </div>\n        ) : null}\n        <div className={styles.statRow}>\n          <dt>Ping</dt>\n          <dd>{pingText}</dd>\n        </div>\n      </dl>\n    </BlockCard>\n  );\n});\n"],"mappings":";;;;;;;;;;;AAWA,IAAM,OAAoC;CAAE,MAAM;CAAG,MAAM;CAAG,MAAM;CAAG,SAAS;AAAE;;AAGlF,IAAa,aAAa,WAAyC,SAAS,WAC1E,EACE,MACA,eACA,YACA,SACA,MACA,SAAS,MACT,MACA,MACA,QACA,WAAW,SACX,QAAQ,UACR,WACA,GAAG,QAEL,KACA;CACA,MAAM,UAAU,YAAY,MAAM,MAAM;CACxC,MAAM,WAAW,UAAU,SAAS,KAAA,IAAY,GAAG,KAAK,OAAO;CAE/D,OACE,qBAAC,WAAD;EACO;EACK;EACH;EACP,eAAa,UAAU,KAAA;EACvB,WAAW,GAAGA,qBAAO,MAAM,SAAS;EACpC,QACE,SACE,oBAAC,aAAD;GACE,MAAK;GACL,SAAS,SAAS,UAAU;GAC5B,UAAU,CAAC;GACX,SAAS;GACV,UAAA;EAEY,CAAA,IACX,KAAA;EAEN,GAAI;EAlBN,UAAA,CAoBE,qBAAC,OAAD;GAAK,WAAWA,qBAAO;GAAvB,UAAA;IACE,oBAAC,QAAD;KAAM,WAAWA,qBAAO;KAAS,eAAY;KAC1C,UAAA,QAAQ,oBAAC,gBAAD,EAAgB,MAAM,GAAK,CAAA;IAChC,CAAA;IACN,qBAAC,OAAD;KAAK,WAAWA,qBAAO;KAAvB,UAAA,CACE,oBAAC,KAAD;MAAG,WAAWA,qBAAO;MAAQ,UAAA;KAAQ,CAAA,GACpC,OAAO,oBAAC,KAAD;MAAG,WAAWA,qBAAO;MAAc,UAAA;KAAQ,CAAA,IAAI,IACpD;;IACL,oBAAC,QAAD;KACE,MAAK;KACL,cAAY,SAAS;KACrB,WAAWC,0BAAa;KACxB,gBAAc;KAEb,UAAA;MAAC;MAAG;MAAG;MAAG;KAAC,CAAC,CAAC,KAAK,QACjB,oBAAC,QAAD;MAEE,WAAWA,0BAAa;MACxB,WAAS,OAAO,KAAK,YAAY,KAAA;KAClC,GAHM,GAGN,CACF;IACG,CAAA;GACH;EACL,CAAA,GAAA,qBAAC,MAAD;GAAI,WAAWD,qBAAO;GAAtB,UAAA;IACE,qBAAC,OAAD;KAAK,WAAWA,qBAAO;KAAvB,UAAA,CACE,oBAAC,MAAD,EAAA,UAAI,SAAU,CAAA,GACd,oBAAC,MAAD,EAAA,UACG,UAAU,kBAAkB,KAAA,IACzB,GAAG,aAAa,aAAa,IAAI,eAAe,KAAA,IAAY,MAAM,aAAa,UAAU,MAAM,OAC/F,IACF,CAAA,CACD;;IACJ,UACC,qBAAC,OAAD;KAAK,WAAWA,qBAAO;KAAvB,UAAA,CACE,oBAAC,MAAD,EAAA,UAAI,UAAW,CAAA,GACf,oBAAC,MAAD,EAAA,UAAK,QAAY,CAAA,CACd;IACH,CAAA,IAAA;IACJ,qBAAC,OAAD;KAAK,WAAWA,qBAAO;KAAvB,UAAA,CACE,oBAAC,MAAD,EAAA,UAAI,OAAQ,CAAA,GACZ,oBAAC,MAAD,EAAA,UAAK,SAAa,CAAA,CACf;;GACH;EACK,CAAA,CAAA;;AAEf,CAAC"}
+{"version":3,"file":"ServerCard.js","names":["styles","serverStyles"],"sources":["../../../../src/components/cards/ServerCard/ServerCard.tsx"],"sourcesContent":["import { GrassBlockIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { useBlockUIMessages } from \"../../../provider/context\";\nimport { cx } from \"../../../utils/cx\";\nimport { formatNumber } from \"../../../utils/number\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { BlockCard } from \"../BlockCard/BlockCard\";\nimport styles from \"../cards.module.css\";\nimport serverStyles from \"./ServerCard.module.css\";\nimport type { PingQuality, ServerCardProps } from \"./ServerCard.types\";\nimport { pingQuality } from \"./ServerCard.utils\";\n\nconst BARS: Record<PingQuality, number> = { good: 4, fair: 3, poor: 1, offline: 0 };\n\n/** Server entry with player count, version, ping bars and a Join action. */\nexport const ServerCard = forwardRef<HTMLElement, ServerCardProps>(function ServerCard(\n  {\n    name,\n    onlinePlayers,\n    maxPlayers,\n    version,\n    ping,\n    online = true,\n    motd,\n    icon,\n    onJoin,\n    material = \"stone\",\n    label,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const m = useBlockUIMessages();\n  const quality = pingQuality(ping, online);\n  const pingText =\n    online && ping !== undefined ? m.serverCard.pingValue(String(ping)) : m.serverCard.offline;\n\n  return (\n    <BlockCard\n      ref={ref}\n      material={material}\n      label={label === undefined ? m.serverCard.label : label}\n      data-online={online || undefined}\n      className={cx(styles.card, className)}\n      footer={\n        onJoin ? (\n          <BlockButton\n            size=\"sm\"\n            variant={online ? \"grass\" : \"stone\"}\n            disabled={!online}\n            onClick={onJoin}\n          >\n            {m.serverCard.join}\n          </BlockButton>\n        ) : undefined\n      }\n      {...rest}\n    >\n      <div className={styles.headline}>\n        <span className={styles.iconBox} aria-hidden=\"true\">\n          {icon ?? <GrassBlockIcon size={32} />}\n        </span>\n        <div className={styles.titleBlock}>\n          <p className={styles.title}>{name}</p>\n          {motd ? <p className={styles.description}>{motd}</p> : null}\n        </div>\n        <span\n          role=\"img\"\n          aria-label={`${m.serverCard.ping}: ${pingText}`}\n          className={serverStyles.signal}\n          data-quality={quality}\n        >\n          {[1, 2, 3, 4].map((bar) => (\n            <span\n              key={bar}\n              className={serverStyles.bar}\n              data-on={bar <= BARS[quality] || undefined}\n            />\n          ))}\n        </span>\n      </div>\n      <dl className={styles.stats}>\n        <div className={styles.statRow}>\n          <dt>{m.serverCard.online}</dt>\n          <dd>\n            {online && onlinePlayers !== undefined\n              ? `${formatNumber(onlinePlayers)}${maxPlayers !== undefined ? ` / ${formatNumber(maxPlayers)}` : \"\"}`\n              : \"—\"}\n          </dd>\n        </div>\n        {version ? (\n          <div className={styles.statRow}>\n            <dt>{m.serverCard.version}</dt>\n            <dd>{version}</dd>\n          </div>\n        ) : null}\n        <div className={styles.statRow}>\n          <dt>{m.serverCard.ping}</dt>\n          <dd>{pingText}</dd>\n        </div>\n      </dl>\n    </BlockCard>\n  );\n});\n"],"mappings":";;;;;;;;;;;;AAYA,IAAM,OAAoC;CAAE,MAAM;CAAG,MAAM;CAAG,MAAM;CAAG,SAAS;AAAE;;AAGlF,IAAa,aAAa,WAAyC,SAAS,WAC1E,EACE,MACA,eACA,YACA,SACA,MACA,SAAS,MACT,MACA,MACA,QACA,WAAW,SACX,OACA,WACA,GAAG,QAEL,KACA;CACA,MAAM,IAAI,mBAAmB;CAC7B,MAAM,UAAU,YAAY,MAAM,MAAM;CACxC,MAAM,WACJ,UAAU,SAAS,KAAA,IAAY,EAAE,WAAW,UAAU,OAAO,IAAI,CAAC,IAAI,EAAE,WAAW;CAErF,OACE,qBAAC,WAAD;EACO;EACK;EACV,OAAO,UAAU,KAAA,IAAY,EAAE,WAAW,QAAQ;EAClD,eAAa,UAAU,KAAA;EACvB,WAAW,GAAGA,qBAAO,MAAM,SAAS;EACpC,QACE,SACE,oBAAC,aAAD;GACE,MAAK;GACL,SAAS,SAAS,UAAU;GAC5B,UAAU,CAAC;GACX,SAAS;GAER,UAAA,EAAE,WAAW;EACH,CAAA,IACX,KAAA;EAEN,GAAI;EAlBN,UAAA,CAoBE,qBAAC,OAAD;GAAK,WAAWA,qBAAO;GAAvB,UAAA;IACE,oBAAC,QAAD;KAAM,WAAWA,qBAAO;KAAS,eAAY;KAC1C,UAAA,QAAQ,oBAAC,gBAAD,EAAgB,MAAM,GAAK,CAAA;IAChC,CAAA;IACN,qBAAC,OAAD;KAAK,WAAWA,qBAAO;KAAvB,UAAA,CACE,oBAAC,KAAD;MAAG,WAAWA,qBAAO;MAAQ,UAAA;KAAQ,CAAA,GACpC,OAAO,oBAAC,KAAD;MAAG,WAAWA,qBAAO;MAAc,UAAA;KAAQ,CAAA,IAAI,IACpD;;IACL,oBAAC,QAAD;KACE,MAAK;KACL,cAAY,GAAG,EAAE,WAAW,KAAK,IAAI;KACrC,WAAWC,0BAAa;KACxB,gBAAc;KAEb,UAAA;MAAC;MAAG;MAAG;MAAG;KAAC,CAAC,CAAC,KAAK,QACjB,oBAAC,QAAD;MAEE,WAAWA,0BAAa;MACxB,WAAS,OAAO,KAAK,YAAY,KAAA;KAClC,GAHM,GAGN,CACF;IACG,CAAA;GACH;EACL,CAAA,GAAA,qBAAC,MAAD;GAAI,WAAWD,qBAAO;GAAtB,UAAA;IACE,qBAAC,OAAD;KAAK,WAAWA,qBAAO;KAAvB,UAAA,CACE,oBAAC,MAAD,EAAA,UAAK,EAAE,WAAW,OAAW,CAAA,GAC7B,oBAAC,MAAD,EAAA,UACG,UAAU,kBAAkB,KAAA,IACzB,GAAG,aAAa,aAAa,IAAI,eAAe,KAAA,IAAY,MAAM,aAAa,UAAU,MAAM,OAC/F,IACF,CAAA,CACD;;IACJ,UACC,qBAAC,OAAD;KAAK,WAAWA,qBAAO;KAAvB,UAAA,CACE,oBAAC,MAAD,EAAA,UAAK,EAAE,WAAW,QAAY,CAAA,GAC9B,oBAAC,MAAD,EAAA,UAAK,QAAY,CAAA,CACd;IACH,CAAA,IAAA;IACJ,qBAAC,OAAD;KAAK,WAAWA,qBAAO;KAAvB,UAAA,CACE,oBAAC,MAAD,EAAA,UAAK,EAAE,WAAW,KAAS,CAAA,GAC3B,oBAAC,MAAD,EAAA,UAAK,SAAa,CAAA,CACf;;GACH;EACK,CAAA,CAAA;;AAEf,CAAC"}

package/dist/components/cards/WorldBrowser/WorldBrowser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorldBrowser.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/WorldBrowser/WorldBrowser.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAa,MAAM,sBAAsB,CAAC;AAQzE,oFAAoF;AACpF,eAAO,MAAM,YAAY,8GA+EvB,CAAC"}
+{"version":3,"file":"WorldBrowser.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/WorldBrowser/WorldBrowser.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAa,MAAM,sBAAsB,CAAC;AAGzE,oFAAoF;AACpF,eAAO,MAAM,YAAY,8GA2EvB,CAAC"}