{# Inline SVG icons for docs nav (Phosphor-style, no icon() dependency). #}

{% def section_icon_name(title, href) %}
{%- let key = ((title ?? '') ~ ' ' ~ (href ?? '')) | lower -%}
{%- if 'component' in key -%}cube
{%- elif 'release' in key -%}rocket
{%- elif 'api' in key or 'reference' in key -%}code
{%- elif 'blog' in key or 'forum' in key -%}newspaper
{%- elif 'doc' in key or 'guide' in key or 'start' in key or 'install' in key -%}book-open
{%- elif 'tutorial' in key -%}graduation-cap
{%- elif 'example' in key -%}stack
{%- elif 'quality' in key or 'test' in key -%}check-circle
{%- elif 'about' in key -%}info
{%- elif 'build' in key or 'app' in key -%}hammer
{%- else -%}{%- end -%}
{% end %}

{% def docs_icon(name, size=14) %}
{% let s = size | string %}
{% let view_box = '0 0 272 256' if name == 'folder-open' else '0 0 256 256' %}
<svg xmlns="http://www.w3.org/2000/svg" width="{{ s }}" height="{{ s }}" viewBox="{{ view_box }}" fill="currentColor" overflow="visible" aria-hidden="true" focusable="false">
{% if name == 'folder' %}
<path d="M216,72H131.31L104,44.69A15.86,15.86,0,0,0,92.69,40H40A16,16,0,0,0,24,56V200.62A15.4,15.4,0,0,0,39.38,216H216.89A15.13,15.13,0,0,0,232,200.89V88A16,16,0,0,0,216,72ZM40,56H92.69l16,16H40ZM216,200H40V88H216Z"/>
{% elif name == 'folder-open' %}
<path d="M245,110.64A16,16,0,0,0,232,104H216V88a16,16,0,0,0-16-16H130.75L104.28,44.69A15.86,15.86,0,0,0,92.69,40H40A16,16,0,0,0,24,56V200.62A15.4,15.4,0,0,0,39.38,216H216.89A15.13,15.13,0,0,0,232,200.89V112A16,16,0,0,0,245,110.64ZM92.69,56H216V88H40V56ZM216,200H40V104H232v96.89Z"/>
{% elif name == 'article' %}
<path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32Zm0,176H48V88H208Zm-96-88a8,8,0,0,1,8-8h56a8,8,0,0,1,0,16H120A8,8,0,0,1,112,120Zm0,32a8,8,0,0,1,8-8h56a8,8,0,0,1,0,16H120A8,8,0,0,1,112,152Zm0,32a8,8,0,0,1,8-8h56a8,8,0,0,1,0,16H120A8,8,0,0,1,112,184Z"/>
{% elif name == 'file-code' or name == 'code' %}
<path d="M200,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V40A16,16,0,0,0,200,24Zm0,192H56V40H200ZM94.34,85.66a8,8,0,0,1,0,11.32L67.31,124l27,27a8,8,0,0,1-11.32,11.32l-32-32a8,8,0,0,1,0-11.32l32-32A8,8,0,0,1,94.34,85.66Zm67.32,0a8,8,0,0,1,11.32,0l32,32a8,8,0,0,1,0,11.32l-32,32a8,8,0,0,1-11.32-11.32l27-27-27-27A8,8,0,0,1,161.66,85.66Z"/>
{% elif name == 'book-open' %}
<path d="M232,48H160a40,40,0,0,0-32,16A40,40,0,0,0,96,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,24,8,8,0,0,0,16,0,24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM96,192H32V64H96a24,24,0,0,1,24,24V200A39.81,39.81,0,0,0,96,192Zm128,0H160a39.81,39.81,0,0,0-24,8V88a24,24,0,0,1,24-24h64Z"/>
{% elif name == 'graduation-cap' %}
<path d="M251.76,88.94l-120-64a8,8,0,0,0-7.52,0l-120,64a8,8,0,0,0,0,14.12L32,117.87v48.42a15.91,15.91,0,0,0,4.06,10.65C49.16,191.53,78.51,216,128,216s78.84-24.47,91.94-39.06A15.91,15.91,0,0,0,224,166.29V117.87l27.76-14.81a8,8,0,0,0,0-14.12ZM128,200c-43.27,0-68.72-20.49-80-32.56V126.63l76.24,40.66a8,8,0,0,0,7.52,0L208,126.63v40.81C196.72,179.51,171.27,200,128,200Zm96-80.56L128,152,32,119.44,128,64Z"/>
{% elif name == 'magnifying-glass' %}
<path d="M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"/>
{% elif name == 'rocket' %}
<path d="M223.85,47.12a16,16,0,0,0-15-15c-40.43-2.13-78.65,10-108.13,34.63L57.63,93.37A16,16,0,0,0,55,100.68L32.35,148.35a8,8,0,0,0,2.87,9.52l31.9,21.27,21.27,31.9a8,8,0,0,0,9.52,2.87l47.67-22.68a16,16,0,0,0,7.31-2.68l27.58-22.58C213.89,125.65,226,87.43,223.85,47.12ZM64.35,116.35,96,84.69,171.31,160,139.65,191.65,64.35,116.35ZM200,76a24,24,0,1,1-24-24A24,24,0,0,1,200,76Z"/>
{% elif name == 'hammer' %}
<path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32Zm0,176H48V88H208Z"/>
{% elif name == 'stack' %}
<path d="M216,48H40a8,8,0,0,0-8,8V96a8,8,0,0,0,8,8H216a8,8,0,0,0,8-8V56A8,8,0,0,0,216,48Zm-8,40H48V64H208ZM40,112a8,8,0,0,0-8,8v40a8,8,0,0,0,8,8H216a8,8,0,0,0,8-8V120a8,8,0,0,0-8-8Zm8,40V128H208v24ZM40,176a8,8,0,0,0-8,8v40a8,8,0,0,0,8,8H216a8,8,0,0,0,8-8V184a8,8,0,0,0-8-8Zm8,40V192H208v24Z"/>
{% elif name == 'info' %}
<path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"/>
{% elif name == 'sparkle' %}
<path d="M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-3.74,3.74L128,189.4l-5.3-21.44a8,8,0,0,0-3.74-3.74L97.52,158.8,118.6,153.5a8,8,0,0,0,3.74-3.74L128,128.32l5.66,21.44a8,8,0,0,0,3.74,3.74l21.08,5.3Z"/>
{% elif name == 'link' %}
<path d="M137.54,186.36a8,8,0,0,1,0,11.31l-9.94,9.94a56,56,0,0,1-79.2-79.2l24-24a56,56,0,0,1,79.2,0,8,8,0,0,1-11.32,11.32,40,40,0,0,0-56.56,0l-24,24a40,40,0,0,0,56.56,56.56l9.94-9.94A8,8,0,0,1,137.54,186.36Zm70.08-138a56.08,56.08,0,0,0-79.2,0l-9.94,9.95a8,8,0,0,0,11.32,11.31l9.94-9.94a40,40,0,0,1,56.56,56.56l-24,24a40,40,0,0,1-56.56,0,8,8,0,1,0-11.32,11.32,56,56,0,0,0,79.2,0l24-24A56.08,56.08,0,0,0,207.62,48.38Z"/>
{% elif name == 'external' %}
<path d="M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z"/>
{% elif name == 'copy' %}
<path d="M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z"/>
{% elif name == 'caret-down' %}
<path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"/>
{% elif name == 'arrow-right' %}
<path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"/>
{% elif name == 'monitor' %}
<path d="M208,48H48A24,24,0,0,0,24,72V184a24,24,0,0,0,24,24H96v16H64a8,8,0,0,0,0,16H192a8,8,0,0,0,0-16H160V208h48a24,24,0,0,0,24-24V72A24,24,0,0,0,208,48Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V72a8,8,0,0,1,8-8H208a8,8,0,0,1,8,8Z"/>
{% elif name == 'sun' %}
<path d="M120,40V16a8,8,0,0,1,16,0V40a8,8,0,0,1-16,0Zm72,88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Zm-16,0a48,48,0,1,0-48,48A48.05,48.05,0,0,0,176,128ZM58.34,69.66A8,8,0,0,0,69.66,58.34l-16-16A8,8,0,0,0,42.34,53.66Zm0,116.68-16,16a8,8,0,0,0,11.32,11.32l16-16a8,8,0,0,0-11.32-11.32ZM192,72a8,8,0,0,0,5.66-2.34l16-16a8,8,0,0,0-11.32-11.32l-16,16A8,8,0,0,0,192,72Zm5.66,114.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32-11.32ZM48,128a8,8,0,0,0-8-8H16a8,8,0,0,0,0,16H40A8,8,0,0,0,48,128Zm80,80a8,8,0,0,0-8,8v24a8,8,0,0,0,16,0V216A8,8,0,0,0,128,208Zm112-88H216a8,8,0,0,0,0,16h24a8,8,0,0,0,0-16Z"/>
{% elif name == 'moon' %}
<path d="M233.54,142.23a8,8,0,0,0-8-2,88.08,88.08,0,0,1-109.8-109.8,8,8,0,0,0-10-10,104.84,104.84,0,0,0-52.91,37A104,104,0,0,0,136,224a103.09,103.09,0,0,0,62.52-20.88,104.84,104.84,0,0,0,37-52.91A8,8,0,0,0,233.54,142.23ZM188.9,190.34A88,88,0,0,1,65.66,67.11a89,89,0,0,1,31.4-26A106,106,0,0,0,96,56,104.11,104.11,0,0,0,200,160a106,106,0,0,0,14.92-1.06A89,89,0,0,1,188.9,190.34Z"/>
{% elif name == 'circle' %}
<path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Z"/>
{% elif name == 'list' %}
<path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z"/>
{% elif name == 'check-circle' %}
<path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-93.66a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,164.69l42.34-42.35A8,8,0,0,1,173.66,122.34Z"/>
{% elif name == 'cube' %}
<path d="M223.68,66.15,135.68,18a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM128,32l80.34,44-29.77,16.3-80.35-44ZM128,120,47.66,76,81.56,57.43l80.34,44Zm88,55.85h0v0L128,168,40,120v0L40,95.8l80.34,44,0,0,0,0L200,96v24.82Z"/>
{% elif name == 'newspaper' %}
<path d="M216,40H40A16,16,0,0,0,24,56V208a8,8,0,0,0,8,8H208a8,8,0,0,0,8-8V56A16,16,0,0,0,216,40Zm0,160H40V88H216Zm-40-72a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h72A8,8,0,0,1,176,128Zm0,32a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h72A8,8,0,0,1,176,160Z"/>
{% else %}
<path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32Zm0,176H48V88H208Zm-96-88a8,8,0,0,1,8-8h56a8,8,0,0,1,0,16H120A8,8,0,0,1,112,120Zm0,32a8,8,0,0,1,8-8h56a8,8,0,0,1,0,16H120A8,8,0,0,1,112,152Zm0,32a8,8,0,0,1,8-8h56a8,8,0,0,1,0,16H120A8,8,0,0,1,112,184Z"/>
{% end %}
</svg>
{% end %}

{% def nav_type_icon(kind, branch=false) %}
{% if branch %}
{{ docs_icon('folder', 14) }}
{% elif kind == 'api' %}
{{ docs_icon('file-code', 14) }}
{% else %}
{{ docs_icon('article', 14) }}
{% end %}
{% end %}

{% def catalog_rail_mark(title, href, index, icon_name=none) %}
{% let _name = (icon_name ?? (section_icon_name(title, href) | trim)) | trim %}
{% if _name %}
{{ docs_icon(_name, 18) }}
{% else %}
<span>{{ index }}</span>
{% end %}
{% end %}