@malilion/block-ui-react 0.3.0 → 0.5.0

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

@@ -1,4 +1,5 @@
 export * from "./BlockButton";
 export * from "./IconButton";
 export * from "./BlockMenu";
+export * from "./ContextMenu";
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/crafting/RecipeBook/RecipeBook.js

@@ -8,7 +8,7 @@ import RecipeBook_module_default from "./RecipeBook.module.js";
 import { deriveCategories, filterRecipes } from "./RecipeBook.utils.js";
 import { forwardRef, useId, useState } from "react";
 import { ArrowIcon, SearchIcon } from "@malilion/block-ui-icons";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/crafting/RecipeBook/RecipeBook.tsx
 /**
 * Recipe book: search, category filters and a "craftable only" switch over a
@@ -104,7 +104,7 @@ var RecipeBook = forwardRef(function RecipeBook({ recipes, categories, value, de
 				id: titleId,
 				className: RecipeBook_module_default.title,
 				children: selected ? selected.name : "Select a recipe"
-			}), selected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			}), selected ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: RecipeBook_module_default.preview,
 					children: [

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

@@ -1 +1 @@
-{"version":3,"file":"RecipeBook.js","names":["styles","_Fragment"],"sources":["../../../../src/components/crafting/RecipeBook/RecipeBook.tsx"],"sourcesContent":["import { ArrowIcon, SearchIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef, useId, useState } from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { cx } from \"../../../utils/cx\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { BlockInput } from \"../../forms/BlockInput/BlockInput\";\nimport { BlockToggle } from \"../../forms/BlockToggle/BlockToggle\";\nimport { InventorySlot } from \"../../inventory/InventorySlot/InventorySlot\";\nimport styles from \"./RecipeBook.module.css\";\nimport type { RecipeBookProps } from \"./RecipeBook.types\";\nimport { ALL, deriveCategories, filterRecipes } from \"./RecipeBook.utils\";\n\n/**\n * Recipe book: search, category filters and a \"craftable only\" switch over a\n * grid of recipes, with the selected recipe's 3 × 3 pattern and result.\n */\nexport const RecipeBook = forwardRef<HTMLDivElement, RecipeBookProps>(function RecipeBook(\n  {\n    recipes,\n    categories,\n    value,\n    defaultValue,\n    onValueChange,\n    onCraft,\n    defaultCraftableOnly = false,\n    label = \"Recipe book\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const titleId = useId();\n  const [query, setQuery] = useState(\"\");\n  const [category, setCategory] = useState(ALL);\n  const [craftableOnly, setCraftableOnly] = useState(defaultCraftableOnly);\n  const [selectedId, setSelectedId] = useControllableState({\n    value,\n    defaultValue: defaultValue ?? \"\",\n    onChange: onValueChange,\n  });\n\n  const filters = [{ id: ALL, label: \"All\" }, ...(categories ?? deriveCategories(recipes))];\n  const visible = filterRecipes(recipes, { query, category, craftableOnly });\n  const selected = recipes.find((recipe) => recipe.id === selectedId);\n  const pattern = Array.from({ length: 9 }, (_, i) => selected?.ingredients?.[i] ?? null);\n\n  return (\n    <div ref={ref} role=\"group\" aria-label={label} className={cx(styles.book, className)} {...rest}>\n      <div className={styles.browser}>\n        <BlockInput\n          type=\"search\"\n          label=\"Search recipes\"\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n          startIcon={<SearchIcon size={16} />}\n        />\n        <div className={styles.filters}>\n          <div role=\"group\" aria-label=\"Categories\" className={styles.categories}>\n            {filters.map((filter) => (\n              <button\n                key={filter.id}\n                type=\"button\"\n                aria-pressed={category === filter.id}\n                className={styles.category}\n                onClick={() => setCategory(filter.id)}\n              >\n                {\"icon\" in filter && filter.icon ? (\n                  <span className={styles.categoryIcon} aria-hidden=\"true\">\n                    {filter.icon}\n                  </span>\n                ) : null}\n                {filter.label}\n              </button>\n            ))}\n          </div>\n          <BlockToggle\n            size=\"sm\"\n            label=\"Craftable only\"\n            checked={craftableOnly}\n            onCheckedChange={setCraftableOnly}\n          />\n        </div>\n        <p className={styles.count} role=\"status\">\n          {visible.length === 1 ? \"1 recipe\" : `${visible.length} recipes`}\n        </p>\n        {visible.length > 0 ? (\n          <ul className={styles.grid} aria-label=\"Recipes\">\n            {visible.map((recipe) => (\n              <li key={recipe.id}>\n                <InventorySlot\n                  size=\"md\"\n                  selected={recipe.id === selectedId}\n                  label={\n                    recipe.craftable === false\n                      ? `${recipe.name} (missing ingredients)`\n                      : recipe.name\n                  }\n                  data-craftable={recipe.craftable === false ? \"false\" : undefined}\n                  className={styles.recipe}\n                  onClick={() => setSelectedId(recipe.id)}\n                >\n                  {recipe.result}\n                </InventorySlot>\n              </li>\n            ))}\n          </ul>\n        ) : (\n          <p className={styles.empty}>No recipes match.</p>\n        )}\n      </div>\n      <section className={styles.detail} aria-labelledby={titleId}>\n        <h3 id={titleId} className={styles.title}>\n          {selected ? selected.name : \"Select a recipe\"}\n        </h3>\n        {selected ? (\n          <>\n            <div className={styles.preview}>\n              <div role=\"group\" aria-label=\"Pattern\" className={styles.pattern}>\n                {pattern.map((cell, index) => (\n                  <InventorySlot key={index} size=\"sm\">\n                    {cell}\n                  </InventorySlot>\n                ))}\n              </div>\n              <span className={styles.arrow} aria-hidden=\"true\">\n                <ArrowIcon size={24} />\n              </span>\n              <InventorySlot size=\"lg\" label={`Makes ${selected.name}`}>\n                {selected.result}\n              </InventorySlot>\n            </div>\n            {selected.craftable === false ? (\n              <p className={styles.missing}>Missing ingredients</p>\n            ) : null}\n            {onCraft ? (\n              <BlockButton\n                variant=\"grass\"\n                disabled={selected.craftable === false}\n                onClick={() => onCraft(selected.id)}\n              >\n                Craft\n              </BlockButton>\n            ) : null}\n          </>\n        ) : null}\n      </section>\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"RecipeBook.js","names":["styles","_Fragment"],"sources":["../../../../src/components/crafting/RecipeBook/RecipeBook.tsx"],"sourcesContent":["import { ArrowIcon, SearchIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef, useId, useState } from \"react\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { cx } from \"../../../utils/cx\";\nimport { BlockButton } from \"../../actions/BlockButton/BlockButton\";\nimport { BlockInput } from \"../../forms/BlockInput/BlockInput\";\nimport { BlockToggle } from \"../../forms/BlockToggle/BlockToggle\";\nimport { InventorySlot } from \"../../inventory/InventorySlot/InventorySlot\";\nimport styles from \"./RecipeBook.module.css\";\nimport type { RecipeBookProps } from \"./RecipeBook.types\";\nimport { ALL, deriveCategories, filterRecipes } from \"./RecipeBook.utils\";\n\n/**\n * Recipe book: search, category filters and a \"craftable only\" switch over a\n * grid of recipes, with the selected recipe's 3 × 3 pattern and result.\n */\nexport const RecipeBook = forwardRef<HTMLDivElement, RecipeBookProps>(function RecipeBook(\n  {\n    recipes,\n    categories,\n    value,\n    defaultValue,\n    onValueChange,\n    onCraft,\n    defaultCraftableOnly = false,\n    label = \"Recipe book\",\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const titleId = useId();\n  const [query, setQuery] = useState(\"\");\n  const [category, setCategory] = useState(ALL);\n  const [craftableOnly, setCraftableOnly] = useState(defaultCraftableOnly);\n  const [selectedId, setSelectedId] = useControllableState({\n    value,\n    defaultValue: defaultValue ?? \"\",\n    onChange: onValueChange,\n  });\n\n  const filters = [{ id: ALL, label: \"All\" }, ...(categories ?? deriveCategories(recipes))];\n  const visible = filterRecipes(recipes, { query, category, craftableOnly });\n  const selected = recipes.find((recipe) => recipe.id === selectedId);\n  const pattern = Array.from({ length: 9 }, (_, i) => selected?.ingredients?.[i] ?? null);\n\n  return (\n    <div ref={ref} role=\"group\" aria-label={label} className={cx(styles.book, className)} {...rest}>\n      <div className={styles.browser}>\n        <BlockInput\n          type=\"search\"\n          label=\"Search recipes\"\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n          startIcon={<SearchIcon size={16} />}\n        />\n        <div className={styles.filters}>\n          <div role=\"group\" aria-label=\"Categories\" className={styles.categories}>\n            {filters.map((filter) => (\n              <button\n                key={filter.id}\n                type=\"button\"\n                aria-pressed={category === filter.id}\n                className={styles.category}\n                onClick={() => setCategory(filter.id)}\n              >\n                {\"icon\" in filter && filter.icon ? (\n                  <span className={styles.categoryIcon} aria-hidden=\"true\">\n                    {filter.icon}\n                  </span>\n                ) : null}\n                {filter.label}\n              </button>\n            ))}\n          </div>\n          <BlockToggle\n            size=\"sm\"\n            label=\"Craftable only\"\n            checked={craftableOnly}\n            onCheckedChange={setCraftableOnly}\n          />\n        </div>\n        <p className={styles.count} role=\"status\">\n          {visible.length === 1 ? \"1 recipe\" : `${visible.length} recipes`}\n        </p>\n        {visible.length > 0 ? (\n          <ul className={styles.grid} aria-label=\"Recipes\">\n            {visible.map((recipe) => (\n              <li key={recipe.id}>\n                <InventorySlot\n                  size=\"md\"\n                  selected={recipe.id === selectedId}\n                  label={\n                    recipe.craftable === false\n                      ? `${recipe.name} (missing ingredients)`\n                      : recipe.name\n                  }\n                  data-craftable={recipe.craftable === false ? \"false\" : undefined}\n                  className={styles.recipe}\n                  onClick={() => setSelectedId(recipe.id)}\n                >\n                  {recipe.result}\n                </InventorySlot>\n              </li>\n            ))}\n          </ul>\n        ) : (\n          <p className={styles.empty}>No recipes match.</p>\n        )}\n      </div>\n      <section className={styles.detail} aria-labelledby={titleId}>\n        <h3 id={titleId} className={styles.title}>\n          {selected ? selected.name : \"Select a recipe\"}\n        </h3>\n        {selected ? (\n          <>\n            <div className={styles.preview}>\n              <div role=\"group\" aria-label=\"Pattern\" className={styles.pattern}>\n                {pattern.map((cell, index) => (\n                  <InventorySlot key={index} size=\"sm\">\n                    {cell}\n                  </InventorySlot>\n                ))}\n              </div>\n              <span className={styles.arrow} aria-hidden=\"true\">\n                <ArrowIcon size={24} />\n              </span>\n              <InventorySlot size=\"lg\" label={`Makes ${selected.name}`}>\n                {selected.result}\n              </InventorySlot>\n            </div>\n            {selected.craftable === false ? (\n              <p className={styles.missing}>Missing ingredients</p>\n            ) : null}\n            {onCraft ? (\n              <BlockButton\n                variant=\"grass\"\n                disabled={selected.craftable === false}\n                onClick={() => onCraft(selected.id)}\n              >\n                Craft\n              </BlockButton>\n            ) : null}\n          </>\n        ) : null}\n      </section>\n    </div>\n  );\n});\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import type { AvatarProps } from "./Avatar.types";
+/**
+ * Square block avatar: a pixelated face image, or initials on a material
+ * colour picked from the name, with an optional presence dot.
+ */
+export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,53 @@
+import { cx } from "../../../utils/cx.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 [failedSrc, setFailedSrc] = useState(void 0);
+	const showImage = src !== void 0 && src !== failedSrc;
+	const accessibleName = status ? `${name} (${STATUS_TEXT[status]})` : name;
+	return /* @__PURE__ */ jsxs("span", {
+		ref,
+		role: decorative ? void 0 : "img",
+		"aria-label": decorative ? void 0 : accessibleName,
+		"aria-hidden": decorative || void 0,
+		"data-size": size,
+		"data-material": avatarMaterial(name),
+		className: cx(Avatar_module_default.avatar, className),
+		...rest,
+		children: [showImage ? /* @__PURE__ */ jsx("img", {
+			src,
+			alt: "",
+			className: Avatar_module_default.image,
+			onError: () => setFailedSrc(src)
+		}) : icon ? /* @__PURE__ */ jsx("span", {
+			className: Avatar_module_default.icon,
+			"aria-hidden": "true",
+			children: icon
+		}) : /* @__PURE__ */ jsx("span", {
+			className: Avatar_module_default.initials,
+			"aria-hidden": "true",
+			children: initials(name)
+		}), status ? /* @__PURE__ */ jsx("span", {
+			className: Avatar_module_default.status,
+			"data-status": status,
+			"aria-hidden": "true"
+		}) : null]
+	});
+});
+//#endregion
+export { Avatar };
+
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,17 @@
+//#region src/components/display/Avatar/Avatar.module.css
+var avatar = "block-avatar-9s1vM";
+var image = "block-image-RZELF";
+var icon = "block-icon-mq-FE";
+var initials = "block-initials-siD-X";
+var status = "block-status-CalIQ";
+var Avatar_module_default = {
+	avatar,
+	image,
+	icon,
+	initials,
+	status
+};
+//#endregion
+export { avatar, Avatar_module_default as default, icon, image, initials, status };
+
+//# sourceMappingURL=Avatar.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.module.js","names":[],"sources":["../../../../src/components/display/Avatar/Avatar.module.css"],"sourcesContent":[".avatar {\n  --avatar-size: 32px;\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: var(--avatar-size);\n  height: var(--avatar-size);\n  color: var(--block-mat-on);\n  background-color: var(--block-mat);\n  border: var(--block-border-width-thin) solid var(--block-black);\n  box-shadow:\n    inset 2px 2px 0 var(--block-mat-light),\n    inset -2px -2px 0 var(--block-mat-dark);\n  vertical-align: middle;\n}\n\n.avatar[data-size=\"sm\"] {\n  --avatar-size: 24px;\n}\n\n.avatar[data-size=\"lg\"] {\n  --avatar-size: 48px;\n}\n\n.avatar[data-size=\"xl\"] {\n  --avatar-size: 64px;\n}\n\n.image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  image-rendering: pixelated;\n}\n\n.icon {\n  display: inline-flex;\n  width: 70%;\n  height: 70%;\n}\n\n.icon > * {\n  width: 100%;\n  height: 100%;\n}\n\n.initials {\n  font-family: var(--block-font-display);\n  font-size: calc(var(--avatar-size) * 0.4);\n  font-weight: var(--block-font-weight-bold);\n  line-height: 1;\n  text-shadow: var(--block-mat-text-shadow, none);\n}\n\n/* Presence dot, a quarter of the avatar, in the bottom-right corner. */\n.status {\n  position: absolute;\n  right: -3px;\n  bottom: -3px;\n  width: max(8px, calc(var(--avatar-size) * 0.3));\n  height: max(8px, calc(var(--avatar-size) * 0.3));\n  border: 2px solid var(--block-black);\n}\n\n.status[data-status=\"online\"] {\n  background-color: var(--block-emerald-light);\n}\n\n.status[data-status=\"away\"] {\n  background-color: var(--block-gold-light);\n}\n\n.status[data-status=\"busy\"] {\n  background-color: var(--block-redstone-light);\n}\n\n.status[data-status=\"offline\"] {\n  background-color: var(--block-stone);\n}\n"],"mappings":""}

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

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export declare const avatarStatuses: readonly ["online", "away", "busy", "offline"];
+export type AvatarStatus = (typeof avatarStatuses)[number];
+export interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Player name: the accessible name and the source of the initials. */
+    name: string;
+    /** Skin / face image URL (rendered pixelated). Falls back to initials if it fails. */
+    src?: string;
+    /** Icon instead of initials when there is no image. */
+    icon?: ReactNode;
+    /** 24 / 32 / 48 / 64 px. @default "md" */
+    size?: "sm" | "md" | "lg" | "xl";
+    /** Presence dot in the corner. */
+    status?: AvatarStatus;
+    /** Hide from assistive technology when the name is already shown next to it. */
+    decorative?: boolean;
+}
+//# sourceMappingURL=Avatar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,cAAc,gDAAiD,CAAC;AAE7E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,eAAe,CAAC;IAClE,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAC;IACb,sFAAsF;IACtF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,kCAAkC;IAClC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

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

@@ -0,0 +1,11 @@
+//#region src/components/display/Avatar/Avatar.types.ts
+var avatarStatuses = [
+	"online",
+	"away",
+	"busy",
+	"offline"
+];
+//#endregion
+export { avatarStatuses };
+
+//# sourceMappingURL=Avatar.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.types.js","names":[],"sources":["../../../../src/components/display/Avatar/Avatar.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport const avatarStatuses = [\"online\", \"away\", \"busy\", \"offline\"] as const;\n\nexport type AvatarStatus = (typeof avatarStatuses)[number];\n\nexport interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Player name: the accessible name and the source of the initials. */\n  name: string;\n  /** Skin / face image URL (rendered pixelated). Falls back to initials if it fails. */\n  src?: string;\n  /** Icon instead of initials when there is no image. */\n  icon?: ReactNode;\n  /** 24 / 32 / 48 / 64 px. @default \"md\" */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** Presence dot in the corner. */\n  status?: AvatarStatus;\n  /** Hide from assistive technology when the name is already shown next to it. */\n  decorative?: boolean;\n}\n"],"mappings":";AAEA,IAAa,iBAAiB;CAAC;CAAU;CAAQ;CAAQ;AAAS"}

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

@@ -0,0 +1,7 @@
+/** Up to two letters: first letters of the first two words, or the first two characters. */
+export declare function initials(name: string): string;
+declare const MATERIALS: readonly ["grass", "diamond", "gold", "redstone", "amethyst", "emerald", "wood", "water"];
+/** Stable block material for a name, so a player always gets the same colour. */
+export declare function avatarMaterial(name: string): (typeof MATERIALS)[number];
+export {};
+//# sourceMappingURL=Avatar.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Avatar/Avatar.utils.ts"],"names":[],"mappings":"AAAA,4FAA4F;AAC5F,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAS7C;AAED,QAAA,MAAM,SAAS,2FASL,CAAC;AAEX,iFAAiF;AACjF,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAIvE"}

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

@@ -0,0 +1,28 @@
+//#region src/components/display/Avatar/Avatar.utils.ts
+/** Up to two letters: first letters of the first two words, or the first two characters. */
+function initials(name) {
+	const words = name.replace(/[_\-.]+/g, " ").trim().split(/\s+/).filter(Boolean);
+	if (words.length === 0) return "?";
+	if (words.length === 1) return (words[0] ?? "").slice(0, 2).toUpperCase();
+	return `${words[0]?.[0] ?? ""}${words[1]?.[0] ?? ""}`.toUpperCase();
+}
+var MATERIALS = [
+	"grass",
+	"diamond",
+	"gold",
+	"redstone",
+	"amethyst",
+	"emerald",
+	"wood",
+	"water"
+];
+/** Stable block material for a name, so a player always gets the same colour. */
+function avatarMaterial(name) {
+	let hash = 0;
+	for (const char of name) hash = hash * 31 + char.charCodeAt(0) >>> 0;
+	return MATERIALS[hash % MATERIALS.length] ?? "grass";
+}
+//#endregion
+export { avatarMaterial, initials };
+
+//# sourceMappingURL=Avatar.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.utils.js","names":[],"sources":["../../../../src/components/display/Avatar/Avatar.utils.ts"],"sourcesContent":["/** Up to two letters: first letters of the first two words, or the first two characters. */\nexport function initials(name: string): string {\n  const words = name\n    .replace(/[_\\-.]+/g, \" \")\n    .trim()\n    .split(/\\s+/)\n    .filter(Boolean);\n  if (words.length === 0) return \"?\";\n  if (words.length === 1) return (words[0] ?? \"\").slice(0, 2).toUpperCase();\n  return `${words[0]?.[0] ?? \"\"}${words[1]?.[0] ?? \"\"}`.toUpperCase();\n}\n\nconst MATERIALS = [\n  \"grass\",\n  \"diamond\",\n  \"gold\",\n  \"redstone\",\n  \"amethyst\",\n  \"emerald\",\n  \"wood\",\n  \"water\",\n] as const;\n\n/** Stable block material for a name, so a player always gets the same colour. */\nexport function avatarMaterial(name: string): (typeof MATERIALS)[number] {\n  let hash = 0;\n  for (const char of name) hash = (hash * 31 + char.charCodeAt(0)) >>> 0;\n  return MATERIALS[hash % MATERIALS.length] ?? \"grass\";\n}\n"],"mappings":";;AACA,SAAgB,SAAS,MAAsB;CAC7C,MAAM,QAAQ,KACX,QAAQ,YAAY,GAAG,CAAC,CACxB,KAAK,CAAC,CACN,MAAM,KAAK,CAAC,CACZ,OAAO,OAAO;CACjB,IAAI,MAAM,WAAW,GAAG,OAAO;CAC/B,IAAI,MAAM,WAAW,GAAG,QAAQ,MAAM,MAAM,GAAA,CAAI,MAAM,GAAG,CAAC,CAAC,CAAC,YAAY;CACxE,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,KAAK,MAAM,EAAE,GAAG,MAAM,KAAK,YAAY;AACpE;AAEA,IAAM,YAAY;CAChB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;;AAGA,SAAgB,eAAe,MAA0C;CACvE,IAAI,OAAO;CACX,KAAK,MAAM,QAAQ,MAAM,OAAQ,OAAO,KAAK,KAAK,WAAW,CAAC,MAAO;CACrE,OAAO,UAAU,OAAO,UAAU,WAAW;AAC/C"}

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

@@ -0,0 +1,5 @@
+export { Avatar } from "./Avatar";
+export { avatarStatuses } from "./Avatar.types";
+export { initials } from "./Avatar.utils";
+export type { AvatarProps, AvatarStatus } from "./Avatar.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/display/Kbd/Kbd.d.ts

@@ -0,0 +1,4 @@
+import type { KbdProps } from "./Kbd.types";
+/** Pixel keycap for keyboard hints ("Press E to open your inventory"). Combinations use nested `<kbd>`s. */
+export declare const Kbd: import("react").ForwardRefExoticComponent<KbdProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Kbd.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Kbd/Kbd.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,4GAA4G;AAC5G,eAAO,MAAM,GAAG,kGAyBd,CAAC"}

package/dist/components/display/Kbd/Kbd.js

@@ -0,0 +1,33 @@
+import { cx } from "../../../utils/cx.js";
+import Kbd_module_default from "./Kbd.module.js";
+import { Fragment, forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/display/Kbd/Kbd.tsx
+/** Pixel keycap for keyboard hints ("Press E to open your inventory"). Combinations use nested `<kbd>`s. */
+var Kbd = forwardRef(function Kbd({ keys, children, size = "md", className, ...rest }, ref) {
+	if (keys && keys.length > 1) return /* @__PURE__ */ jsx("kbd", {
+		ref,
+		"data-size": size,
+		className: cx(Kbd_module_default.combo, className),
+		...rest,
+		children: keys.map((key, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 ? /* @__PURE__ */ jsx("span", {
+			className: Kbd_module_default.plus,
+			"aria-hidden": "true",
+			children: "+"
+		}) : null, /* @__PURE__ */ jsx("kbd", {
+			className: Kbd_module_default.key,
+			children: key
+		})] }, `${key}-${index}`))
+	});
+	return /* @__PURE__ */ jsx("kbd", {
+		ref,
+		"data-size": size,
+		className: cx(Kbd_module_default.key, className),
+		...rest,
+		children: keys?.[0] ?? children
+	});
+});
+//#endregion
+export { Kbd };
+
+//# sourceMappingURL=Kbd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","names":["styles"],"sources":["../../../../src/components/display/Kbd/Kbd.tsx"],"sourcesContent":["import { Fragment, forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./Kbd.module.css\";\nimport type { KbdProps } from \"./Kbd.types\";\n\n/** Pixel keycap for keyboard hints (\"Press E to open your inventory\"). Combinations use nested `<kbd>`s. */\nexport const Kbd = forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { keys, children, size = \"md\", className, ...rest },\n  ref,\n) {\n  if (keys && keys.length > 1) {\n    return (\n      <kbd ref={ref} data-size={size} className={cx(styles.combo, className)} {...rest}>\n        {keys.map((key, index) => (\n          <Fragment key={`${key}-${index}`}>\n            {index > 0 ? (\n              <span className={styles.plus} aria-hidden=\"true\">\n                +\n              </span>\n            ) : null}\n            <kbd className={styles.key}>{key}</kbd>\n          </Fragment>\n        ))}\n      </kbd>\n    );\n  }\n  return (\n    <kbd ref={ref} data-size={size} className={cx(styles.key, className)} {...rest}>\n      {keys?.[0] ?? children}\n    </kbd>\n  );\n});\n"],"mappings":";;;;;;AAMA,IAAa,MAAM,WAAkC,SAAS,IAC5D,EAAE,MAAM,UAAU,OAAO,MAAM,WAAW,GAAG,QAC7C,KACA;CACA,IAAI,QAAQ,KAAK,SAAS,GACxB,OACE,oBAAC,OAAD;EAAU;EAAK,aAAW;EAAM,WAAW,GAAGA,mBAAO,OAAO,SAAS;EAAG,GAAI;EACzE,UAAA,KAAK,KAAK,KAAK,UACd,qBAAC,UAAD,EAAA,UAAA,CACG,QAAQ,IACP,oBAAC,QAAD;GAAM,WAAWA,mBAAO;GAAM,eAAY;GAAO,UAAA;EAE3C,CAAA,IACJ,MACJ,oBAAC,OAAD;GAAK,WAAWA,mBAAO;GAAM,UAAA;EAAS,CAAA,CAC9B,EAAA,GAPK,GAAG,IAAI,GAAG,OAOf,CACX;CACE,CAAA;CAGT,OACE,oBAAC,OAAD;EAAU;EAAK,aAAW;EAAM,WAAW,GAAGA,mBAAO,KAAK,SAAS;EAAG,GAAI;EACvE,UAAA,OAAO,MAAM;CACX,CAAA;AAET,CAAC"}

package/dist/components/display/Kbd/Kbd.module.js

@@ -0,0 +1,13 @@
+//#region src/components/display/Kbd/Kbd.module.css
+var key = "block-key-FLsly";
+var combo = "block-combo-xCqO-";
+var plus = "block-plus-OaCLf";
+var Kbd_module_default = {
+	key,
+	combo,
+	plus
+};
+//#endregion
+export { combo, Kbd_module_default as default, key, plus };
+
+//# sourceMappingURL=Kbd.module.js.map

package/dist/components/display/Kbd/Kbd.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.module.js","names":[],"sources":["../../../../src/components/display/Kbd/Kbd.module.css"],"sourcesContent":[".key {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  min-height: 28px;\n  padding: 0 var(--block-space-1);\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-xs);\n  font-weight: var(--block-font-weight-bold);\n  line-height: 1;\n  text-transform: uppercase;\n  white-space: nowrap;\n  color: var(--block-text);\n  background-color: var(--block-surface-alt);\n  border: var(--block-border-width-thin) solid var(--block-border);\n  box-shadow:\n    inset 2px 2px 0 var(--block-shadow-bevel-light),\n    inset -2px -4px 0 var(--block-shadow-bevel-dark);\n  padding-bottom: 2px;\n  vertical-align: middle;\n}\n\n.key[data-size=\"sm\"],\n[data-size=\"sm\"] > .key {\n  min-width: 22px;\n  min-height: 22px;\n  font-size: 0.625rem;\n}\n\n.combo {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--block-space-1);\n  font: inherit;\n  vertical-align: middle;\n}\n\n.plus {\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-xs);\n  color: var(--block-text-muted);\n}\n"],"mappings":""}

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

@@ -0,0 +1,9 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface KbdProps extends HTMLAttributes<HTMLElement> {
+    /** A single key (`children`) or a combination, e.g. `["Ctrl", "Shift", "C"]`. */
+    keys?: string[];
+    children?: ReactNode;
+    /** @default "md" */
+    size?: "sm" | "md";
+}
+//# sourceMappingURL=Kbd.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.types.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Kbd/Kbd.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC3D,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB"}

package/dist/components/display/Kbd/index.d.ts

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

package/dist/components/display/Kbd/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Kbd/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/display/Popover/Popover.d.ts

@@ -0,0 +1,8 @@
+import type { PopoverProps } from "./Popover.types";
+/**
+ * Click-to-open floating panel for interactive content (a non-modal dialog).
+ * Focus moves into it when it opens; Escape, an outside click or tabbing out
+ * closes it, and Escape returns focus to the trigger.
+ */
+export declare const Popover: import("react").ForwardRefExoticComponent<PopoverProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Popover/Popover.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD;;;;GAIG;AACH,eAAO,MAAM,OAAO,0GAgHlB,CAAC"}

package/dist/components/display/Popover/Popover.js

@@ -0,0 +1,101 @@
+import { cx } from "../../../utils/cx.js";
+import { usePortalContainer } from "../../../provider/context.js";
+import { useAnchoredPosition } from "../../../hooks/useAnchoredPosition.js";
+import { mergeRefs } from "../../../utils/refs.js";
+import { useControllableState } from "../../../hooks/useControllableState.js";
+import { getFocusable } from "../../../utils/dom.js";
+import Popover_module_default from "./Popover.module.js";
+import { cloneElement, forwardRef, useEffect, useId, useRef } from "react";
+import { createPortal } from "react-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/display/Popover/Popover.tsx
+/**
+* Click-to-open floating panel for interactive content (a non-modal dialog).
+* Focus moves into it when it opens; Escape, an outside click or tabbing out
+* closes it, and Escape returns focus to the trigger.
+*/
+var Popover = forwardRef(function Popover({ content, children, title, label, placement = "bottom", align = "center", open, defaultOpen = false, onOpenChange, className, ...rest }, ref) {
+	const baseId = useId();
+	const panelId = `${baseId}-panel`;
+	const titleId = `${baseId}-title`;
+	const container = usePortalContainer();
+	const anchorRef = useRef(null);
+	const panelRef = useRef(null);
+	const [isOpen, setOpen] = useControllableState({
+		value: open,
+		defaultValue: defaultOpen,
+		onChange: onOpenChange
+	});
+	const position = useAnchoredPosition(anchorRef, panelRef, isOpen, {
+		side: placement,
+		align
+	});
+	const isInside = (node) => Boolean(node && (anchorRef.current?.contains(node) || panelRef.current?.contains(node)));
+	const triggerElement = () => anchorRef.current?.querySelector("button, [role='button'], a[href]");
+	const close = (returnFocus) => {
+		setOpen(false);
+		if (returnFocus) triggerElement()?.focus();
+	};
+	useEffect(() => {
+		if (!isOpen || !position) return;
+		const panel = panelRef.current;
+		if (panel && !panel.contains(document.activeElement)) (getFocusable(panel)[0] ?? panel).focus();
+	}, [isOpen, position !== null]);
+	useEffect(() => {
+		if (!isOpen) return;
+		const onPointerDown = (event) => {
+			if (!isInside(event.target)) close(false);
+		};
+		document.addEventListener("pointerdown", onPointerDown);
+		return () => document.removeEventListener("pointerdown", onPointerDown);
+	}, [isOpen]);
+	const onPanelKeyDown = (event) => {
+		if (event.key === "Escape") {
+			event.stopPropagation();
+			close(true);
+		}
+	};
+	const onPanelBlur = (event) => {
+		const next = event.relatedTarget;
+		if (next && !isInside(next)) close(false);
+	};
+	const trigger = cloneElement(children, {
+		"aria-haspopup": "dialog",
+		"aria-expanded": isOpen,
+		"aria-controls": isOpen ? panelId : void 0,
+		onClick: (event) => {
+			children.props.onClick?.(event);
+			setOpen(!isOpen);
+		}
+	});
+	return /* @__PURE__ */ jsxs("span", {
+		ref: mergeRefs(ref, anchorRef),
+		className: cx(Popover_module_default.anchor, className),
+		...rest,
+		children: [trigger, container && isOpen ? createPortal(/* @__PURE__ */ jsxs("div", {
+			ref: panelRef,
+			id: panelId,
+			role: "dialog",
+			"aria-labelledby": title ? titleId : void 0,
+			"aria-label": title ? void 0 : label,
+			tabIndex: -1,
+			"data-placement": position?.side ?? placement,
+			className: Popover_module_default.panel,
+			style: position?.style,
+			onKeyDown: onPanelKeyDown,
+			onBlur: onPanelBlur,
+			children: [title ? /* @__PURE__ */ jsx("p", {
+				id: titleId,
+				className: Popover_module_default.title,
+				children: title
+			}) : null, /* @__PURE__ */ jsx("div", {
+				className: Popover_module_default.body,
+				children: content
+			})]
+		}), container) : null]
+	});
+});
+//#endregion
+export { Popover };
+
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","names":["styles"],"sources":["../../../../src/components/display/Popover/Popover.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  type FocusEvent,\n  type KeyboardEvent,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useAnchoredPosition } from \"../../../hooks/useAnchoredPosition\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { usePortalContainer } from \"../../../provider/context\";\nimport { cx } from \"../../../utils/cx\";\nimport { getFocusable } from \"../../../utils/dom\";\nimport { mergeRefs } from \"../../../utils/refs\";\nimport styles from \"./Popover.module.css\";\nimport type { PopoverProps } from \"./Popover.types\";\n\n/**\n * Click-to-open floating panel for interactive content (a non-modal dialog).\n * Focus moves into it when it opens; Escape, an outside click or tabbing out\n * closes it, and Escape returns focus to the trigger.\n */\nexport const Popover = forwardRef<HTMLSpanElement, PopoverProps>(function Popover(\n  {\n    content,\n    children,\n    title,\n    label,\n    placement = \"bottom\",\n    align = \"center\",\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const baseId = useId();\n  const panelId = `${baseId}-panel`;\n  const titleId = `${baseId}-title`;\n  const container = usePortalContainer();\n  const anchorRef = useRef<HTMLSpanElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const [isOpen, setOpen] = useControllableState({\n    value: open,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n  const position = useAnchoredPosition(anchorRef, panelRef, isOpen, { side: placement, align });\n\n  const isInside = (node: Node | null) =>\n    Boolean(node && (anchorRef.current?.contains(node) || panelRef.current?.contains(node)));\n\n  const triggerElement = () =>\n    anchorRef.current?.querySelector<HTMLElement>(\"button, [role='button'], a[href]\");\n\n  const close = (returnFocus: boolean) => {\n    setOpen(false);\n    if (returnFocus) triggerElement()?.focus();\n  };\n\n  // Move focus into the panel once it is open and positioned.\n  useEffect(() => {\n    if (!isOpen || !position) return;\n    const panel = panelRef.current;\n    if (panel && !panel.contains(document.activeElement)) (getFocusable(panel)[0] ?? panel).focus();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, position !== null]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    const onPointerDown = (event: PointerEvent) => {\n      if (!isInside(event.target as Node)) close(false);\n    };\n    document.addEventListener(\"pointerdown\", onPointerDown);\n    return () => document.removeEventListener(\"pointerdown\", onPointerDown);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  const onPanelKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \"Escape\") {\n      event.stopPropagation();\n      close(true);\n    }\n  };\n\n  const onPanelBlur = (event: FocusEvent<HTMLDivElement>) => {\n    const next = event.relatedTarget as Node | null;\n    if (next && !isInside(next)) close(false);\n  };\n\n  const trigger = cloneElement(children, {\n    \"aria-haspopup\": \"dialog\",\n    \"aria-expanded\": isOpen,\n    \"aria-controls\": isOpen ? panelId : undefined,\n    onClick: (event: never) => {\n      children.props.onClick?.(event);\n      setOpen(!isOpen);\n    },\n  });\n\n  return (\n    <span ref={mergeRefs(ref, anchorRef)} className={cx(styles.anchor, className)} {...rest}>\n      {trigger}\n      {container && isOpen\n        ? createPortal(\n            // A dialog closes on Escape and when focus leaves it (WAI-ARIA dialog pattern).\n            // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n            <div\n              ref={panelRef}\n              id={panelId}\n              role=\"dialog\"\n              aria-labelledby={title ? titleId : undefined}\n              aria-label={title ? undefined : label}\n              tabIndex={-1}\n              data-placement={position?.side ?? placement}\n              className={styles.panel}\n              style={position?.style}\n              onKeyDown={onPanelKeyDown}\n              onBlur={onPanelBlur}\n            >\n              {title ? (\n                <p id={titleId} className={styles.title}>\n                  {title}\n                </p>\n              ) : null}\n              <div className={styles.body}>{content}</div>\n            </div>,\n            container,\n          )\n        : null}\n    </span>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;AAwBA,IAAa,UAAU,WAA0C,SAAS,QACxE,EACE,SACA,UACA,OACA,OACA,YAAY,UACZ,QAAQ,UACR,MACA,cAAc,OACd,cACA,WACA,GAAG,QAEL,KACA;CACA,MAAM,SAAS,MAAM;CACrB,MAAM,UAAU,GAAG,OAAO;CAC1B,MAAM,UAAU,GAAG,OAAO;CAC1B,MAAM,YAAY,mBAAmB;CACrC,MAAM,YAAY,OAAwB,IAAI;CAC9C,MAAM,WAAW,OAAuB,IAAI;CAC5C,MAAM,CAAC,QAAQ,WAAW,qBAAqB;EAC7C,OAAO;EACP,cAAc;EACd,UAAU;CACZ,CAAC;CACD,MAAM,WAAW,oBAAoB,WAAW,UAAU,QAAQ;EAAE,MAAM;EAAW;CAAM,CAAC;CAE5F,MAAM,YAAY,SAChB,QAAQ,SAAS,UAAU,SAAS,SAAS,IAAI,KAAK,SAAS,SAAS,SAAS,IAAI,EAAE;CAEzF,MAAM,uBACJ,UAAU,SAAS,cAA2B,kCAAkC;CAElF,MAAM,SAAS,gBAAyB;EACtC,QAAQ,KAAK;EACb,IAAI,aAAa,eAAe,CAAC,EAAE,MAAM;CAC3C;CAGA,gBAAgB;EACd,IAAI,CAAC,UAAU,CAAC,UAAU;EAC1B,MAAM,QAAQ,SAAS;EACvB,IAAI,SAAS,CAAC,MAAM,SAAS,SAAS,aAAa,GAAG,CAAC,aAAa,KAAK,CAAC,CAAC,MAAM,MAAA,CAAO,MAAM;CAEhG,GAAG,CAAC,QAAQ,aAAa,IAAI,CAAC;CAE9B,gBAAgB;EACd,IAAI,CAAC,QAAQ;EACb,MAAM,iBAAiB,UAAwB;GAC7C,IAAI,CAAC,SAAS,MAAM,MAAc,GAAG,MAAM,KAAK;EAClD;EACA,SAAS,iBAAiB,eAAe,aAAa;EACtD,aAAa,SAAS,oBAAoB,eAAe,aAAa;CAExE,GAAG,CAAC,MAAM,CAAC;CAEX,MAAM,kBAAkB,UAAyC;EAC/D,IAAI,MAAM,QAAQ,UAAU;GAC1B,MAAM,gBAAgB;GACtB,MAAM,IAAI;EACZ;CACF;CAEA,MAAM,eAAe,UAAsC;EACzD,MAAM,OAAO,MAAM;EACnB,IAAI,QAAQ,CAAC,SAAS,IAAI,GAAG,MAAM,KAAK;CAC1C;CAEA,MAAM,UAAU,aAAa,UAAU;EACrC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB,SAAS,UAAU,KAAA;EACpC,UAAU,UAAiB;GACzB,SAAS,MAAM,UAAU,KAAK;GAC9B,QAAQ,CAAC,MAAM;EACjB;CACF,CAAC;CAED,OACE,qBAAC,QAAD;EAAM,KAAK,UAAU,KAAK,SAAS;EAAG,WAAW,GAAGA,uBAAO,QAAQ,SAAS;EAAG,GAAI;EAAnF,UAAA,CACG,SACA,aAAa,SACV,aAGE,qBAAC,OAAD;GACE,KAAK;GACL,IAAI;GACJ,MAAK;GACL,mBAAiB,QAAQ,UAAU,KAAA;GACnC,cAAY,QAAQ,KAAA,IAAY;GAChC,UAAU;GACV,kBAAgB,UAAU,QAAQ;GAClC,WAAWA,uBAAO;GAClB,OAAO,UAAU;GACjB,WAAW;GACX,QAAQ;GAXV,UAAA,CAaG,QACC,oBAAC,KAAD;IAAG,IAAI;IAAS,WAAWA,uBAAO;IAC/B,UAAA;GACA,CAAA,IACD,MACJ,oBAAC,OAAD;IAAK,WAAWA,uBAAO;IAAO,UAAA;GAAa,CAAA,CACxC;EACL,CAAA,GAAA,SACF,IACA,IACA;;AAEV,CAAC"}

package/dist/components/display/Popover/Popover.module.js

@@ -0,0 +1,15 @@
+//#region src/components/display/Popover/Popover.module.css
+var anchor = "block-anchor-Hc2xy";
+var panel = "block-panel-hIYiA";
+var title = "block-title-0MX0a";
+var body = "block-body-K6cco";
+var Popover_module_default = {
+	anchor,
+	panel,
+	title,
+	body
+};
+//#endregion
+export { anchor, body, Popover_module_default as default, panel, title };
+
+//# sourceMappingURL=Popover.module.js.map

package/dist/components/display/Popover/Popover.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.module.js","names":[],"sources":["../../../../src/components/display/Popover/Popover.module.css"],"sourcesContent":[".anchor {\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n.panel {\n  position: fixed;\n  top: var(--block-float-y, 0);\n  left: var(--block-float-x, 0);\n  z-index: var(--block-z-dropdown);\n  display: flex;\n  flex-direction: column;\n  gap: var(--block-space-2);\n  width: max-content;\n  min-width: 200px;\n  max-width: min(360px, calc(100vw - var(--block-space-4)));\n  max-height: calc(100vh - var(--block-space-4));\n  padding: var(--block-space-3);\n  overflow-y: auto;\n  color: var(--block-text);\n  background-color: var(--block-surface);\n  border: var(--block-border-width) solid var(--block-border);\n  box-shadow: var(--block-shadow-bevel), var(--block-shadow-drop);\n}\n\n.panel:focus-visible {\n  outline: 3px solid var(--block-focus);\n  outline-offset: 2px;\n}\n\n.title {\n  margin: 0;\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-sm);\n  font-weight: var(--block-font-weight-bold);\n  letter-spacing: var(--block-letter-spacing-wide);\n  text-transform: uppercase;\n  text-shadow: var(--block-shadow-text);\n}\n\n.body {\n  font-size: var(--block-font-size-sm);\n}\n"],"mappings":""}

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

@@ -0,0 +1,26 @@
+import type { HTMLAttributes, ReactElement, ReactNode } from "react";
+export interface PopoverProps extends Omit<HTMLAttributes<HTMLSpanElement>, "content" | "title"> {
+    /** Panel content — may contain buttons, links and form fields. */
+    content: ReactNode;
+    /** A single button that toggles the popover. It receives `aria-expanded` / `aria-controls`. */
+    children: ReactElement<{
+        "aria-expanded"?: boolean;
+        "aria-controls"?: string;
+        "aria-haspopup"?: "dialog";
+        onClick?: (event: never) => void;
+    }>;
+    /** Heading of the panel and its accessible name. */
+    title?: ReactNode;
+    /** Accessible name when there is no `title`. */
+    label?: string;
+    /** Preferred side; flips when there is no room. @default "bottom" */
+    placement?: "top" | "bottom" | "left" | "right";
+    /** Alignment along the trigger edge. @default "center" */
+    align?: "start" | "center" | "end";
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state when uncontrolled. @default false */
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+//# sourceMappingURL=Popover.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9F,kEAAkE;IAClE,OAAO,EAAE,SAAS,CAAC;IACnB,+FAA+F;IAC/F,QAAQ,EAAE,YAAY,CAAC;QACrB,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,eAAe,CAAC,EAAE,QAAQ,CAAC;QAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;KAClC,CAAC,CAAC;IACH,oDAAoD;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC"}

package/dist/components/display/Popover/index.d.ts

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

package/dist/components/display/Popover/index.d.ts.map

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

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

@@ -3,7 +3,7 @@ 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, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/display/SkillTree/SkillTree.tsx
 var STATE_TEXT = {
 	locked: "locked",
@@ -99,7 +99,7 @@ var SkillTree = forwardRef(function SkillTree({ skills, unlocked, points, onUnlo
 				className: SkillTree_module_default.detail,
 				"aria-live": "polite",
 				"aria-label": "Skill details",
-				children: selected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+				children: selected ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					/* @__PURE__ */ jsxs("p", {
 						className: SkillTree_module_default.name,
 						children: [