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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/BlockMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,cAAc,EACd,aAAa,EACb,cAAc,EACd,kBAAkB,GACnB,MAAM,mBAAmB,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,4 @@
+export * from "./BlockButton";
+export * from "./IconButton";
+export * from "./BlockMenu";
+//# 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;AAC7B,cAAc,aAAa,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"}

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

@@ -0,0 +1,82 @@
+import { cx } from "../../../utils/cx.js";
+import { BlockButton } from "../../actions/BlockButton/BlockButton.js";
+import { XPBar } from "../../hud/XPBar/XPBar.js";
+import { BlockCard } from "../BlockCard/BlockCard.js";
+import cards_module_default from "../cards.module.js";
+import { BlockBadge } from "../../display/BlockBadge/BlockBadge.js";
+import { forwardRef } from "react";
+import { PlayerIcon } from "@malilion/block-ui-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/cards/PlayerCard/PlayerCard.tsx
+var statusVariant = (status) => {
+	const value = status.toLowerCase();
+	if (value === "online") return "emerald";
+	if (value === "offline") return "redstone";
+	if (value === "afk" || value === "away" || value === "idle") return "gold";
+	return "stone";
+};
+/** Player summary: avatar, level, status, XP and optional stats. */
+var PlayerCard = forwardRef(function PlayerCard({ name, avatar, level, status, xp, maxXp, stats, onViewProfile, material = "deepslate", label = "Player", className, ...rest }, ref) {
+	return /* @__PURE__ */ jsxs(BlockCard, {
+		ref,
+		material,
+		label,
+		className: cx(cards_module_default.card, className),
+		footer: onViewProfile ? /* @__PURE__ */ jsx(BlockButton, {
+			size: "sm",
+			variant: "stone",
+			onClick: onViewProfile,
+			children: "Profile"
+		}) : void 0,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: cards_module_default.headline,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: cards_module_default.iconBox,
+					children: avatar ? /* @__PURE__ */ jsx("img", {
+						src: avatar,
+						alt: ""
+					}) : /* @__PURE__ */ jsx(PlayerIcon, { size: 32 })
+				}), /* @__PURE__ */ jsxs("div", {
+					className: cards_module_default.titleBlock,
+					children: [
+						/* @__PURE__ */ jsx("p", {
+							className: cards_module_default.title,
+							children: name
+						}),
+						level !== void 0 ? /* @__PURE__ */ jsxs("p", {
+							className: cards_module_default.description,
+							children: ["Level ", level]
+						}) : null,
+						status ? /* @__PURE__ */ jsx(BlockBadge, {
+							size: "sm",
+							dot: true,
+							variant: statusVariant(status),
+							children: status
+						}) : null
+					]
+				})]
+			}),
+			xp !== void 0 && maxXp !== void 0 ? /* @__PURE__ */ jsx(XPBar, {
+				value: xp,
+				max: maxXp,
+				showValue: true
+			}) : null,
+			stats && stats.length > 0 ? /* @__PURE__ */ jsx("dl", {
+				className: cards_module_default.stats,
+				children: stats.map((stat) => /* @__PURE__ */ jsxs("div", {
+					className: cards_module_default.statRow,
+					children: [/* @__PURE__ */ jsxs("dt", { children: [stat.icon ? /* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						children: stat.icon
+					}) : null, stat.label] }), /* @__PURE__ */ jsx("dd", { children: stat.value })]
+				}, stat.label))
+			}) : null
+		]
+	});
+});
+//#endregion
+export { PlayerCard };
+
+//# sourceMappingURL=PlayerCard.js.map

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

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

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

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+import type { BlockCardProps } from "../BlockCard/BlockCard.types";
+export interface PlayerCardStat {
+    label: string;
+    value: ReactNode;
+    icon?: ReactNode;
+}
+export interface PlayerCardProps extends Omit<BlockCardProps, "title" | "children" | "footer"> {
+    name: string;
+    /** Avatar image URL. Falls back to a pixel head. */
+    avatar?: string;
+    level?: number;
+    /** e.g. "Online", "Offline", "AFK". */
+    status?: string;
+    xp?: number;
+    maxXp?: number;
+    stats?: PlayerCardStat[];
+    /** Renders a Profile button. */
+    onViewProfile?: () => void;
+}
+//# sourceMappingURL=PlayerCard.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerCard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/PlayerCard/PlayerCard.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,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC5F,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { QuestCardProps } from "./QuestCard.types";
+/** Quest with progress, XP / coin rewards and a Claim action. */
+export declare const QuestCard: import("react").ForwardRefExoticComponent<QuestCardProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=QuestCard.d.ts.map

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

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

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

@@ -0,0 +1,98 @@
+import { cx } from "../../../utils/cx.js";
+import { BlockButton } from "../../actions/BlockButton/BlockButton.js";
+import { formatNumber } from "../../../utils/number.js";
+import { BlockCard } from "../BlockCard/BlockCard.js";
+import { BlockProgress } from "../../feedback/Progress/BlockProgress.js";
+import cards_module_default from "../cards.module.js";
+import { forwardRef } from "react";
+import { CheckIcon, CoinIcon, QuestIcon, XPOrbIcon } from "@malilion/block-ui-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/cards/QuestCard/QuestCard.tsx
+/** Quest with progress, XP / coin rewards and a Claim action. */
+var QuestCard = forwardRef(function QuestCard({ title, description, progress = 0, max = 1, xp, coins, completed, claimed = false, onClaim, icon, material = "grass", label = "Quest", className, ...rest }, ref) {
+	const done = completed ?? progress >= max;
+	const current = Math.min(progress, max);
+	return /* @__PURE__ */ jsxs(BlockCard, {
+		ref,
+		material,
+		label,
+		"data-completed": done || void 0,
+		className: cx(cards_module_default.card, className),
+		footer: onClaim ? /* @__PURE__ */ jsx(BlockButton, {
+			variant: done && !claimed ? "gold" : "stone",
+			size: "sm",
+			disabled: !done || claimed,
+			onClick: onClaim,
+			startIcon: claimed ? /* @__PURE__ */ jsx(CheckIcon, { size: 16 }) : void 0,
+			children: claimed ? "Claimed" : done ? "Claim" : "In progress"
+		}) : 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: icon ?? /* @__PURE__ */ jsx(QuestIcon, { size: 32 })
+				}), /* @__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(BlockProgress, {
+				label: "Progress",
+				value: current,
+				max,
+				variant: done ? "gold" : "grass",
+				showValue: true,
+				formatValue: (value, total) => `${formatNumber(value)} / ${formatNumber(total)}`
+			}),
+			xp !== void 0 || coins !== void 0 ? /* @__PURE__ */ jsxs("div", {
+				className: cards_module_default.rewards,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: cards_module_default.rewardsLabel,
+					children: "Reward"
+				}), /* @__PURE__ */ jsxs("ul", {
+					className: cards_module_default.rewardList,
+					children: [xp !== void 0 ? /* @__PURE__ */ jsxs("li", {
+						className: cards_module_default.reward,
+						children: [/* @__PURE__ */ jsx(XPOrbIcon, {
+							size: 16,
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ jsxs("span", { children: [
+							formatNumber(xp),
+							" ",
+							/* @__PURE__ */ jsx("span", {
+								className: cards_module_default.unit,
+								children: "XP"
+							})
+						] })]
+					}) : null, coins !== void 0 ? /* @__PURE__ */ jsxs("li", {
+						className: cards_module_default.reward,
+						children: [/* @__PURE__ */ jsx(CoinIcon, {
+							size: 16,
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ jsxs("span", { children: [
+							formatNumber(coins),
+							" ",
+							/* @__PURE__ */ jsx("span", {
+								className: cards_module_default.unit,
+								children: "coins"
+							})
+						] })]
+					}) : null]
+				})]
+			}) : null
+		]
+	});
+});
+//#endregion
+export { QuestCard };
+
+//# sourceMappingURL=QuestCard.js.map

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

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

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

@@ -0,0 +1,23 @@
+import type { ReactNode } from "react";
+import type { BlockCardProps } from "../BlockCard/BlockCard.types";
+export interface QuestCardProps extends Omit<BlockCardProps, "title" | "children" | "footer"> {
+    title: string;
+    description?: string;
+    /** Current progress. @default 0 */
+    progress?: number;
+    /** Goal. @default 1 */
+    max?: number;
+    /** XP reward. */
+    xp?: number;
+    /** Coin reward. */
+    coins?: number;
+    /** Quest finished (also true when `progress >= max`). */
+    completed?: boolean;
+    /** Reward already claimed. */
+    claimed?: boolean;
+    /** Renders a Claim button, enabled once the quest is completed. */
+    onClaim?: () => void;
+    /** Quest icon. Defaults to a quest scroll. */
+    icon?: ReactNode;
+}
+//# sourceMappingURL=QuestCard.types.d.ts.map