(() => {
  window.componentRegistry ||= {};
  window.componentRegistry["src-web/rarity/index.html"] = {"showcase":"<div class=\"panel\">\n          <div class=\"panel-heading\"><div class=\"panel-title\">ItemIcon / Rarity token application</div><div class=\"panel-note\">Content asset + frame component + semantic tone + optional emphasis</div></div>\n          <div class=\"panel-body\">\n            <div class=\"rarity-grid\">\n              <div class=\"rarity-card\"><div class=\"rarity-slot\"><img class=\"item\" src=\"src-web/rarity/img/sprite_item.NPK/equipmentskill.img/0.PNG\"><img class=\"frame\" src=\"src-web/rarity/img/equipment-rarity/rare.png\"></div><div class=\"rarity-name q-rare\">稀有 / Rare</div></div>\n              <div class=\"rarity-card\"><div class=\"rarity-slot\"><img class=\"item\" src=\"src-web/rarity/img/sprite_item.NPK/equipmentskill.img/1.PNG\"><img class=\"frame\" src=\"src-web/rarity/img/equipment-rarity/artifact.png\"></div><div class=\"rarity-name q-artifact\">神器 / Artifact</div></div>\n              <div class=\"rarity-card\"><div class=\"rarity-slot\"><img class=\"item\" src=\"src-web/rarity/img/sprite_item.NPK/equipmentskill.img/2.PNG\"><img class=\"frame\" src=\"src-web/rarity/img/equipment-rarity/legend.png\"></div><div class=\"rarity-name q-legend\">传说 / Legend</div></div>\n              <div class=\"rarity-card\"><div class=\"rarity-slot\"><img class=\"item\" src=\"src-web/rarity/img/sprite_item.NPK/equipmentskill.img/3.PNG\"><img class=\"frame\" src=\"src-web/rarity/img/equipment-rarity/epic.png\"></div><div class=\"rarity-name q-epic\">史诗 / Epic</div></div>\n              <div class=\"rarity-card\"><div class=\"rarity-slot\"><img class=\"item\" src=\"src-web/rarity/img/sprite_item.NPK/equipmentskill.img/4.PNG\"><img class=\"frame\" src=\"src-web/rarity/img/equipment-rarity/primeval.png\"></div><div class=\"rarity-name q-primeval\">太初 / Primeval</div></div>\n              <div class=\"rarity-card\"><div class=\"rarity-slot is-emphasized\" title=\"Emphasized\"><img class=\"item\" src=\"src-web/rarity/img/sprite_item.NPK/equipmentskill.img/3.PNG\"></div><div class=\"rarity-name\">强调 / Emphasis</div></div>\n            </div>\n            <div class=\"divider\"></div>\n            <div class=\"spec-row\"><span class=\"spec-chip asset\">RasterIcon</span><span class=\"spec-chip\">IconFrame = Instance Swap</span><span class=\"spec-chip\">RarityTone = Token</span><span class=\"spec-chip captured\">Emphasis = Optional modifier</span></div>\n          </div>\n        </div>","badges":"<div class=\"panel\">\n          <div class=\"panel-heading\"><div class=\"panel-title\">NoticeBadge / LevelBadge</div><div class=\"panel-note\">Separate families</div></div>\n          <div class=\"panel-body\">\n            <div class=\"rule-label\">Notice badge placements</div>\n            <div class=\"badge-demo\">\n              <div class=\"badge-anchor\"><img src=\"src-web/rarity/img/sprite_interface2_option.NPK/option.img/97.PNG\"><img class=\"alert-badge\" src=\"src-web/rarity/img/sprite_interface.NPK/windowcommon.chn.img/301.PNG\"></div>\n              <div class=\"badge-anchor\"><img src=\"src-web/rarity/img/sprite_interface2_option.NPK/option.img/100.PNG\"><img class=\"alert-badge\" src=\"src-web/rarity/img/sprite_interface.NPK/windowcommon.chn.img/301.PNG\"></div>\n            </div>\n            <div class=\"divider\"></div>\n            <div class=\"rule-label\">Level markers</div>\n            <div style=\"display:flex;gap:10px\" class=\"dnf-ui\"><div class=\"level-badge\">1级</div><div class=\"level-badge\" style=\"color:var(--info)\">2级</div><div class=\"level-badge\" style=\"color:var(--success)\">56级</div></div>\n            <div class=\"spec-row\" style=\"margin-top:16px\"><span class=\"spec-chip captured\">Captured tones</span><span class=\"spec-chip derived\">Count deferred</span></div>\n          </div>\n        </div>"};
})();