@noobsociety/nsds 0.1.2 → 0.2.1

package/dist/index.js

@@ -0,0 +1,1984 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region components/shared/styles.js
+var n = (...e) => e.filter(Boolean).join(" ");
+function r(e, t) {
+	return t ? {
+		...e,
+		...t
+	} : e;
+}
+var i = {
+	gold: "var(--ns-gold)",
+	pink: "var(--ns-pink)",
+	purple: "var(--ns-purple)",
+	cyan: "var(--ns-cyan)",
+	green: "var(--ns-green)",
+	orange: "var(--ns-orange)",
+	later: "var(--ns-ink-faint)"
+}, a = {
+	done: {
+		className: "ns-quest-card--done",
+		label: "HOLDS",
+		icon: "✓"
+	},
+	active: {
+		className: "ns-quest-card--active",
+		label: "BUILDING",
+		icon: "▶"
+	},
+	planned: {
+		className: "ns-quest-card--planned",
+		label: "PLANNED",
+		icon: "◌"
+	},
+	locked: {
+		className: "ns-quest-card--locked",
+		label: "LATER",
+		icon: "✦"
+	}
+}, o = new Set(["play", "ghost"]), s = new Set([
+	"sm",
+	"md",
+	"lg"
+]);
+function c({ variant: t = "play", size: r = "md", href: i, onClick: a, children: c, disabled: l = !1, className: u, type: d = "button", ...f }) {
+	let p = o.has(t) ? t : "play", m = s.has(r) ? r : "md", h = n("ns-button", `ns-button--${p}`, `ns-button--${m}`, u), g = {
+		...f,
+		className: h,
+		onClick: l ? void 0 : a
+	};
+	return i ? /* @__PURE__ */ e("a", {
+		...g,
+		href: l ? void 0 : i,
+		"aria-disabled": l || void 0,
+		tabIndex: l ? -1 : f.tabIndex,
+		children: c
+	}) : /* @__PURE__ */ e("button", {
+		...g,
+		type: d,
+		disabled: l,
+		children: c
+	});
+}
+//#endregion
+//#region components/cards/FeatureCard.jsx
+function l({ icon: a, title: o, body: s, tag: c, iconColor: l = i.gold, className: u, style: d, ...f }) {
+	return /* @__PURE__ */ t("li", {
+		...f,
+		className: n("ns-card ns-feature-card", u),
+		style: r({ "--ns-feature-accent": l }, d),
+		children: [
+			/* @__PURE__ */ e("span", {
+				className: "ns-icon-slot ns-feature-card__icon",
+				"aria-hidden": "true",
+				children: a
+			}),
+			/* @__PURE__ */ t("div", { children: [/* @__PURE__ */ e("h3", {
+				className: "ns-feature-card__title",
+				children: o
+			}), /* @__PURE__ */ e("p", {
+				className: "ns-feature-card__body",
+				children: s
+			})] }),
+			c && /* @__PURE__ */ e("span", {
+				className: "ns-tag ns-feature-card__tag",
+				children: c
+			})
+		]
+	});
+}
+//#endregion
+//#region components/cards/QuestCard.jsx
+function u({ gate: r, title: i, body: o, status: s = "locked", className: c, ...l }) {
+	let u = a[s] || a.locked;
+	return /* @__PURE__ */ t("li", {
+		...l,
+		className: n("ns-quest-card", u.className, c),
+		children: [/* @__PURE__ */ e("span", {
+			className: "ns-quest-card__icon",
+			"aria-hidden": "true",
+			children: u.icon
+		}), /* @__PURE__ */ t("div", {
+			className: "ns-quest-card__body",
+			children: [
+				/* @__PURE__ */ e("p", {
+					className: "ns-quest-card__title",
+					children: `Gate ${r} · ${i}`
+				}),
+				/* @__PURE__ */ e("p", {
+					className: "ns-quest-card__desc",
+					children: o
+				}),
+				/* @__PURE__ */ e("span", {
+					className: "ns-status-pill",
+					children: u.label
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region components/hud/HUDBar.jsx
+var d = "var(--ns-font-pixel, \"Press Start 2P\", monospace)";
+function f({ value: n = 40, max: r = 40, fillColor: i = "var(--hud-hp-fill, #4caf73)", trackColor: a = "var(--hud-track, rgba(255, 255, 255, 0.10))", height: o = 14, style: s }) {
+	let c = r > 0 ? Math.max(0, Math.min(100, n / r * 100)) : 0;
+	return /* @__PURE__ */ t("div", {
+		style: {
+			position: "relative",
+			background: a,
+			height: o,
+			overflow: "hidden",
+			fontFamily: d,
+			...s
+		},
+		children: [/* @__PURE__ */ e("div", { style: {
+			position: "absolute",
+			inset: 0,
+			width: `${c}%`,
+			background: i,
+			transition: "width .35s ease-out"
+		} }), /* @__PURE__ */ t("span", {
+			style: {
+				position: "absolute",
+				inset: 0,
+				display: "flex",
+				alignItems: "center",
+				paddingLeft: 4,
+				fontSize: 4,
+				color: "#fff",
+				pointerEvents: "none"
+			},
+			children: [
+				n,
+				" / ",
+				r
+			]
+		})]
+	});
+}
+//#endregion
+//#region components/hud/HUDDivider.jsx
+function p({ direction: t = "vertical", color: n = "var(--ns-line)", style: r }) {
+	let i = t === "vertical";
+	return /* @__PURE__ */ e("div", { style: {
+		width: i ? "1px" : "100%",
+		height: i ? "100%" : "1px",
+		background: n,
+		flexShrink: 0,
+		alignSelf: "stretch",
+		...r
+	} });
+}
+//#endregion
+//#region components/hud/HUDLabel.jsx
+var m = "var(--ns-font-pixel, \"Press Start 2P\", monospace)", h = {
+	left: "flex-start",
+	center: "center",
+	right: "flex-end"
+};
+function g({ text: t = "Label", align: n = "left", scale: r = 1, color: i = "var(--ns-ink)", fontSize: a = 5, style: o }) {
+	return /* @__PURE__ */ e("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: h[n] || h.left,
+			paddingLeft: n === "right" ? 0 : 3,
+			paddingRight: n === "left" ? 0 : 3,
+			fontFamily: m,
+			fontSize: a * r,
+			color: i,
+			whiteSpace: "nowrap",
+			overflow: "hidden",
+			width: "100%",
+			height: "100%",
+			...o
+		},
+		children: t
+	});
+}
+//#endregion
+//#region components/icons/RPGIcon.jsx
+function _() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("line", {
+				x1: "13",
+				y1: "2",
+				x2: "4",
+				y2: "11",
+				stroke: "#cfd8e2",
+				strokeWidth: "2",
+				strokeLinecap: "square"
+			}),
+			/* @__PURE__ */ e("line", {
+				x1: "6",
+				y1: "5",
+				x2: "10",
+				y2: "9",
+				stroke: "#e6db74",
+				strokeWidth: "2",
+				strokeLinecap: "square"
+			}),
+			/* @__PURE__ */ e("line", {
+				x1: "4",
+				y1: "10",
+				x2: "2",
+				y2: "13",
+				stroke: "#b07040",
+				strokeWidth: "1.5",
+				strokeLinecap: "square"
+			})
+		]
+	});
+}
+function v() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "1",
+				width: "3",
+				height: "2",
+				fill: "#8a6540"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "3",
+				width: "2",
+				height: "10",
+				fill: "#8a6540"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "13",
+				width: "3",
+				height: "2",
+				fill: "#8a6540"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "2",
+				width: "1",
+				height: "1",
+				fill: "#cfd8e2"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "3",
+				width: "1",
+				height: "10",
+				fill: "#cfd8e2"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "13",
+				width: "1",
+				height: "1",
+				fill: "#cfd8e2"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "7",
+				width: "7",
+				height: "2",
+				fill: "#c8a878"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "13",
+				y: "6",
+				width: "2",
+				height: "1",
+				fill: "#cfd8e2"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "14",
+				y: "7",
+				width: "2",
+				height: "2",
+				fill: "#cfd8e2"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "13",
+				y: "9",
+				width: "2",
+				height: "1",
+				fill: "#cfd8e2"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "5",
+				width: "2",
+				height: "2",
+				fill: "#ae81ff"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "9",
+				width: "2",
+				height: "2",
+				fill: "#ae81ff"
+			})
+		]
+	});
+}
+function y() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "1",
+				width: "6",
+				height: "1",
+				fill: "#c8a8ff"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "2",
+				width: "8",
+				height: "4",
+				fill: "#ae81ff"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "6",
+				width: "6",
+				height: "1",
+				fill: "#c8a8ff"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "3",
+				width: "4",
+				height: "2",
+				fill: "#d4b8ff"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "7",
+				width: "2",
+				height: "8",
+				fill: "#8a6540"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "10",
+				width: "4",
+				height: "1",
+				fill: "#b07040"
+			})
+		]
+	});
+}
+function b() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "1",
+				width: "2",
+				height: "8",
+				fill: "#cfd8e2"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "9",
+				width: "2",
+				height: "3",
+				fill: "#a8b0bc"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "12",
+				y: "1",
+				width: "2",
+				height: "8",
+				fill: "#cfd8e2"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "12",
+				y: "9",
+				width: "2",
+				height: "3",
+				fill: "#a8b0bc"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "8",
+				width: "12",
+				height: "2",
+				fill: "#e6db74"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "10",
+				width: "4",
+				height: "5",
+				fill: "#8a6540"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "0",
+				width: "1",
+				height: "1",
+				fill: "#eef0f4"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "12",
+				y: "0",
+				width: "1",
+				height: "1",
+				fill: "#eef0f4"
+			})
+		]
+	});
+}
+function x() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "2",
+				width: "2",
+				height: "12",
+				fill: "#6a4a6a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "2",
+				width: "10",
+				height: "12",
+				fill: "#8855aa"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "13",
+				y: "3",
+				width: "1",
+				height: "10",
+				fill: "#f4f0e8"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "4",
+				width: "2",
+				height: "1",
+				fill: "#c8a8ff"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "5",
+				width: "4",
+				height: "1",
+				fill: "#c8a8ff"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "6",
+				width: "2",
+				height: "1",
+				fill: "#c8a8ff"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "8",
+				width: "4",
+				height: "1",
+				fill: "#e6db74"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "9",
+				width: "2",
+				height: "2",
+				fill: "#e6db74"
+			})
+		]
+	});
+}
+function S() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "1",
+				width: "8",
+				height: "1",
+				fill: "#a8b0bc"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "2",
+				width: "10",
+				height: "5",
+				fill: "#a8b0bc"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "2",
+				width: "10",
+				height: "1",
+				fill: "#cfd8e2"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "3",
+				width: "1",
+				height: "3",
+				fill: "#cfd8e2"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "7",
+				width: "10",
+				height: "1",
+				fill: "#5a6570"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "7",
+				width: "2",
+				height: "8",
+				fill: "#8a6540"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "10",
+				width: "4",
+				height: "1",
+				fill: "#b07040"
+			})
+		]
+	});
+}
+function C() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "6",
+				width: "12",
+				height: "4",
+				fill: "#7a7a8a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "2",
+				width: "4",
+				height: "12",
+				fill: "#7a7a8a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "3",
+				width: "2",
+				height: "2",
+				fill: "#7a7a8a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "11",
+				y: "3",
+				width: "2",
+				height: "2",
+				fill: "#7a7a8a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "11",
+				width: "2",
+				height: "2",
+				fill: "#7a7a8a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "11",
+				y: "11",
+				width: "2",
+				height: "2",
+				fill: "#7a7a8a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "7",
+				width: "2",
+				height: "2",
+				fill: "#b0b0c0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "4",
+				width: "2",
+				height: "1",
+				fill: "#b0b0c0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "11",
+				width: "2",
+				height: "1",
+				fill: "#b0b0c0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "7",
+				width: "1",
+				height: "2",
+				fill: "#b0b0c0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "11",
+				y: "7",
+				width: "1",
+				height: "2",
+				fill: "#b0b0c0"
+			})
+		]
+	});
+}
+function w() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "2",
+				width: "2",
+				height: "2",
+				fill: "#c8a050"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "4",
+				width: "4",
+				height: "2",
+				fill: "#c8a050"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "6",
+				width: "6",
+				height: "2",
+				fill: "#8b6914"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "8",
+				width: "8",
+				height: "2",
+				fill: "#8b6914"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "10",
+				width: "10",
+				height: "2",
+				fill: "#6a5010"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "1",
+				y: "12",
+				width: "14",
+				height: "3",
+				fill: "#5a4008"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "2",
+				width: "2",
+				height: "1",
+				fill: "#f0ece0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "3",
+				width: "4",
+				height: "1",
+				fill: "#f0ece0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "8",
+				width: "1",
+				height: "1",
+				fill: "#a07820"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "10",
+				y: "9",
+				width: "1",
+				height: "1",
+				fill: "#a07820"
+			})
+		]
+	});
+}
+function T() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "4",
+				width: "10",
+				height: "1",
+				fill: "#5dcaa5"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "5",
+				width: "2",
+				height: "1",
+				fill: "#5dcaa5"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "12",
+				y: "3",
+				width: "2",
+				height: "2",
+				fill: "#5dcaa5"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "13",
+				y: "5",
+				width: "1",
+				height: "1",
+				fill: "#5dcaa5"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "1",
+				y: "7",
+				width: "11",
+				height: "2",
+				fill: "#5dcaa5"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "12",
+				y: "6",
+				width: "2",
+				height: "4",
+				fill: "#5dcaa5"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "11",
+				y: "10",
+				width: "2",
+				height: "1",
+				fill: "#5dcaa5"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "12",
+				width: "9",
+				height: "1",
+				fill: "#5dcaa5"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "11",
+				width: "2",
+				height: "1",
+				fill: "#5dcaa5"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "11",
+				y: "12",
+				width: "2",
+				height: "2",
+				fill: "#5dcaa5"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "10",
+				y: "14",
+				width: "2",
+				height: "1",
+				fill: "#5dcaa5"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "3",
+				width: "8",
+				height: "1",
+				fill: "#90e8cc"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "8",
+				width: "9",
+				height: "1",
+				fill: "#90e8cc"
+			})
+		]
+	});
+}
+function E() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "1",
+				width: "4",
+				height: "1",
+				fill: "#378add"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "2",
+				width: "6",
+				height: "2",
+				fill: "#378add"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "4",
+				width: "8",
+				height: "6",
+				fill: "#378add"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "10",
+				width: "6",
+				height: "2",
+				fill: "#378add"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "12",
+				width: "4",
+				height: "2",
+				fill: "#378add"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "14",
+				width: "2",
+				height: "1",
+				fill: "#378add"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "4",
+				width: "3",
+				height: "4",
+				fill: "#70b8f0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "3",
+				width: "2",
+				height: "1",
+				fill: "#70b8f0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "7",
+				width: "2",
+				height: "1",
+				fill: "#1a5a9a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "9",
+				y: "8",
+				width: "2",
+				height: "1",
+				fill: "#1a5a9a"
+			})
+		]
+	});
+}
+function D() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "11",
+				width: "8",
+				height: "4",
+				fill: "#ba7517"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "8",
+				width: "10",
+				height: "3",
+				fill: "#ba7517"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "5",
+				width: "8",
+				height: "3",
+				fill: "#ba7517"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "3",
+				width: "6",
+				height: "2",
+				fill: "#ba7517"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "1",
+				width: "4",
+				height: "2",
+				fill: "#ba7517"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "9",
+				width: "6",
+				height: "5",
+				fill: "#e8882a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "7",
+				width: "4",
+				height: "2",
+				fill: "#e8882a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "10",
+				width: "4",
+				height: "3",
+				fill: "#e6db74"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "9",
+				width: "2",
+				height: "1",
+				fill: "#e6db74"
+			})
+		]
+	});
+}
+function O() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "2",
+				width: "6",
+				height: "2",
+				fill: "#888780"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "4",
+				width: "8",
+				height: "8",
+				fill: "#888780"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "12",
+				width: "6",
+				height: "2",
+				fill: "#888780"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "3",
+				width: "1",
+				height: "10",
+				fill: "#888780"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "8",
+				y: "4",
+				width: "4",
+				height: "8",
+				fill: "#1a1a20"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "5",
+				width: "5",
+				height: "6",
+				fill: "#1a1a20"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "11",
+				y: "2",
+				width: "1",
+				height: "1",
+				fill: "#c8c8d0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "13",
+				y: "5",
+				width: "1",
+				height: "1",
+				fill: "#c8c8d0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "12",
+				y: "9",
+				width: "1",
+				height: "1",
+				fill: "#c8c8d0"
+			})
+		]
+	});
+}
+function k() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "5",
+				width: "6",
+				height: "6",
+				fill: "#fac775"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "4",
+				width: "4",
+				height: "1",
+				fill: "#fac775"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "11",
+				width: "4",
+				height: "1",
+				fill: "#fac775"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "6",
+				width: "1",
+				height: "4",
+				fill: "#fac775"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "11",
+				y: "6",
+				width: "1",
+				height: "4",
+				fill: "#fac775"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "1",
+				width: "2",
+				height: "3",
+				fill: "#fac775"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "12",
+				width: "2",
+				height: "3",
+				fill: "#fac775"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "1",
+				y: "7",
+				width: "3",
+				height: "2",
+				fill: "#fac775"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "12",
+				y: "7",
+				width: "3",
+				height: "2",
+				fill: "#fac775"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "3",
+				width: "2",
+				height: "2",
+				fill: "#fac775"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "11",
+				y: "3",
+				width: "2",
+				height: "2",
+				fill: "#fac775"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "11",
+				width: "2",
+				height: "2",
+				fill: "#fac775"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "11",
+				y: "11",
+				width: "2",
+				height: "2",
+				fill: "#fac775"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "6",
+				width: "4",
+				height: "4",
+				fill: "#fff8e0"
+			})
+		]
+	});
+}
+function A() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "1",
+				width: "6",
+				height: "2",
+				fill: "#7f77dd"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "3",
+				width: "10",
+				height: "2",
+				fill: "#7f77dd"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "5",
+				width: "12",
+				height: "6",
+				fill: "#7f77dd"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "11",
+				width: "10",
+				height: "2",
+				fill: "#7f77dd"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "13",
+				width: "6",
+				height: "2",
+				fill: "#7f77dd"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "4",
+				width: "8",
+				height: "8",
+				fill: "#1a1828"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "3",
+				width: "6",
+				height: "1",
+				fill: "#1a1828"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "12",
+				width: "6",
+				height: "1",
+				fill: "#1a1828"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "5",
+				width: "1",
+				height: "6",
+				fill: "#1a1828"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "12",
+				y: "5",
+				width: "1",
+				height: "6",
+				fill: "#1a1828"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "6",
+				width: "4",
+				height: "4",
+				fill: "#4a44aa"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "5",
+				width: "2",
+				height: "1",
+				fill: "#4a44aa"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "10",
+				width: "2",
+				height: "1",
+				fill: "#4a44aa"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "7",
+				width: "1",
+				height: "2",
+				fill: "#4a44aa"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "10",
+				y: "7",
+				width: "1",
+				height: "2",
+				fill: "#4a44aa"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "7",
+				width: "2",
+				height: "2",
+				fill: "#c8c0ff"
+			})
+		]
+	});
+}
+function j() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "1",
+				width: "6",
+				height: "5",
+				fill: "#e8c87a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "6",
+				width: "2",
+				height: "1",
+				fill: "#d4a85a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "7",
+				width: "10",
+				height: "5",
+				fill: "#c8873a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "1",
+				y: "7",
+				width: "2",
+				height: "4",
+				fill: "#c8873a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "13",
+				y: "7",
+				width: "2",
+				height: "4",
+				fill: "#c8873a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "12",
+				width: "3",
+				height: "3",
+				fill: "#8a5c2a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "9",
+				y: "12",
+				width: "3",
+				height: "3",
+				fill: "#8a5c2a"
+			})
+		]
+	});
+}
+function M() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "1",
+				width: "3",
+				height: "4",
+				fill: "#c8a060"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "11",
+				y: "1",
+				width: "3",
+				height: "4",
+				fill: "#c8a060"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "2",
+				width: "1",
+				height: "2",
+				fill: "#e8886a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "12",
+				y: "2",
+				width: "1",
+				height: "2",
+				fill: "#e8886a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "4",
+				width: "10",
+				height: "6",
+				fill: "#c8a060"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "8",
+				width: "6",
+				height: "3",
+				fill: "#d4b070"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "8",
+				width: "2",
+				height: "1",
+				fill: "#5a3020"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "6",
+				width: "3",
+				height: "2",
+				fill: "#e8a020"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "9",
+				y: "6",
+				width: "3",
+				height: "2",
+				fill: "#e8a020"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "6",
+				width: "1",
+				height: "2",
+				fill: "#1a1008"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "10",
+				y: "6",
+				width: "1",
+				height: "2",
+				fill: "#1a1008"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "11",
+				width: "10",
+				height: "4",
+				fill: "#a87840"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "1",
+				y: "11",
+				width: "2",
+				height: "3",
+				fill: "#a87840"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "13",
+				y: "11",
+				width: "2",
+				height: "3",
+				fill: "#a87840"
+			})
+		]
+	});
+}
+function N() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "1",
+				width: "2",
+				height: "5",
+				fill: "#cc3030"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "11",
+				y: "1",
+				width: "2",
+				height: "5",
+				fill: "#cc3030"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "1",
+				width: "2",
+				height: "2",
+				fill: "#cc3030"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "12",
+				y: "1",
+				width: "2",
+				height: "2",
+				fill: "#cc3030"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "5",
+				width: "10",
+				height: "6",
+				fill: "#7a2a2a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "7",
+				width: "3",
+				height: "2",
+				fill: "#ff2020"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "9",
+				y: "7",
+				width: "3",
+				height: "2",
+				fill: "#ff2020"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "7",
+				width: "1",
+				height: "2",
+				fill: "#ff8080"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "10",
+				y: "7",
+				width: "1",
+				height: "2",
+				fill: "#ff8080"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "11",
+				width: "1",
+				height: "2",
+				fill: "#f0e8d0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "9",
+				y: "11",
+				width: "1",
+				height: "2",
+				fill: "#f0e8d0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "12",
+				width: "12",
+				height: "4",
+				fill: "#5a1a1a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "1",
+				y: "12",
+				width: "2",
+				height: "3",
+				fill: "#5a1a1a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "13",
+				y: "12",
+				width: "2",
+				height: "3",
+				fill: "#5a1a1a"
+			})
+		]
+	});
+}
+function P() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "1",
+				width: "8",
+				height: "1",
+				fill: "#e6db74"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "2",
+				width: "10",
+				height: "1",
+				fill: "#e6db74"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "3",
+				width: "2",
+				height: "1",
+				fill: "#e6db74"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "11",
+				y: "3",
+				width: "2",
+				height: "1",
+				fill: "#e6db74"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "4",
+				width: "6",
+				height: "5",
+				fill: "#f4e4c0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "6",
+				width: "2",
+				height: "1",
+				fill: "#6090e0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "10",
+				y: "6",
+				width: "2",
+				height: "1",
+				fill: "#6090e0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "1",
+				y: "9",
+				width: "4",
+				height: "5",
+				fill: "#f0f0f8"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "11",
+				y: "9",
+				width: "4",
+				height: "5",
+				fill: "#f0f0f8"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "1",
+				y: "9",
+				width: "2",
+				height: "3",
+				fill: "#ffffff"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "13",
+				y: "9",
+				width: "2",
+				height: "3",
+				fill: "#ffffff"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "9",
+				width: "6",
+				height: "6",
+				fill: "#d4c8f0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "10",
+				width: "1",
+				height: "4",
+				fill: "#d4c8f0"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "11",
+				y: "10",
+				width: "1",
+				height: "4",
+				fill: "#d4c8f0"
+			})
+		]
+	});
+}
+function F() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "1",
+				width: "4",
+				height: "2",
+				fill: "#66d9e8"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "3",
+				width: "6",
+				height: "4",
+				fill: "#66d9e8"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "7",
+				width: "8",
+				height: "4",
+				fill: "#66d9e8"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "5",
+				y: "11",
+				width: "6",
+				height: "2",
+				fill: "#66d9e8"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "4",
+				y: "13",
+				width: "2",
+				height: "2",
+				fill: "#66d9e8"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "13",
+				width: "2",
+				height: "2",
+				fill: "#66d9e8"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "10",
+				y: "13",
+				width: "2",
+				height: "2",
+				fill: "#66d9e8"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "4",
+				width: "4",
+				height: "3",
+				fill: "#b0eff6"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "3",
+				width: "2",
+				height: "1",
+				fill: "#b0eff6"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "7",
+				width: "2",
+				height: "2",
+				fill: "#ffffff"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "9",
+				y: "7",
+				width: "2",
+				height: "2",
+				fill: "#ffffff"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "8",
+				width: "1",
+				height: "1",
+				fill: "#66d9e8"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "10",
+				y: "8",
+				width: "1",
+				height: "1",
+				fill: "#66d9e8"
+			})
+		]
+	});
+}
+function I() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "1",
+				y: "11",
+				width: "3",
+				height: "4",
+				fill: "#cfd8e2"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "7",
+				width: "4",
+				height: "8",
+				fill: "#4a4a5a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "12",
+				y: "4",
+				width: "3",
+				height: "11",
+				fill: "#4a4a5a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "1",
+				y: "15",
+				width: "14",
+				height: "1",
+				fill: "#5a5a6a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "1",
+				y: "8",
+				width: "1",
+				height: "2",
+				fill: "#e6db74"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "3",
+				y: "10",
+				width: "1",
+				height: "2",
+				fill: "#e6db74"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "2",
+				y: "10",
+				width: "1",
+				height: "1",
+				fill: "#e6db74"
+			})
+		]
+	});
+}
+function L() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "1",
+				y: "11",
+				width: "3",
+				height: "4",
+				fill: "#4a4a5a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "7",
+				width: "4",
+				height: "8",
+				fill: "#cfd8e2"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "12",
+				y: "4",
+				width: "3",
+				height: "11",
+				fill: "#4a4a5a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "1",
+				y: "15",
+				width: "14",
+				height: "1",
+				fill: "#5a5a6a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "4",
+				width: "1",
+				height: "2",
+				fill: "#e6db74"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "9",
+				y: "4",
+				width: "1",
+				height: "2",
+				fill: "#e6db74"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "7",
+				y: "5",
+				width: "2",
+				height: "1",
+				fill: "#e6db74"
+			})
+		]
+	});
+}
+function R() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ e("rect", {
+				x: "1",
+				y: "11",
+				width: "3",
+				height: "4",
+				fill: "#4a4a5a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "6",
+				y: "7",
+				width: "4",
+				height: "8",
+				fill: "#4a4a5a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "12",
+				y: "4",
+				width: "3",
+				height: "11",
+				fill: "#cfd8e2"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "1",
+				y: "15",
+				width: "14",
+				height: "1",
+				fill: "#5a5a6a"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "13",
+				y: "1",
+				width: "1",
+				height: "2",
+				fill: "#e6db74"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "14",
+				y: "1",
+				width: "1",
+				height: "3",
+				fill: "#e6db74"
+			}),
+			/* @__PURE__ */ e("rect", {
+				x: "13",
+				y: "3",
+				width: "1",
+				height: "1",
+				fill: "#e6db74"
+			})
+		]
+	});
+}
+var z = {
+	sword: _,
+	staff: y,
+	bow: v,
+	katar: b,
+	book: x,
+	hammer: S,
+	neutral: C,
+	earth: w,
+	wind: T,
+	water: E,
+	fire: D,
+	light: k,
+	dark: O,
+	void: A,
+	human: j,
+	beast: M,
+	demon: N,
+	angel: P,
+	spirit: F,
+	small: I,
+	medium: L,
+	large: R
+}, B = Object.keys(z);
+function V({ name: t = "sword", size: n = 22, style: r }) {
+	let i = z[t] || _;
+	return /* @__PURE__ */ e("span", {
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			width: n,
+			height: n,
+			imageRendering: "pixelated",
+			flexShrink: 0,
+			...r
+		},
+		children: /* @__PURE__ */ e(i, {})
+	});
+}
+V.icons = B;
+var H = V;
+//#endregion
+//#region components/navigation/SectionArrow.jsx
+function U() {
+	return /* @__PURE__ */ e("svg", {
+		viewBox: "0 0 12 8",
+		width: 12,
+		height: 12,
+		"aria-hidden": "true",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: /* @__PURE__ */ e("polyline", { points: "1,1.5 6,6.5 11,1.5" })
+	});
+}
+function W({ href: t, label: r, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ e("a", {
+		...o,
+		href: t,
+		"aria-label": r,
+		className: n("ns-section-arrow", i),
+		children: a || /* @__PURE__ */ e(U, {})
+	});
+}
+//#endregion
+export { c as Button, l as FeatureCard, f as HUDBar, p as HUDDivider, H as HUDIcon, g as HUDLabel, u as QuestCard, V as RPGIcon, W as SectionArrow, B as icons };