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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestCard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/QuestCard/QuestCard.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,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC3F,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { ServerCardProps } from "./ServerCard.types";
+/** Server entry with player count, version, ping bars and a Join action. */
+export declare const ServerCard: import("react").ForwardRefExoticComponent<ServerCardProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=ServerCard.d.ts.map

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

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

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

@@ -0,0 +1,92 @@
+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 cards_module_default from "../cards.module.js";
+import ServerCard_module_default from "./ServerCard.module.js";
+import { pingQuality } from "./ServerCard.utils.js";
+import { forwardRef } from "react";
+import { GrassBlockIcon } from "@malilion/block-ui-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/cards/ServerCard/ServerCard.tsx
+var BARS = {
+	good: 4,
+	fair: 3,
+	poor: 1,
+	offline: 0
+};
+/** Server entry with player count, version, ping bars and a Join action. */
+var ServerCard = forwardRef(function ServerCard({ name, onlinePlayers, maxPlayers, version, ping, online = true, motd, icon, onJoin, material = "stone", label = "Server", className, ...rest }, ref) {
+	const quality = pingQuality(ping, online);
+	const pingText = online && ping !== void 0 ? `${ping} ms` : "Offline";
+	return /* @__PURE__ */ jsxs(BlockCard, {
+		ref,
+		material,
+		label,
+		"data-online": online || void 0,
+		className: cx(cards_module_default.card, className),
+		footer: onJoin ? /* @__PURE__ */ jsx(BlockButton, {
+			size: "sm",
+			variant: online ? "grass" : "stone",
+			disabled: !online,
+			onClick: onJoin,
+			children: "Join"
+		}) : 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(GrassBlockIcon, { size: 32 })
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: cards_module_default.titleBlock,
+					children: [/* @__PURE__ */ jsx("p", {
+						className: cards_module_default.title,
+						children: name
+					}), motd ? /* @__PURE__ */ jsx("p", {
+						className: cards_module_default.description,
+						children: motd
+					}) : null]
+				}),
+				/* @__PURE__ */ jsx("span", {
+					role: "img",
+					"aria-label": `Ping: ${pingText}`,
+					className: ServerCard_module_default.signal,
+					"data-quality": quality,
+					children: [
+						1,
+						2,
+						3,
+						4
+					].map((bar) => /* @__PURE__ */ jsx("span", {
+						className: ServerCard_module_default.bar,
+						"data-on": bar <= BARS[quality] || void 0
+					}, bar))
+				})
+			]
+		}), /* @__PURE__ */ jsxs("dl", {
+			className: cards_module_default.stats,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: cards_module_default.statRow,
+					children: [/* @__PURE__ */ jsx("dt", { children: "Online" }), /* @__PURE__ */ jsx("dd", { children: online && onlinePlayers !== void 0 ? `${formatNumber(onlinePlayers)}${maxPlayers !== void 0 ? ` / ${formatNumber(maxPlayers)}` : ""}` : "—" })]
+				}),
+				version ? /* @__PURE__ */ jsxs("div", {
+					className: cards_module_default.statRow,
+					children: [/* @__PURE__ */ jsx("dt", { children: "Version" }), /* @__PURE__ */ jsx("dd", { children: version })]
+				}) : null,
+				/* @__PURE__ */ jsxs("div", {
+					className: cards_module_default.statRow,
+					children: [/* @__PURE__ */ jsx("dt", { children: "Ping" }), /* @__PURE__ */ jsx("dd", { children: pingText })]
+				})
+			]
+		})]
+	});
+});
+//#endregion
+export { ServerCard };
+
+//# sourceMappingURL=ServerCard.js.map

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

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

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

@@ -0,0 +1,11 @@
+//#region src/components/cards/ServerCard/ServerCard.module.css
+var signal = "block-signal-hbcww";
+var bar = "block-bar-Av3KK";
+var ServerCard_module_default = {
+	signal,
+	bar
+};
+//#endregion
+export { bar, ServerCard_module_default as default, signal };
+
+//# sourceMappingURL=ServerCard.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServerCard.module.js","names":[],"sources":["../../../../src/components/cards/ServerCard/ServerCard.module.css"],"sourcesContent":[".signal {\n  display: inline-flex;\n  align-items: flex-end;\n  gap: 2px;\n  height: 20px;\n  margin-left: auto;\n  flex-shrink: 0;\n}\n\n.bar {\n  width: 4px;\n  background-color: var(--block-slot);\n  box-shadow: 0 0 0 1px var(--block-border);\n}\n\n.bar:nth-child(1) {\n  height: 5px;\n}\n\n.bar:nth-child(2) {\n  height: 10px;\n}\n\n.bar:nth-child(3) {\n  height: 15px;\n}\n\n.bar:nth-child(4) {\n  height: 20px;\n}\n\n.signal[data-quality=\"good\"] .bar[data-on] {\n  background-color: var(--block-emerald);\n}\n\n.signal[data-quality=\"fair\"] .bar[data-on] {\n  background-color: var(--block-gold);\n}\n\n.signal[data-quality=\"poor\"] .bar[data-on] {\n  background-color: var(--block-redstone-light);\n}\n"],"mappings":""}

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

@@ -0,0 +1,20 @@
+import type { ReactNode } from "react";
+import type { BlockCardProps } from "../BlockCard/BlockCard.types";
+export interface ServerCardProps extends Omit<BlockCardProps, "title" | "children" | "footer"> {
+    name: string;
+    onlinePlayers?: number;
+    maxPlayers?: number;
+    version?: string;
+    /** Latency in ms. */
+    ping?: number;
+    /** @default true */
+    online?: boolean;
+    /** Message of the day. */
+    motd?: string;
+    /** Server icon. Defaults to a grass block. */
+    icon?: ReactNode;
+    /** Renders a Join button (disabled while offline). */
+    onJoin?: () => void;
+}
+export type PingQuality = "good" | "fair" | "poor" | "offline";
+//# sourceMappingURL=ServerCard.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServerCard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/ServerCard/ServerCard.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,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC5F,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { PingQuality } from "./ServerCard.types";
+export declare function pingQuality(ping: number | undefined, online?: boolean): PingQuality;
+//# sourceMappingURL=ServerCard.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServerCard.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/ServerCard/ServerCard.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,UAAO,GAAG,WAAW,CAKhF"}

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

@@ -0,0 +1,11 @@
+//#region src/components/cards/ServerCard/ServerCard.utils.ts
+function pingQuality(ping, online = true) {
+	if (!online || ping === void 0) return "offline";
+	if (ping < 80) return "good";
+	if (ping < 200) return "fair";
+	return "poor";
+}
+//#endregion
+export { pingQuality };
+
+//# sourceMappingURL=ServerCard.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServerCard.utils.js","names":[],"sources":["../../../../src/components/cards/ServerCard/ServerCard.utils.ts"],"sourcesContent":["import type { PingQuality } from \"./ServerCard.types\";\n\nexport function pingQuality(ping: number | undefined, online = true): PingQuality {\n  if (!online || ping === undefined) return \"offline\";\n  if (ping < 80) return \"good\";\n  if (ping < 200) return \"fair\";\n  return \"poor\";\n}\n"],"mappings":";AAEA,SAAgB,YAAY,MAA0B,SAAS,MAAmB;CAChF,IAAI,CAAC,UAAU,SAAS,KAAA,GAAW,OAAO;CAC1C,IAAI,OAAO,IAAI,OAAO;CACtB,IAAI,OAAO,KAAK,OAAO;CACvB,OAAO;AACT"}

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

@@ -0,0 +1,4 @@
+export { ServerCard } from "./ServerCard";
+export { pingQuality } from "./ServerCard.utils";
+export type { PingQuality, ServerCardProps } from "./ServerCard.types";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,4 @@
+import type { WorldCardProps } from "./WorldCard.types";
+/** Saved world with a preview, details and a Play button. */
+export declare const WorldCard: import("react").ForwardRefExoticComponent<WorldCardProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=WorldCard.d.ts.map

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

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

package/dist/components/cards/WorldCard/WorldCard.js

@@ -0,0 +1,64 @@
+import { cx } from "../../../utils/cx.js";
+import { IconButton } from "../../actions/IconButton/IconButton.js";
+import { formatNumber } from "../../../utils/number.js";
+import { BlockCard } from "../BlockCard/BlockCard.js";
+import cards_module_default from "../cards.module.js";
+import WorldCard_module_default from "./WorldCard.module.js";
+import { forwardRef } from "react";
+import { PlayIcon } from "@malilion/block-ui-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/cards/WorldCard/WorldCard.tsx
+/** Saved world with a preview, details and a Play button. */
+var WorldCard = forwardRef(function WorldCard({ name, image, gameMode, day, seed, lastPlayed, onPlay, material = "grass", label = "World", className, ...rest }, ref) {
+	return /* @__PURE__ */ jsxs(BlockCard, {
+		ref,
+		material,
+		label,
+		className: cx(cards_module_default.card, className),
+		...rest,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: WorldCard_module_default.preview,
+			children: image ? /* @__PURE__ */ jsx("img", {
+				src: image,
+				alt: "",
+				className: WorldCard_module_default.image
+			}) : /* @__PURE__ */ jsx("span", {
+				className: WorldCard_module_default.landscape,
+				"aria-hidden": "true"
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: WorldCard_module_default.info,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: cards_module_default.titleBlock,
+				children: [
+					/* @__PURE__ */ jsx("p", {
+						className: cards_module_default.title,
+						children: name
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: cards_module_default.description,
+						children: [gameMode, day !== void 0 ? `Day ${formatNumber(day)}` : void 0].filter(Boolean).join(" · ")
+					}),
+					seed ? /* @__PURE__ */ jsxs("p", {
+						className: cards_module_default.description,
+						children: ["Seed: ", seed]
+					}) : null,
+					lastPlayed ? /* @__PURE__ */ jsxs("p", {
+						className: cards_module_default.description,
+						children: ["Last played ", lastPlayed]
+					}) : null
+				]
+			}), onPlay ? /* @__PURE__ */ jsx(IconButton, {
+				icon: /* @__PURE__ */ jsx(PlayIcon, { size: 16 }),
+				label: `Play ${name}`,
+				variant: "grass",
+				onClick: onPlay,
+				className: WorldCard_module_default.play
+			}) : null]
+		})]
+	});
+});
+//#endregion
+export { WorldCard };
+
+//# sourceMappingURL=WorldCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorldCard.js","names":["styles","worldStyles"],"sources":["../../../../src/components/cards/WorldCard/WorldCard.tsx"],"sourcesContent":["import { PlayIcon } from \"@malilion/block-ui-icons\";\nimport { forwardRef } from \"react\";\nimport { cx } from \"../../../utils/cx\";\nimport { formatNumber } from \"../../../utils/number\";\nimport { IconButton } from \"../../actions/IconButton/IconButton\";\nimport { BlockCard } from \"../BlockCard/BlockCard\";\nimport styles from \"../cards.module.css\";\nimport worldStyles from \"./WorldCard.module.css\";\nimport type { WorldCardProps } from \"./WorldCard.types\";\n\n/** Saved world with a preview, details and a Play button. */\nexport const WorldCard = forwardRef<HTMLElement, WorldCardProps>(function WorldCard(\n  {\n    name,\n    image,\n    gameMode,\n    day,\n    seed,\n    lastPlayed,\n    onPlay,\n    material = \"grass\",\n    label = \"World\",\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      {...rest}\n    >\n      <div className={worldStyles.preview}>\n        {image ? (\n          <img src={image} alt=\"\" className={worldStyles.image} />\n        ) : (\n          <span className={worldStyles.landscape} aria-hidden=\"true\" />\n        )}\n      </div>\n      <div className={worldStyles.info}>\n        <div className={styles.titleBlock}>\n          <p className={styles.title}>{name}</p>\n          <p className={styles.description}>\n            {[gameMode, day !== undefined ? `Day ${formatNumber(day)}` : undefined]\n              .filter(Boolean)\n              .join(\" · \")}\n          </p>\n          {seed ? <p className={styles.description}>Seed: {seed}</p> : null}\n          {lastPlayed ? <p className={styles.description}>Last played {lastPlayed}</p> : null}\n        </div>\n        {onPlay ? (\n          <IconButton\n            icon={<PlayIcon size={16} />}\n            label={`Play ${name}`}\n            variant=\"grass\"\n            onClick={onPlay}\n            className={worldStyles.play}\n          />\n        ) : null}\n      </div>\n    </BlockCard>\n  );\n});\n"],"mappings":";;;;;;;;;;;AAWA,IAAa,YAAY,WAAwC,SAAS,UACxE,EACE,MACA,OACA,UACA,KACA,MACA,YACA,QACA,WAAW,SACX,QAAQ,SACR,WACA,GAAG,QAEL,KACA;CACA,OACE,qBAAC,WAAD;EACO;EACK;EACH;EACP,WAAW,GAAGA,qBAAO,MAAM,SAAS;EACpC,GAAI;EALN,UAAA,CAOE,oBAAC,OAAD;GAAK,WAAWC,yBAAY;GACzB,UAAA,QACC,oBAAC,OAAD;IAAK,KAAK;IAAO,KAAI;IAAG,WAAWA,yBAAY;GAAQ,CAAA,IAEvD,oBAAC,QAAD;IAAM,WAAWA,yBAAY;IAAW,eAAY;GAAQ,CAAA;EAE3D,CAAA,GACL,qBAAC,OAAD;GAAK,WAAWA,yBAAY;GAA5B,UAAA,CACE,qBAAC,OAAD;IAAK,WAAWD,qBAAO;IAAvB,UAAA;KACE,oBAAC,KAAD;MAAG,WAAWA,qBAAO;MAAQ,UAAA;KAAQ,CAAA;KACrC,oBAAC,KAAD;MAAG,WAAWA,qBAAO;MAClB,UAAA,CAAC,UAAU,QAAQ,KAAA,IAAY,OAAO,aAAa,GAAG,MAAM,KAAA,CAAS,CAAC,CACpE,OAAO,OAAO,CAAC,CACf,KAAK,KAAK;KACZ,CAAA;KACF,OAAO,qBAAC,KAAD;MAAG,WAAWA,qBAAO;MAArB,UAAA,CAAkC,UAAO,IAAQ;KAAI,CAAA,IAAA;KAC5D,aAAa,qBAAC,KAAD;MAAG,WAAWA,qBAAO;MAArB,UAAA,CAAkC,gBAAa,UAAc;KAAI,CAAA,IAAA;IAC5E;GACJ,CAAA,GAAA,SACC,oBAAC,YAAD;IACE,MAAM,oBAAC,UAAD,EAAU,MAAM,GAAK,CAAA;IAC3B,OAAO,QAAQ;IACf,SAAQ;IACR,SAAS;IACT,WAAWC,yBAAY;GACxB,CAAA,IACC,IACD;EACI,CAAA,CAAA;;AAEf,CAAC"}

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

@@ -0,0 +1,17 @@
+//#region src/components/cards/WorldCard/WorldCard.module.css
+var preview = "block-preview-JwGTv";
+var image = "block-image-y0FZl";
+var landscape = "block-landscape-6j8Il";
+var info = "block-info-0sYPF";
+var play = "block-play-3bOpR";
+var WorldCard_module_default = {
+	preview,
+	image,
+	landscape,
+	info,
+	play
+};
+//#endregion
+export { WorldCard_module_default as default, image, info, landscape, play, preview };
+
+//# sourceMappingURL=WorldCard.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorldCard.module.js","names":[],"sources":["../../../../src/components/cards/WorldCard/WorldCard.module.css"],"sourcesContent":[".preview {\n  position: relative;\n  aspect-ratio: 16 / 7;\n  overflow: hidden;\n  border: var(--block-border-width-thin) solid var(--block-border);\n  background-color: var(--block-water-dark);\n}\n\n.image {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  image-rendering: pixelated;\n}\n\n/* Original pixel landscape: sky, hills, grass and dirt layers. */\n.landscape {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(\n      to bottom,\n      transparent 0 58%,\n      var(--block-grass) 58% 66%,\n      var(--block-grass-dark) 66% 70%,\n      var(--block-dirt) 70% 86%,\n      var(--block-stone-dark) 86% 100%\n    ),\n    linear-gradient(\n        to right,\n        transparent 0 8%,\n        var(--block-grass-dark) 8% 22%,\n        transparent 22% 54%,\n        var(--block-grass-dark) 54% 76%,\n        transparent 76%\n      )\n      0 46% / 100% 12% no-repeat,\n    linear-gradient(\n        to right,\n        transparent 0 12%,\n        var(--block-grass) 12% 18%,\n        transparent 18% 60%,\n        var(--block-grass) 60% 70%,\n        transparent 70%\n      )\n      0 36% / 100% 10% no-repeat,\n    linear-gradient(to bottom, var(--block-water-light), var(--block-water) 60%);\n  image-rendering: pixelated;\n}\n\n.info {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: var(--block-space-3);\n}\n\n.play {\n  flex-shrink: 0;\n}\n"],"mappings":""}

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

@@ -0,0 +1,15 @@
+import type { BlockCardProps } from "../BlockCard/BlockCard.types";
+export interface WorldCardProps extends Omit<BlockCardProps, "title" | "children" | "footer"> {
+    name: string;
+    /** Preview image URL. Falls back to a pixel landscape. */
+    image?: string;
+    gameMode?: string;
+    /** In-game day. */
+    day?: number;
+    seed?: string;
+    /** e.g. "2 hours ago". */
+    lastPlayed?: string;
+    /** Renders a Play button. */
+    onPlay?: () => void;
+}
+//# sourceMappingURL=WorldCard.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorldCard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/WorldCard/WorldCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC3F,IAAI,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB"}

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

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

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

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