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

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Block UI Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,46 @@
-# Temporary Holding Version
+# @malilion/block-ui-react
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Block / pixel / crafting game-style React components: inventory, crafting, HUD, cards, forms, and more.
+
+## Install
+
+```bash
+pnpm add @malilion/block-ui-react
+```
+
+This installs `@malilion/block-ui-tokens`, `@malilion/block-ui-themes` and `@malilion/block-ui-icons`. Peer dependencies: `react` and `react-dom` ^18.2 or ^19.
+
+## Usage
+
+```tsx
+import { BlockUIProvider, BlockButton } from "@malilion/block-ui-react";
+import "@malilion/block-ui-react/styles.css";
+
+function App() {
+  return (
+    <BlockUIProvider theme="grassland">
+      <BlockButton variant="grass">Mine!</BlockButton>
+    </BlockUIProvider>
+  );
+}
+```
+
+Import components from the package root:
+
+```tsx
+import { InventoryGrid, InventorySlot, ItemStack, QuestCard } from "@malilion/block-ui-react";
+```
+
+## Themes
+
+`BlockUIProvider` accepts `grassland`, `cave`, `deepslate`, `nether`, and `end`.
+
+## Styles
+
+Load the bundled stylesheet once:
+
+```tsx
+import "@malilion/block-ui-react/styles.css";
+```
+
+That file includes design tokens and theme CSS.

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

@@ -0,0 +1,7 @@
+import type { BlockButtonProps } from "./BlockButton.types";
+/**
+ * Chunky block button with a pixel bevel. Disabled and loading buttons stay
+ * focusable via `aria-disabled` but never fire `onClick`.
+ */
+export declare const BlockButton: import("react").ForwardRefExoticComponent<BlockButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=BlockButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/BlockButton/BlockButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D;;;GAGG;AACH,eAAO,MAAM,WAAW,gHAyDtB,CAAC"}

package/dist/components/actions/BlockButton/BlockButton.js

@@ -0,0 +1,61 @@
+import { cx } from "../../../utils/cx.js";
+import BlockButton_module_default from "./BlockButton.module.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/actions/BlockButton/BlockButton.tsx
+/**
+* Chunky block button with a pixel bevel. Disabled and loading buttons stay
+* focusable via `aria-disabled` but never fire `onClick`.
+*/
+var BlockButton = forwardRef(function BlockButton({ variant = "stone", size = "md", loading = false, fullWidth = false, disabled = false, startIcon, endIcon, className, children, type = "button", onClick, ...rest }, ref) {
+	const inactive = disabled || loading;
+	const handleClick = (event) => {
+		if (inactive) {
+			event.preventDefault();
+			event.stopPropagation();
+			return;
+		}
+		onClick?.(event);
+	};
+	return /* @__PURE__ */ jsxs("button", {
+		ref,
+		type,
+		"data-material": variant,
+		"data-size": size,
+		"data-loading": loading || void 0,
+		"aria-disabled": inactive || void 0,
+		"aria-busy": loading || void 0,
+		className: cx(BlockButton_module_default.button, BlockButton_module_default[size], fullWidth && BlockButton_module_default.fullWidth, className),
+		onClick: handleClick,
+		...rest,
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: BlockButton_module_default.content,
+			children: [
+				startIcon ? /* @__PURE__ */ jsx("span", {
+					className: BlockButton_module_default.icon,
+					children: startIcon
+				}) : null,
+				children !== void 0 && children !== null ? /* @__PURE__ */ jsx("span", {
+					className: BlockButton_module_default.label,
+					children
+				}) : null,
+				endIcon ? /* @__PURE__ */ jsx("span", {
+					className: BlockButton_module_default.icon,
+					children: endIcon
+				}) : null
+			]
+		}), loading ? /* @__PURE__ */ jsxs("span", {
+			className: BlockButton_module_default.loader,
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ jsx("span", {}),
+				/* @__PURE__ */ jsx("span", {}),
+				/* @__PURE__ */ jsx("span", {})
+			]
+		}) : null]
+	});
+});
+//#endregion
+export { BlockButton };
+
+//# sourceMappingURL=BlockButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockButton.js","names":["styles"],"sources":["../../../../src/components/actions/BlockButton/BlockButton.tsx"],"sourcesContent":["import { forwardRef, type MouseEvent } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./BlockButton.module.css\";\nimport type { BlockButtonProps } from \"./BlockButton.types\";\n\n/**\n * Chunky block button with a pixel bevel. Disabled and loading buttons stay\n * focusable via `aria-disabled` but never fire `onClick`.\n */\nexport const BlockButton = forwardRef<HTMLButtonElement, BlockButtonProps>(function BlockButton(\n  {\n    variant = \"stone\",\n    size = \"md\",\n    loading = false,\n    fullWidth = false,\n    disabled = false,\n    startIcon,\n    endIcon,\n    className,\n    children,\n    type = \"button\",\n    onClick,\n    ...rest\n  },\n  ref,\n) {\n  const inactive = disabled || loading;\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (inactive) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n    onClick?.(event);\n  };\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-material={variant}\n      data-size={size}\n      data-loading={loading || undefined}\n      aria-disabled={inactive || undefined}\n      aria-busy={loading || undefined}\n      className={cx(styles.button, styles[size], fullWidth && styles.fullWidth, className)}\n      onClick={handleClick}\n      {...rest}\n    >\n      <span className={styles.content}>\n        {startIcon ? <span className={styles.icon}>{startIcon}</span> : null}\n        {children !== undefined && children !== null ? (\n          <span className={styles.label}>{children}</span>\n        ) : null}\n        {endIcon ? <span className={styles.icon}>{endIcon}</span> : null}\n      </span>\n      {loading ? (\n        <span className={styles.loader} aria-hidden=\"true\">\n          <span />\n          <span />\n          <span />\n        </span>\n      ) : null}\n    </button>\n  );\n});\n"],"mappings":";;;;;;;;;AASA,IAAa,cAAc,WAAgD,SAAS,YAClF,EACE,UAAU,SACV,OAAO,MACP,UAAU,OACV,YAAY,OACZ,WAAW,OACX,WACA,SACA,WACA,UACA,OAAO,UACP,SACA,GAAG,QAEL,KACA;CACA,MAAM,WAAW,YAAY;CAE7B,MAAM,eAAe,UAAyC;EAC5D,IAAI,UAAU;GACZ,MAAM,eAAe;GACrB,MAAM,gBAAgB;GACtB;EACF;EACA,UAAU,KAAK;CACjB;CAEA,OACE,qBAAC,UAAD;EACO;EACC;EACN,iBAAe;EACf,aAAW;EACX,gBAAc,WAAW,KAAA;EACzB,iBAAe,YAAY,KAAA;EAC3B,aAAW,WAAW,KAAA;EACtB,WAAW,GAAGA,2BAAO,QAAQA,2BAAO,OAAO,aAAaA,2BAAO,WAAW,SAAS;EACnF,SAAS;EACT,GAAI;EAVN,UAAA,CAYE,qBAAC,QAAD;GAAM,WAAWA,2BAAO;GAAxB,UAAA;IACG,YAAY,oBAAC,QAAD;KAAM,WAAWA,2BAAO;KAAO,UAAA;IAAgB,CAAA,IAAI;IAC/D,aAAa,KAAA,KAAa,aAAa,OACtC,oBAAC,QAAD;KAAM,WAAWA,2BAAO;KAAQ;IAAe,CAAA,IAC7C;IACH,UAAU,oBAAC,QAAD;KAAM,WAAWA,2BAAO;KAAO,UAAA;IAAc,CAAA,IAAI;GACxD;EACL,CAAA,GAAA,UACC,qBAAC,QAAD;GAAM,WAAWA,2BAAO;GAAQ,eAAY;GAA5C,UAAA;IACE,oBAAC,QAAD,CAAO,CAAA;IACP,oBAAC,QAAD,CAAO,CAAA;IACP,oBAAC,QAAD,CAAO,CAAA;GACH;EACJ,CAAA,IAAA,IACE;;AAEZ,CAAC"}

package/dist/components/actions/BlockButton/BlockButton.module.js

@@ -0,0 +1,26 @@
+//#region src/components/actions/BlockButton/BlockButton.module.css
+var button = "block-button-dbOrt";
+var sm = "block-sm-fTVx2";
+var md = "block-md-yglho";
+var lg = "block-lg-DPca2";
+var fullWidth = "block-fullWidth-g8535";
+var content = "block-content-tbocr";
+var icon = "block-icon-jyqDB";
+var label = "block-label-S1ftj";
+var loader = "block-loader-uAd1d";
+var BlockButton_module_default = {
+	button,
+	sm,
+	md,
+	lg,
+	fullWidth,
+	content,
+	icon,
+	label,
+	loader,
+	"block-blink": "block-block-blink-od4kR"
+};
+//#endregion
+export { button, content, BlockButton_module_default as default, fullWidth, icon, label, lg, loader, md, sm };
+
+//# sourceMappingURL=BlockButton.module.js.map

package/dist/components/actions/BlockButton/BlockButton.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockButton.module.js","names":[],"sources":["../../../../src/components/actions/BlockButton/BlockButton.module.css"],"sourcesContent":[".button {\n  --button-height: var(--block-size-control-md);\n  --button-padding: var(--block-space-4);\n  --button-font-size: var(--block-font-size-lg);\n\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: var(--button-height);\n  min-width: var(--button-height);\n  padding: 0 var(--button-padding);\n  margin: 0;\n  font-family: var(--block-font-display);\n  font-size: var(--button-font-size);\n  font-weight: var(--block-font-weight-bold);\n  line-height: 1;\n  letter-spacing: var(--block-letter-spacing-wide);\n  text-transform: uppercase;\n  white-space: nowrap;\n  color: var(--block-mat-on);\n  text-shadow: var(--block-mat-text-shadow);\n  background-color: var(--block-mat);\n  border: var(--block-border-width) solid var(--block-border);\n  border-radius: var(--block-radius-none);\n  box-shadow:\n    inset 0 3px 0 var(--block-mat-light),\n    inset 3px 0 0 var(--block-mat-light),\n    inset 0 -4px 0 var(--block-mat-dark),\n    inset -3px 0 0 var(--block-mat-dark);\n  cursor: pointer;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  transition:\n    transform var(--block-duration-instant) var(--block-ease-step),\n    filter var(--block-duration-instant) var(--block-ease-step);\n}\n\n.button:hover:not([aria-disabled=\"true\"]) {\n  transform: translateY(-2px);\n  filter: brightness(1.1);\n}\n\n.button:active:not([aria-disabled=\"true\"]) {\n  transform: translateY(2px);\n  filter: brightness(0.95);\n  box-shadow:\n    inset 0 4px 0 var(--block-mat-dark),\n    inset 3px 0 0 var(--block-mat-dark),\n    inset 0 -2px 0 var(--block-mat-light);\n}\n\n.button:focus-visible {\n  outline: 3px solid var(--block-focus);\n  outline-offset: 2px;\n}\n\n.button[aria-disabled=\"true\"] {\n  cursor: not-allowed;\n  filter: saturate(0.25) brightness(0.7);\n}\n\n.button[data-loading] {\n  cursor: progress;\n  filter: none;\n}\n\n.sm {\n  --button-height: var(--block-size-control-sm);\n  --button-padding: var(--block-space-3);\n  --button-font-size: var(--block-font-size-sm);\n}\n\n.md {\n  --button-height: var(--block-size-control-md);\n}\n\n.lg {\n  --button-height: var(--block-size-control-lg);\n  --button-padding: var(--block-space-6);\n  --button-font-size: var(--block-font-size-xl);\n}\n\n.fullWidth {\n  display: flex;\n  width: 100%;\n}\n\n.content {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--block-space-2);\n}\n\n/* Hide the label visually but keep it as the accessible name. */\n.button[data-loading] .content {\n  opacity: 0;\n}\n\n.icon {\n  display: inline-flex;\n  filter: drop-shadow(1px 1px 0 var(--block-border));\n}\n\n.label {\n  /* Pixel fonts sit high; nudge for optical centering. */\n  padding-top: 2px;\n}\n\n.loader {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n}\n\n.loader span {\n  width: 6px;\n  height: 6px;\n  background-color: currentColor;\n  animation: block-blink 480ms steps(1, end) infinite;\n}\n\n.loader span:nth-child(2) {\n  animation-delay: 160ms;\n}\n\n.loader span:nth-child(3) {\n  animation-delay: 320ms;\n}\n"],"mappings":""}

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

@@ -0,0 +1,19 @@
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+export declare const blockButtonVariants: readonly ["grass", "stone", "dirt", "wood", "diamond", "emerald", "gold", "redstone", "obsidian"];
+export type BlockButtonVariant = (typeof blockButtonVariants)[number];
+export type BlockButtonSize = "sm" | "md" | "lg";
+export interface BlockButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Block material. @default "stone" */
+    variant?: BlockButtonVariant;
+    /** @default "md" */
+    size?: BlockButtonSize;
+    /** Shows a pixel loader, sets `aria-busy` and blocks repeated clicks. */
+    loading?: boolean;
+    /** Stretch to the container width. */
+    fullWidth?: boolean;
+    /** Icon rendered before the label. */
+    startIcon?: ReactNode;
+    /** Icon rendered after the label. */
+    endIcon?: ReactNode;
+}
+//# sourceMappingURL=BlockButton.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockButton.types.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/BlockButton/BlockButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,eAAO,MAAM,mBAAmB,mGAUtB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/E,uCAAuC;IACvC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,oBAAoB;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,qCAAqC;IACrC,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB"}

package/dist/components/actions/BlockButton/BlockButton.types.js

@@ -0,0 +1,16 @@
+//#region src/components/actions/BlockButton/BlockButton.types.ts
+var blockButtonVariants = [
+	"grass",
+	"stone",
+	"dirt",
+	"wood",
+	"diamond",
+	"emerald",
+	"gold",
+	"redstone",
+	"obsidian"
+];
+//#endregion
+export { blockButtonVariants };
+
+//# sourceMappingURL=BlockButton.types.js.map

package/dist/components/actions/BlockButton/BlockButton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockButton.types.js","names":[],"sources":["../../../../src/components/actions/BlockButton/BlockButton.types.ts"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\n\nexport const blockButtonVariants = [\n  \"grass\",\n  \"stone\",\n  \"dirt\",\n  \"wood\",\n  \"diamond\",\n  \"emerald\",\n  \"gold\",\n  \"redstone\",\n  \"obsidian\",\n] as const;\n\nexport type BlockButtonVariant = (typeof blockButtonVariants)[number];\n\nexport type BlockButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface BlockButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Block material. @default \"stone\" */\n  variant?: BlockButtonVariant;\n  /** @default \"md\" */\n  size?: BlockButtonSize;\n  /** Shows a pixel loader, sets `aria-busy` and blocks repeated clicks. */\n  loading?: boolean;\n  /** Stretch to the container width. */\n  fullWidth?: boolean;\n  /** Icon rendered before the label. */\n  startIcon?: ReactNode;\n  /** Icon rendered after the label. */\n  endIcon?: ReactNode;\n}\n"],"mappings":";AAEA,IAAa,sBAAsB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}

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

@@ -0,0 +1,4 @@
+export { BlockButton } from "./BlockButton";
+export { blockButtonVariants } from "./BlockButton.types";
+export type { BlockButtonProps, BlockButtonSize, BlockButtonVariant } from "./BlockButton.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/BlockButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { IconButtonProps } from "./IconButton.types";
+/** Square block button that only shows an icon. `label` is required for screen readers. */
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=IconButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/IconButton/IconButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,2FAA2F;AAC3F,eAAO,MAAM,UAAU,+GAiBrB,CAAC"}

package/dist/components/actions/IconButton/IconButton.js

@@ -0,0 +1,25 @@
+import { cx } from "../../../utils/cx.js";
+import { BlockButton } from "../BlockButton/BlockButton.js";
+import IconButton_module_default from "./IconButton.module.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/actions/IconButton/IconButton.tsx
+/** Square block button that only shows an icon. `label` is required for screen readers. */
+var IconButton = forwardRef(function IconButton({ icon, label, className, title, ...rest }, ref) {
+	return /* @__PURE__ */ jsx(BlockButton, {
+		ref,
+		"aria-label": label,
+		title: title ?? label,
+		className: cx(IconButton_module_default.iconButton, className),
+		...rest,
+		children: /* @__PURE__ */ jsx("span", {
+			className: IconButton_module_default.icon,
+			"aria-hidden": "true",
+			children: icon
+		})
+	});
+});
+//#endregion
+export { IconButton };
+
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","names":["styles"],"sources":["../../../../src/components/actions/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { BlockButton } from \"../BlockButton/BlockButton\";\nimport styles from \"./IconButton.module.css\";\nimport type { IconButtonProps } from \"./IconButton.types\";\n\n/** Square block button that only shows an icon. `label` is required for screen readers. */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  { icon, label, className, title, ...rest },\n  ref,\n) {\n  return (\n    <BlockButton\n      ref={ref}\n      aria-label={label}\n      title={title ?? label}\n      className={cx(styles.iconButton, className)}\n      {...rest}\n    >\n      <span className={styles.icon} aria-hidden=\"true\">\n        {icon}\n      </span>\n    </BlockButton>\n  );\n});\n"],"mappings":";;;;;;;AAOA,IAAa,aAAa,WAA+C,SAAS,WAChF,EAAE,MAAM,OAAO,WAAW,OAAO,GAAG,QACpC,KACA;CACA,OACE,oBAAC,aAAD;EACO;EACL,cAAY;EACZ,OAAO,SAAS;EAChB,WAAW,GAAGA,0BAAO,YAAY,SAAS;EAC1C,GAAI;EAEJ,UAAA,oBAAC,QAAD;GAAM,WAAWA,0BAAO;GAAM,eAAY;GACvC,UAAA;EACG,CAAA;CACK,CAAA;AAEjB,CAAC"}

package/dist/components/actions/IconButton/IconButton.module.js

@@ -0,0 +1,11 @@
+//#region src/components/actions/IconButton/IconButton.module.css
+var iconButton = "block-iconButton-jgPi4";
+var icon = "block-icon-FKG6H";
+var IconButton_module_default = {
+	iconButton,
+	icon
+};
+//#endregion
+export { IconButton_module_default as default, icon, iconButton };
+
+//# sourceMappingURL=IconButton.module.js.map

package/dist/components/actions/IconButton/IconButton.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.module.js","names":[],"sources":["../../../../src/components/actions/IconButton/IconButton.module.css"],"sourcesContent":[".iconButton.iconButton {\n  width: var(--button-height);\n  padding: 0;\n}\n\n.icon {\n  display: inline-flex;\n  padding-top: 0;\n  filter: drop-shadow(1px 1px 0 var(--block-border));\n}\n"],"mappings":""}

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+import type { BlockButtonProps } from "../BlockButton/BlockButton.types";
+export interface IconButtonProps extends Omit<BlockButtonProps, "startIcon" | "endIcon" | "fullWidth" | "children"> {
+    /** The icon to render. Decorative — the accessible name comes from `label`. */
+    icon: ReactNode;
+    /** Accessible name (`aria-label`) and tooltip text. Required. */
+    label: string;
+}
+//# sourceMappingURL=IconButton.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/IconButton/IconButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEzE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,gBAAgB,EAChB,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CACnD;IACC,+EAA+E;IAC/E,IAAI,EAAE,SAAS,CAAC;IAChB,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;CACf"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { AchievementCardProps } from "./AchievementCard.types";
+/** Achievement tile — dimmed with a padlock until unlocked. */
+export declare const AchievementCard: import("react").ForwardRefExoticComponent<AchievementCardProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=AchievementCard.d.ts.map

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

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

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

@@ -0,0 +1,50 @@
+import { cx } from "../../../utils/cx.js";
+import { BlockButton } from "../../actions/BlockButton/BlockButton.js";
+import { BlockCard } from "../BlockCard/BlockCard.js";
+import cards_module_default from "../cards.module.js";
+import { forwardRef } from "react";
+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) {
+	return /* @__PURE__ */ jsxs(BlockCard, {
+		ref,
+		material,
+		label,
+		"data-unlocked": unlocked || void 0,
+		className: cx(cards_module_default.card, !unlocked && cards_module_default.locked, className),
+		footer: onView ? /* @__PURE__ */ jsx(BlockButton, {
+			size: "sm",
+			variant: "wood",
+			onClick: onView,
+			disabled: !unlocked,
+			children: "View"
+		}) : void 0,
+		...rest,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cards_module_default.headline,
+			children: [/* @__PURE__ */ jsx("span", {
+				className: cards_module_default.iconBox,
+				"aria-hidden": "true",
+				children: unlocked ? icon ?? /* @__PURE__ */ jsx(AchievementIcon, { size: 32 }) : /* @__PURE__ */ jsx(LockIcon, { size: 24 })
+			}), /* @__PURE__ */ jsxs("div", {
+				className: cards_module_default.titleBlock,
+				children: [/* @__PURE__ */ jsx("p", {
+					className: cards_module_default.title,
+					children: title
+				}), description ? /* @__PURE__ */ jsx("p", {
+					className: cards_module_default.description,
+					children: description
+				}) : null]
+			})]
+		}), /* @__PURE__ */ jsx("p", {
+			className: cards_module_default.meta,
+			children: unlocked ? unlockedAt ? `Unlocked on ${unlockedAt}` : "Unlocked" : "Locked"
+		})]
+	});
+});
+//#endregion
+export { AchievementCard };
+
+//# sourceMappingURL=AchievementCard.js.map

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

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

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

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+import type { BlockCardProps } from "../BlockCard/BlockCard.types";
+export interface AchievementCardProps extends Omit<BlockCardProps, "title" | "children" | "footer"> {
+    title: string;
+    description?: string;
+    icon?: ReactNode;
+    unlocked?: boolean;
+    /** Display date, shown as "Unlocked on …". */
+    unlockedAt?: string;
+    /** Renders a View button. */
+    onView?: () => void;
+}
+//# sourceMappingURL=AchievementCard.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AchievementCard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/AchievementCard/AchievementCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,cAAc,EACd,OAAO,GAAG,UAAU,GAAG,QAAQ,CAChC;IACC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/AchievementCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/cards/BlockCard/BlockCard.d.ts

@@ -0,0 +1,4 @@
+import type { BlockCardProps } from "./BlockCard.types";
+/** Material-framed card — the base of Quest, Achievement, Player, Server and World cards. */
+export declare const BlockCard: import("react").ForwardRefExoticComponent<BlockCardProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=BlockCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCard.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/BlockCard/BlockCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,6FAA6F;AAC7F,eAAO,MAAM,SAAS,wGAoCpB,CAAC"}

package/dist/components/cards/BlockCard/BlockCard.js

@@ -0,0 +1,35 @@
+import { cx } from "../../../utils/cx.js";
+import BlockCard_module_default from "./BlockCard.module.js";
+import { createElement, forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/cards/BlockCard/BlockCard.tsx
+/** Material-framed card — the base of Quest, Achievement, Player, Server and World cards. */
+var BlockCard = forwardRef(function BlockCard({ material = "stone", label, headingLevel = 3, headerAction, footer, as = "article", className, children, "aria-labelledby": ariaLabelledBy, ...rest }, ref) {
+	const labelId = useId();
+	return createElement(as, {
+		ref,
+		"data-material": material,
+		"aria-labelledby": ariaLabelledBy ?? (label ? labelId : void 0),
+		className: cx(BlockCard_module_default.card, className),
+		...rest
+	}, label || headerAction ? /* @__PURE__ */ jsxs("div", {
+		className: BlockCard_module_default.header,
+		children: [label ? createElement(`h${headingLevel}`, {
+			id: labelId,
+			className: BlockCard_module_default.label
+		}, label) : null, headerAction ? /* @__PURE__ */ jsx("div", {
+			className: BlockCard_module_default.headerAction,
+			children: headerAction
+		}) : null]
+	}) : null, /* @__PURE__ */ jsx("div", {
+		className: BlockCard_module_default.body,
+		children
+	}), footer ? /* @__PURE__ */ jsx("div", {
+		className: BlockCard_module_default.footer,
+		children: footer
+	}) : null);
+});
+//#endregion
+export { BlockCard };
+
+//# sourceMappingURL=BlockCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCard.js","names":["styles"],"sources":["../../../../src/components/cards/BlockCard/BlockCard.tsx"],"sourcesContent":["import { createElement, forwardRef, useId } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport styles from \"./BlockCard.module.css\";\nimport type { BlockCardProps } from \"./BlockCard.types\";\n\n/** Material-framed card — the base of Quest, Achievement, Player, Server and World cards. */\nexport const BlockCard = forwardRef<HTMLElement, BlockCardProps>(function BlockCard(\n  {\n    material = \"stone\",\n    label,\n    headingLevel = 3,\n    headerAction,\n    footer,\n    as = \"article\",\n    className,\n    children,\n    \"aria-labelledby\": ariaLabelledBy,\n    ...rest\n  },\n  ref,\n) {\n  const labelId = useId();\n  return createElement(\n    as,\n    {\n      ref,\n      \"data-material\": material,\n      \"aria-labelledby\": ariaLabelledBy ?? (label ? labelId : undefined),\n      className: cx(styles.card, className),\n      ...rest,\n    },\n    label || headerAction ? (\n      <div className={styles.header}>\n        {label\n          ? createElement(`h${headingLevel}`, { id: labelId, className: styles.label }, label)\n          : null}\n        {headerAction ? <div className={styles.headerAction}>{headerAction}</div> : null}\n      </div>\n    ) : null,\n    <div className={styles.body}>{children}</div>,\n    footer ? <div className={styles.footer}>{footer}</div> : null,\n  );\n});\n"],"mappings":";;;;;;AAMA,IAAa,YAAY,WAAwC,SAAS,UACxE,EACE,WAAW,SACX,OACA,eAAe,GACf,cACA,QACA,KAAK,WACL,WACA,UACA,mBAAmB,gBACnB,GAAG,QAEL,KACA;CACA,MAAM,UAAU,MAAM;CACtB,OAAO,cACL,IACA;EACE;EACA,iBAAiB;EACjB,mBAAmB,mBAAmB,QAAQ,UAAU,KAAA;EACxD,WAAW,GAAGA,yBAAO,MAAM,SAAS;EACpC,GAAG;CACL,GACA,SAAS,eACP,qBAAC,OAAD;EAAK,WAAWA,yBAAO;EAAvB,UAAA,CACG,QACG,cAAc,IAAI,gBAAgB;GAAE,IAAI;GAAS,WAAWA,yBAAO;EAAM,GAAG,KAAK,IACjF,MACH,eAAe,oBAAC,OAAD;GAAK,WAAWA,yBAAO;GAAe,UAAA;EAAkB,CAAA,IAAI,IACzE;CACH,CAAA,IAAA,MACJ,oBAAC,OAAD;EAAK,WAAWA,yBAAO;EAAO;CAAc,CAAA,GAC5C,SAAS,oBAAC,OAAD;EAAK,WAAWA,yBAAO;EAAS,UAAA;CAAY,CAAA,IAAI,IAC3D;AACF,CAAC"}

package/dist/components/cards/BlockCard/BlockCard.module.js

@@ -0,0 +1,19 @@
+//#region src/components/cards/BlockCard/BlockCard.module.css
+var card = "block-card-2kvf0";
+var header = "block-header-A2utE";
+var label = "block-label-XwdBX";
+var headerAction = "block-headerAction-ALYZH";
+var body = "block-body-znyfw";
+var footer = "block-footer-dDt5t";
+var BlockCard_module_default = {
+	card,
+	header,
+	label,
+	headerAction,
+	body,
+	footer
+};
+//#endregion
+export { body, card, BlockCard_module_default as default, footer, header, headerAction, label };
+
+//# sourceMappingURL=BlockCard.module.js.map

package/dist/components/cards/BlockCard/BlockCard.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCard.module.js","names":[],"sources":["../../../../src/components/cards/BlockCard/BlockCard.module.css"],"sourcesContent":[".card {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  padding: 4px;\n  color: var(--block-text);\n  background-color: var(--block-mat);\n  border: var(--block-border-width) solid var(--block-border);\n  box-shadow:\n    inset 3px 3px 0 var(--block-mat-light),\n    inset -3px -3px 0 var(--block-mat-dark),\n    var(--block-shadow-drop);\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: var(--block-space-2);\n  padding: var(--block-space-1) var(--block-space-2) var(--block-space-2);\n}\n\n.label {\n  flex: 1;\n  margin: 0;\n  font-family: var(--block-font-display);\n  font-size: var(--block-font-size-md);\n  font-weight: var(--block-font-weight-bold);\n  letter-spacing: var(--block-letter-spacing-wide);\n  text-transform: uppercase;\n  color: var(--block-mat-on);\n  text-shadow: var(--block-mat-text-shadow);\n}\n\n.headerAction {\n  display: flex;\n  margin-left: auto;\n}\n\n.body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: var(--block-space-3);\n  padding: var(--block-space-3);\n  background-color: color-mix(in srgb, var(--block-mat-dark) 35%, var(--block-surface-alt));\n  border: var(--block-border-width-thin) solid var(--block-border);\n  box-shadow: inset 2px 2px 0 var(--block-shadow-bevel-dark);\n}\n\n.footer {\n  display: flex;\n  justify-content: center;\n  gap: var(--block-space-2);\n  padding: var(--block-space-2) var(--block-space-2) var(--block-space-1);\n}\n\n.footer > * {\n  flex: 1;\n  max-width: 220px;\n}\n"],"mappings":""}

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

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export declare const cardMaterials: readonly ["grass", "stone", "wood", "deepslate", "obsidian", "nether", "sand"];
+export type CardMaterial = (typeof cardMaterials)[number];
+export interface BlockCardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /** Frame material. @default "stone" */
+    material?: CardMaterial;
+    /** Small header label (e.g. "Quest"). */
+    label?: ReactNode;
+    /** Heading level used for `label`. @default 3 */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+    /** Element rendered on the right side of the header. */
+    headerAction?: ReactNode;
+    footer?: ReactNode;
+    /** @default "article" */
+    as?: "article" | "section" | "div";
+    children?: ReactNode;
+}
+//# sourceMappingURL=BlockCard.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/BlockCard/BlockCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,aAAa,gFAQhB,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAChF,uCAAuC;IACvC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,yCAAyC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjC,wDAAwD;IACxD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yBAAyB;IACzB,EAAE,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,KAAK,CAAC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/cards/BlockCard/BlockCard.types.js

@@ -0,0 +1,14 @@
+//#region src/components/cards/BlockCard/BlockCard.types.ts
+var cardMaterials = [
+	"grass",
+	"stone",
+	"wood",
+	"deepslate",
+	"obsidian",
+	"nether",
+	"sand"
+];
+//#endregion
+export { cardMaterials };
+
+//# sourceMappingURL=BlockCard.types.js.map

package/dist/components/cards/BlockCard/BlockCard.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCard.types.js","names":[],"sources":["../../../../src/components/cards/BlockCard/BlockCard.types.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\n\nexport const cardMaterials = [\n  \"grass\",\n  \"stone\",\n  \"wood\",\n  \"deepslate\",\n  \"obsidian\",\n  \"nether\",\n  \"sand\",\n] as const;\n\nexport type CardMaterial = (typeof cardMaterials)[number];\n\nexport interface BlockCardProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  /** Frame material. @default \"stone\" */\n  material?: CardMaterial;\n  /** Small header label (e.g. \"Quest\"). */\n  label?: ReactNode;\n  /** Heading level used for `label`. @default 3 */\n  headingLevel?: 2 | 3 | 4 | 5 | 6;\n  /** Element rendered on the right side of the header. */\n  headerAction?: ReactNode;\n  footer?: ReactNode;\n  /** @default \"article\" */\n  as?: \"article\" | \"section\" | \"div\";\n  children?: ReactNode;\n}\n"],"mappings":";AAEA,IAAa,gBAAgB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}

package/dist/components/cards/BlockCard/index.d.ts

@@ -0,0 +1,4 @@
+export { BlockCard } from "./BlockCard";
+export { cardMaterials } from "./BlockCard.types";
+export type { BlockCardProps, CardMaterial } from "./BlockCard.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/cards/BlockCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/BlockCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { PlayerCardProps } from "./PlayerCard.types";
+/** Player summary: avatar, level, status, XP and optional stats. */
+export declare const PlayerCard: import("react").ForwardRefExoticComponent<PlayerCardProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=PlayerCard.d.ts.map

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

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