Begin adding cost to items

module/handlebarHelpers/inputs/currency.mjs

@@ -0,0 +1,33 @@
+import { groupInput } from "./groupInput.mjs";
+
+export function costInput(input, data) {
+	return groupInput({
+		title: input.label,
+		fields: [
+			{
+				id: input.id + `-gold`,
+				type: `integer`,
+				label: `RipCrypt.common.currency.gold`,
+				value: input.gold,
+				path: `system.cost.gold`,
+				limited: input.limited,
+			},
+			{
+				id: input.id + `-silver`,
+				type: `integer`,
+				label: `RipCrypt.common.currency.silver`,
+				value: input.silver,
+				path: `system.cost.silver`,
+				limited: input.limited,
+			},
+			{
+				id: input.id + `-copper`,
+				type: `integer`,
+				label: `RipCrypt.common.currency.copper`,
+				value: input.copper,
+				path: `system.cost.copper`,
+				limited: input.limited,
+			},
+		],
+	}, data);
+};

module/handlebarHelpers/inputs/formFields.mjs

@@ -1,5 +1,6 @@
 import { barInput } from "./barInput.mjs";
 import { booleanInput } from "./booleanInput.mjs";
+import { costInput } from "./currency.mjs";
 import { dropdownInput } from "./dropdownInput.mjs";
 import { groupInput } from "./groupInput.mjs";
 import { numberInput } from "./numberInput.mjs";
@@ -18,6 +19,7 @@ const inputTypes = {
 	boolean: booleanInput,
 	group: groupInput,
 	text: textInput,
+	cost: costInput,
 };
 
 const typesToSanitize = new Set([ `string`, `number` ]);

module/handlebarHelpers/inputs/groupInput.mjs

@@ -16,7 +16,7 @@ export function groupInput(input, data) {
 		data-input-type="group"
 		var:border-color="${input.borderColor ?? `var(--accent-1)`}"
 		var:vertical-displacement="${input.verticalDisplacement ?? `12px`}"
-		var:padding-top="${input.paddingTop ?? `16px`}"
+		var:padding-top="${input.paddingTop ?? `20px`}"
 	>
 		<div slot="title">${title}</div>
 		<div slot="content" class="content">