Throw some initial version of code at the wall for the tabbed character sheet

templates/Apps/HeroSkillsCardV1/content.hbs

@@ -1,4 +1,4 @@
-<div class="HeroSkillsCardV1">
+<div class="HeroSkillsCardV1 {{ rc-toClasses classes }}" {{ rc-toAttributes attrs }}>
 	<div class="label col-header list-header gait-skills-header">
 		<span>{{ rc-i18n "RipCrypt.Apps.grit-skills" }}</span>
 	</div>

templates/Apps/HeroSummaryCardV1/content.hbs

@@ -1,4 +1,4 @@
-<div class="HeroSummaryCardV1">
+<div class="HeroSummaryCardV1 {{ rc-toClasses classes }}" {{ rc-toAttributes attrs }}>
 	{{!-- * Header --}}
 	<div class="header">
 		<div class="image">Logo Image</div>

templates/Apps/TabbedHeroSheet/style.css

@@ -0,0 +1,9 @@
+.ripcrypt.ripcrypt--TabbedHeroSheet {
+	> .window-content {
+		gap: 4px;
+		background: var(--base-background);
+		> .tab:not(.visible) {
+			display: none;
+		}
+	}
+}

templates/Apps/TabbedHeroSheet/tabs.hbs

@@ -0,0 +1,26 @@
+<nav>
+	<button
+		type="button"
+		data-action="tab"
+		data-group="root"
+		data-tab="HeroSummaryCardV1"
+	>
+		Stats
+	</button>
+	<button
+		type="button"
+		data-action="tab"
+		data-group="root"
+		data-tab="HeroSkillsCardV1"
+	>
+		Skills
+	</button>
+	<button
+		type="button"
+		data-action="tab"
+		data-group="root"
+		data-tab="HeroCraftCardV1"
+	>
+		Craft
+	</button>
+</nav>

templates/Apps/apps.css

@@ -5,3 +5,4 @@
 @import url("./HeroSummaryCardV1/style.css");
 @import url("./HeroSkillsCardV1/style.css");
 @import url("./RichEditor/style.css");
+@import url("./TabbedHeroSheet/style.css");