@leed-ai/cli 0.0.0 → 6.19.0

package/dist/static/site/_includes/leed/docs/sidebar.hbs

@@ -0,0 +1,52 @@
+{{!--
+    Left navigation sidebar. On desktop it is always visible; below the `lg`
+    breakpoint it becomes an overlay driven by the docs mini bar's toggle.
+--}}
+<div id="docs-sidebar-nav"
+    x-data="sidebarNav()"
+    {{!-- Only an actual breakpoint crossing closes the drawer. A blanket
+          close() on every resize also fired when a mobile soft keyboard opened,
+          which shut the drawer the instant a reader tapped the nav filter. --}}
+    @resize.window.debounce.50ms="handleResize()"
+    @click.away="close()"
+    aria-labelledby="sidebar-toggle-button"
+    x-show="open || !isSmallerThanDesktop"
+    x-effect="$el.style.display = (open || !isSmallerThanDesktop) ? '' : 'none'"
+    :aria-hidden="(!open && isSmallerThanDesktop) ? 'true' : 'false'"
+    class="docs-sidebar" :class="[ (open && isSmallerThanDesktop) ? 'zindex-high' : 'zindex-low']">
+    <div class="docs-mobile-menu-overlay" @click="close()"></div>
+    <div id="docs-navigation" x-data="leedDocsNavigation">
+        {{!-- Nav filter. Rendered inside #docs-navigation on purpose: below `lg`
+              that element is the fixed drawer panel, so a sibling would sit
+              behind the overlay. Server-rendered in full — NavFilterManager
+              injects nothing — and carries no `x-` attributes, so Alpine never
+              adopts it and the filter stays out of the reactivity graph. --}}
+        <div id="docs-nav-filter">
+            <div class="docs-nav-filter__field">
+                <i class="docs-nav-filter__icon" aria-hidden="true"></i>
+                <label class="sr-only" for="docs-nav-filter-input">Filter navigation</label>
+                <input type="search"
+                    id="docs-nav-filter-input"
+                    class="docs-nav-filter__input"
+                    maxlength="128"
+                    autocomplete="off"
+                    placeholder="Filter menu...">
+                <button type="button"
+                    id="docs-nav-filter-clear"
+                    class="docs-nav-filter__clear"
+                    aria-label="Clear filter"
+                    hidden></button>
+            </div>
+            {{!-- Not the input's aria-describedby: a description that changes on
+                  every keystroke is announced a second time by some screen
+                  readers, on top of the polite update. --}}
+            <span id="docs-nav-filter-status" class="sr-only" role="status" aria-live="polite"></span>
+        </div>
+        {{!-- There is a short code function that looks up the name from the page type --}}
+        {{> leed/menu/builder menuName=(docsMenuName "left") }}
+        {{!-- Outside #docs-nav-filter so a site's `#docs-nav-filter { display: none }`
+              opt-out does not also swallow the empty state, and so the message
+              reads where the list was. --}}
+        <p id="docs-nav-filter-empty" class="docs-nav-filter__empty" hidden>No matching pages</p>
+    </div>
+</div>

package/dist/static/site/_includes/leed/docs/social-icons.hbs

@@ -0,0 +1,81 @@
+{{!-- partial to show the social icons --}}
+<div class="flex flex-wrap footer-align space-x-6 md:ml-auto mb-6 ml-0! md:ml-0!">
+    {{#if externalAccounts.linkedinId }}
+    <a href="https://www.linkedin.com/company/{{ externalAccounts.linkedinId }}" target="_blank" class="social-icon linkedin-colors">
+        <span class="sr-only">LinkedIn</span>
+        <i class="fa-brands fa-linkedin"></i>
+    </a>
+    {{/if}}
+    {{#if externalAccounts.discordInviteId }}
+    <a href="https://discord.gg/{{ externalAccounts.discordInviteId }}" target="_blank" class="social-icon discord-colors">
+        <span class="sr-only">Discord</span>
+        <i class="fa-brands fa-discord"></i>
+    </a>
+    {{/if}}
+    {{#if externalAccounts.blueskyId }}
+    <a href="https://bsky.app/profile/{{ externalAccounts.blueskyId }}" target="_blank" class="social-icon bluesky-colors">
+        <span class="sr-only">Bluesky</span>
+        <i class="fa-brands fa-bluesky"></i>
+    </a>
+    {{/if}}
+    {{#if externalAccounts.twitterId }}
+    <a href="https://x.com/{{ externalAccounts.twitterId }}" target="_blank" class="social-icon twitter-colors">
+        <span class="sr-only">Twitter</span>
+        <i class="fa-brands fa-x-twitter"></i>
+    </a>
+    {{/if}}
+    {{#if externalAccounts.facebookId }}
+    <a href="https://www.facebook.com/{{ externalAccounts.facebookId }}" target="_blank" class="social-icon facebook-colors">
+        <span class="sr-only">Facebook</span>
+        <i class="fa-brands fa-facebook"></i>
+    </a>
+    {{/if}}
+    {{#if externalAccounts.mastodonId }}
+    <a href="https://{{ externalAccounts.mastodonId }}" target="_blank" class="social-icon mastodon-colors">
+        <span class="sr-only">Mastodon</span>
+        <i class="fa-brands fa-mastodon"></i>
+    </a>
+    {{/if}}
+    {{#if externalAccounts.instagramId }}
+    <a href="https://www.instagram.com/{{ externalAccounts.instagramId }}" target="_blank" class="social-icon instagram-colors">
+        <span class="sr-only">Instagram</span>
+        <i class="fa-brands fa-instagram"></i>
+    </a>
+    {{/if}}
+    {{#if externalAccounts.tiktokId }}
+    <a href="https://www.tiktok.com/{{ externalAccounts.tiktokId }}" target="_blank" class="social-icon tiktok-colors">
+        <span class="sr-only">TikTok</span>
+        <i class="fa-brands fa-tiktok"></i>
+    </a>
+    {{/if}}
+    {{#if externalAccounts.youtubeId }}
+    <a href="https://www.youtube.com/{{ externalAccounts.youtubeId }}" target="_blank" class="social-icon youtube-colors">
+        <span class="sr-only">YouTube</span>
+        <i class="fa-brands fa-youtube"></i>
+    </a>
+    {{/if}}
+    {{#if externalAccounts.twitchId }}
+    <a href="https://www.twitch.tv/{{ externalAccounts.twitchId }}" target="_blank" class="social-icon twitch-colors">
+        <span class="sr-only">Twitch</span>
+        <i class="fa-brands fa-twitch"></i>
+    </a>
+    {{/if}}
+    {{#if externalAccounts.redditId }}
+    <a href="https://www.reddit.com/user/{{ externalAccounts.redditId }}" target="_blank" class="social-icon reddit-colors">
+        <span class="sr-only">Reddit</span>
+        <i class="fa-brands fa-reddit"></i>
+    </a>
+    {{/if}}
+    {{#if externalAccounts.githubId }}
+    <a href="https://github.com/{{ externalAccounts.githubId }}" target="_blank" class="social-icon github-colors">
+        <span class="sr-only">GitHub</span>
+        <i class="fa-brands fa-github"></i>
+    </a>
+    {{/if}}
+    {{#if externalAccounts.gitlabId }}
+    <a href="https://gitlab.com/{{ externalAccounts.gitlabId }}" target="_blank" class="social-icon gitlab-colors">
+        <span class="sr-only">GitLab</span>
+        <i class="fa-brands fa-gitlab"></i>
+    </a>
+    {{/if}}
+</div>

package/dist/static/site/_includes/leed/docs/style.hbs

@@ -0,0 +1,17 @@
+{{#if documentationConfiguration.logo }}
+<style>
+:root {
+  {{#if documentationConfiguration.logo.light }}
+  --nav-logo-url: url('{{ documentationConfiguration.logo.light }}');
+  {{/if}}
+}
+{{#if documentationConfiguration.logo.dark }}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --nav-logo-url: url('{{ documentationConfiguration.logo.dark}}');
+  }
+}
+{{/if}}
+</style>
+<!-- End of style generated by https://leed.ai -->
+{{/if}}

package/dist/static/site/_includes/leed/docs/toc.hbs

@@ -0,0 +1,7 @@
+{{!-- Desktop table of contents. The mobile copy is moved into the mini bar by JavaScript. --}}
+<div id="docs-toc-wrapper" class="hidden lg:block">
+    <aside id="leed-toc" class="py-6 px-4">
+        <p id="leed-toc-heading"><i class="fa-solid leed-icon-list"></i> On this page</p>
+        {{{ toc content '{"tags": ["h2", "h3"], "wrapper": "div", "wrapperClass": "leed-nav-toc"}' }}}
+    </aside>
+</div>

package/dist/static/site/_includes/leed/form.hbs

@@ -0,0 +1,266 @@
+{{! Usage:
+    leed/form formId="2312kjk1" <-- this is when included in a template page, unless we allow them to put it in the template metadata
+    leed/form <-- formId is read from the page metadata. This is best for landing pages where a form is specified in the CMS.
+}}
+{{! > leed/form formId="2312kjk1" }}
+{{#with (lookup leedForms formId) }}
+{{!-- https://blog.cloudflare.com/turnstile-private-captcha-alternative/ --}}
+
+{{!--
+leed-utils.js attaches to the onsubmit event of all of our "LeedForm" forms
+    1. LeedForm is our key to capture all onsubmit events <-- this is for us
+    2. leed-form is purely a class name for styling <-- this is for styling
+    3. formPrototype comes from the form creator and it inserted to make it easy for customers to create one style and reuse it across locations
+
+Note: Within forms the id fields are used to connect the labels to the form element.
+    The name field of the form element is what is submitted for a form submission.
+
+Supported fields:
+    // these are provided when we hook & submit the form.
+    "formId", "pid", "pt", "u"
+    // The rest of these fields will get mapped into the database directly.
+    "email", "phone", "company", "firstname", "lastname", "title",
+    "address", "city", "state", "postalcode",
+    "country", "terms", "productname",
+ --}}
+
+<div class="leed-form-container {{#if formPrototype}}{{formPrototype}}-container{{/if}}">
+  {{#if heading }}
+  <div id="{{ ../formId }}-heading" class="leed-form-heading">{{ heading }}</div>
+  {{/if}}
+  {{#if leedAutofill }}
+  {{!-- wb stands for welcome back --}}
+  <div id="{{ ../formId }}-wb" style="display: none;" class="leed-form-welcome-back">{{ welcomeBackMessage }}</div>
+  {{/if}}
+  {{#if details }}
+  <div id="{{ ../formId }}-details" class="leed-form-details">{{ details }}</div>
+  {{/if}}
+
+  <form data-id="{{ ../formId }}"
+        class="LeedForm leed-form {{#if formPrototype}}{{formPrototype}}{{/if}}"
+        id="{{ ../formId }}"
+    {{#if successCallback }}
+        data-successcallback="{{ successCallback }}"
+    {{/if}}
+    {{#if failureCallback }}
+        data-failurecallback="{{ failureCallback }}"
+    {{/if}}
+    >
+
+    {{#each fields }}
+        <div class="leed-form-block {{type}}
+        {{!-- If hideableFields is enabled, the lowest priority is form_fills, so we add that. Only if specify email_batch do we add that --}}
+        {{!-- #if ../hideableFields --}}
+        {{#not (eq name "terms")}}known-valid-hideable{{/not}}">
+        {{#if this.labelBefore }}
+            {{#gt @index 0 }}{{/gt}}
+            <label for="{{ fieldId ../../formId }}">{{{ this.labelBefore }}}</label>
+        {{/if}}
+
+        {{#eq type "label" }}
+            <label id="{{ fieldId ../../formId }}">{{{ this.value }}}</label><br/>
+        {{/eq}}
+
+        {{#eq type "select" }}
+        {{!-- Country codes https://www.iban.com/country-codes --}}
+        <select id="{{ fieldId ../../formId }}"
+            {{#if required }}
+                required="true"
+            {{/if}}
+            {{#if multiple }}
+                multiple="true"
+            {{/if}}
+            {{#if size }}
+                size="{{ size }}"
+            {{/if}}
+            name="{{ name }}">
+            {{#if placeHolder }}
+            <option value="">{{{ placeHolder }}}</option>
+            {{/if}}
+            {{#each options }}
+                <option value="{{ value }}">{{{ this.label }}}</option>
+            {{/each}}
+        </select>
+        {{/eq}}
+
+        {{#eq type "countries" }}
+        {{!-- Country codes https://www.iban.com/country-codes --}}
+        <select id="{{ fieldId ../../formId }}"
+            {{#if required }}
+                required="true"
+            {{/if}}
+            {{#if multiple }}
+                multiple="true"
+            {{/if}}
+            {{#if size }}
+                size="{{ size }}"
+            {{/if}}
+            name="{{ name }}">
+            {{#if placeHolder }}
+            <option value="">{{ placeHolder }}</option>
+            {{/if}}
+            {{#each @root/leed-form-data/countries }}
+                <option
+                    {{#eq value ../value}}selected="true"{{/eq}}
+                    value="{{ value }}">
+                    {{{ this.label }}}
+                </option>
+            {{/each}}
+        </select>
+        {{/eq}}
+
+        {{#eq type "textarea" }}
+        <textarea id="{{ fieldId ../../formId }}"
+            {{#if required }}
+                required="true"
+            {{/if}}
+            {{#if oninput }}
+                oninput="{{ oninput }}"
+            {{/if}}
+            {{#if onchange }}
+                onchange="{{ onchange }}"
+            {{/if}}
+            {{#if multiple }}
+                multiple="true"
+            {{/if}}
+            {{#if rows }}
+                rows="{{ rows }}"
+            {{/if}}
+            {{#if cols }}
+                cols="{{ cols }}"
+            {{/if}}
+            name="{{ name }}">{{#if value }}{{ value }}{{/if}}</textarea>
+        {{/eq}}
+
+        {{#or (eq type "text") (eq type "tel") (eq type "email") }}
+        <input
+                id="{{ fieldId ../../formId }}"
+                name="{{ name }}"
+                type="{{ type }}"
+            {{#if placeHolder }}
+                placeholder="{{ placeHolder }}"
+            {{/if}}
+            {{#if oninput }}
+                oninput="{{ oninput }}"
+            {{/if}}
+            {{#if onchange }}
+                onchange="{{ onchange }}"
+            {{/if}}
+            {{#if pattern }}
+                pattern="{{ pattern }}"
+            {{/if}}
+            {{#if value }}
+                value="{{ value }}"
+            {{/if}}
+            {{#if required }}
+                required="true"
+            {{/if}}
+            >
+        {{/or}}
+
+        {{#or (eq type "radiogroup") (eq type "checkboxgroup") }}
+            {{#each options }}
+            <div class="leed-form-group-option">
+                {{#if this.labelBefore }}
+                    <label for="{{ fieldId ../../formId }}">{{{ this.labelBefore }}}</label>
+                {{/if}}
+
+                <input
+                        id="{{ fieldId  ../../formId}}"
+                        name="{{ name }}"
+                        type="{{ type }}"
+                    {{#if selected}}
+                            checked="checked"
+                    {{/if}}
+                    {{#if ../required }}
+                        required="true"
+                    {{/if}}
+                    {{#if ../onchange }}
+                        onchange="{{ ../onchange }}"
+                    {{/if}}
+                        value="{{ value }}">
+
+                {{#if this.labelAfter }}
+                    <label for="{{ fieldId ../../formId }}">{{{ this.labelAfter }}}</label>
+                {{/if}}
+            </div>
+            {{/each}}
+        {{/or}}
+
+        {{#or (eq type "radio") (eq type "checkbox") }}
+        <input
+                id="{{ fieldId ../../formId }}"
+                name="{{ name }}"
+                type="{{ type }}"
+            {{#if placeHolder }}
+                placeholder="{{ placeHolder }}"
+            {{/if}}
+            {{#if oninput }}
+                oninput="{{ oninput }}"
+            {{/if}}
+            {{#if onchange }}
+                onchange="{{ onchange }}"
+            {{/if}}
+            {{#if pattern }}
+                pattern="{{ pattern }}"
+            {{/if}}
+            {{#if value }}
+                value="{{ value }}"
+            {{/if}}
+            {{#if required }}
+                required="true"
+            {{/if}}
+            {{#if selected }}
+                checked="checked"
+            {{/if}}
+            >
+        {{/or}}
+
+        {{#if this.labelAfter }}
+            <label for="{{ fieldId ../../formId }}">{{{ this.labelAfter }}}</label>
+        {{/if}}
+
+    </div>
+    {{/each}}
+
+    {{#each fields }}
+        {{#eq type "hidden" }}
+            <input type="hidden" value="{{{ value }}}" name="{{ name }}" />
+        {{/eq}}
+    {{/each}}
+
+    <button id="{{ ../formId }}-button" data-default="{{{ button }}}" type="submit" class="flex items-center">
+        <div id="{{ ../formId }}-button-submit" class="leed-form-button-label" style="display: block;">{{{ button }}}</div>
+        <div id="{{ ../formId }}-button-sending" class="leed-form-button-label" style="display: none;">Sending ...</div>
+        <div id="{{ ../formId }}-button-email-sent" class="leed-form-button-label" style="display: none;">Email Sent!</div>
+        <div id="{{ ../formId }}-button-error" class="leed-form-button-label" style="display: none;">Try again!</div>
+        <div id="{{ ../formId }}-button-thanks" class="leed-form-button-label" style="display: none;">Thank you!</div>
+        <div id="{{ ../formId }}-button-downloading" class="leed-form-button-label leed-form-button-spinner !flex items-center" style="display: none !important;">
+            <div><i class="leed-form-spinner"></i></div>
+            <div>Downloading ...</div>
+        </div>
+    </button>
+    <div class="cf-turnstile" data-sitekey="{{ turnstileKey @root }}" style="display: none;"></div>
+  </form>
+</div>
+
+{{#if (eq this.autofill "linkedin") }}
+<script src="https://www.linkedin.com/autofill/js/autofill.js" type="text/javascript" async></script>
+<script type="IN/Form2" data-form="{{ ../formId }}"
+    {{#each fields }}
+{{#or (eq name "firstname") (eq name "lastname") (eq name "phone") (eq name "email") (eq name "company") (eq name "title") (eq name "city") (eq name "state") (eq name "country") }}
+    data-field-{{ this.name }}="{{ fieldId ../../formId }}"
+{{/or}}
+{{#if (eq name "postalcode") }}
+    data-field-zip="{{ fieldId ../../formId }}"
+{{/if}}
+    {{/each}}
+></script>
+{{/if}}
+
+{{#if leedAutofill }}
+<script>leedAutofill('{{ ../formId }}');</script>
+{{/if}}
+
+<!-- Leed Form generated by https://leed.ai -->
+{{/with}}

package/dist/static/site/_includes/leed/head.hbs

@@ -0,0 +1,67 @@
+{{#if (templateExists "header-includes.hbs") }}
+{{> header-includes }}
+{{/if}}
+<!-- Start headers generated by https://leed.ai -->
+
+{{#if this.leedSiteEnv.env.css.usingTailwind }}
+{{!--
+    Split into a preload hint and a plain stylesheet rather than the combined
+    `rel="preload stylesheet"`. Loading priority is unchanged, but the dev server's
+    CSS hot-reload iterates `link[rel="stylesheet"]` — an exact attribute match — so
+    the combined form matched nothing and a CSS edit never reached the browser.
+--}}
+<link href="{{ this.leedSiteEnv.env.css.tailwindCSSPath }}" rel="preload" as="style">
+<link href="{{ this.leedSiteEnv.env.css.tailwindCSSPath }}" rel="stylesheet">
+<!-- TailwindCSS generated by https://leed.ai -->
+{{/if}}
+
+{{> leed/metadata/siteMetadata }}
+
+{{> leed/metadata/twitterCard }}
+
+{{> leed/metadata/ogCard }}
+
+{{{ JSON-LD }}}
+
+{{! https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/preload }}
+<script>
+    const pid = "{{ this.uniquePageId }}";
+    const pt = "{{ this.pageTypeId }}";
+{{!-- Lunr only (#329). The search index is a BUILD-TIME concern of the prebuilt
+      Lunr index and nothing else: live search resolves its searchable universe
+      server-side from `pt` and fetches its filter facets from /api/search/facets,
+      so it needs no index id, no page-type list, and no republish to pick up an
+      index edit. --}}
+{{#unless (hasFeature "docsLiveSearch") }}
+{{#if documentationConfiguration.searchIndexId }}
+    const searchIndexId = "{{ documentationConfiguration.searchIndexId }}";
+    const searchIndexHash = "{{ searchIndexHash }}";
+    const searchDocumentsHash = "{{ searchDocumentHash }}";
+{{/if}}
+{{/unless}}
+</script>
+{{!-- find new versions here https://cdnjs.com/ --}}
+<script defer src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.16.3/cdn.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/3.0.8/js.cookie.min.js"></script>
+<script src="{{ this.leedSiteEnv.env.javascript.zoomableJS }}"></script>
+<script src="{{ this.leedSiteEnv.env.javascript.fingerprintJS }}"></script>
+<script src="{{ this.leedSiteEnv.env.javascript.privacyJS }}"></script>
+<script src="{{ this.leedSiteEnv.env.javascript.timerJS }}"></script>
+<script src="{{ this.leedSiteEnv.env.javascript.trackerJS }}"></script>
+{{!-- In-page WebMCP registration (#294): only loaded when the site has MCP enabled. --}}
+{{#if entitlements.mcp }}
+<script defer src="{{ this.leedSiteEnv.env.javascript.webmcpJS }}"></script>
+{{/if}}
+<script src="{{ this.leedSiteEnv.env.javascript.leedUtilsJS }}"></script>
+<script src="{{ this.leedSiteEnv.env.javascript.documentationJS }}"></script>
+{{#if (hasFeature "docsLiveSearch") }}
+<script src="{{ this.leedSiteEnv.env.javascript.liveSearchJS }}"></script>
+{{else}}
+<script src="{{ this.leedSiteEnv.env.javascript.searchJS }}"></script>
+{{/if}}
+{{#if @root/deployment/public/turnstilePublicKey }}
+<script defer src="https://challenges.cloudflare.com/turnstile/v0/api.js"></script>
+{{/if}}
+
+{{> leed/docs/style }}
+<!-- End of headers generated by https://leed.ai -->

package/dist/static/site/_includes/leed/menu/builder.hbs

@@ -0,0 +1,35 @@
+{{! Usage for leed/menu/builder ... name of the must be passed in, class names are optional }}
+{{!
+  Main menu template
+  usage: {{> leed/menu/builder menuName="top" menuClass="..." submenuClass="..." onClick="..." \}\}
+  @param {string} menuName - The name of the menu to render (e.g., "top")
+  @param {string} [menuClass] - Optional CSS class for the main menu
+  @param {string} [submenuClass] - Optional CSS class for submenus
+  @param {string} [onClick] - Optional onClick handler for menu items
+  @param {string} [instance] - Optional instance identifier for analytics
+  @param {boolean} [expanded] - Optional boolean to default expand the menu
+}}
+
+{{#with (lookup menu menuName) }}
+<!-- Start menu -->
+<ul role="menu" aria-label="{{ ../menuName }} - Navigation" class="
+        leed-menu
+        leed-menu-{{ ../menuName }}
+        {{ ../menuClass }}
+    "
+    data-expanded="{{ expanded }}">
+  {{#each items}}
+    {{> leed/menu/item
+        item=this
+        menuName=../../menuName
+        submenuClass=../../submenuClass
+        onClick=../../onClick
+        instance=../../instance
+        submenuLevel=1
+        isSubmenuItem=false
+        expanded=../expanded
+    }}
+  {{/each}}
+</ul>
+<!-- Leed '{{ ../menuName }}' Menu generated by https://leed.ai -->
+{{/with}}

package/dist/static/site/_includes/leed/menu/item.hbs

@@ -0,0 +1,67 @@
+{{!
+  Menu item template (recursive)
+  @param {Object} item - The menu item object
+  @param {string} menuName - The name of the parent menu
+  @param {string} [submenuClass] - Optional CSS class for submenus
+  @param {string} [onClick] - Optional onClick handler for menu items
+  @param {string} [instance] - Optional instance identifier for analytics
+  @param {number} [submenuLevel] - which level this item is located
+  @param {string} [isSubmenuItem] - top level or sub menu
+  @param {boolean} [expanded] - Optional boolean to default expand the menu
+}}
+
+{{!-- Skip items with nothing to show: a link to an unpublished page, and a folder whose
+     every entry is hidden. An item renders its submenu only when a child renders, so a
+     published link whose children are all unpublished shows no empty list or toggle. --}}
+{{#isFalsey item.disabled}}
+{{#if (menuItemShouldRender item)}}
+<li role="menuitem"
+    {{#if (menuItemHasVisibleChildren item)}}
+        aria-haspopup="menu"
+        aria-controls="submenu-{{ item.menuItemId }}"
+        {{#or expanded item.expanded }}
+        data-expanded="true"
+        aria-expanded="true"
+        {{/or}}
+    {{/if}}
+    class="
+    {{#if isSubmenuItem}}leed-submenu__item{{else}}leed-menu__item{{/if}}
+    "
+    data-id="{{ item.menuItemId }}"
+    {{#if (menuItemHasVisibleChildren item)}}data-submenu-id="submenu-{{ item.menuItemId }}"{{/if}}>
+
+  {{> leed/menu/link
+      item=item
+      menuName=menuName
+      onClick=onClick
+      instance=instance
+      isSubmenuItem=isSubmenuItem
+  }}
+
+  {{#if (menuItemHasVisibleChildren item)}}
+    <ul role="menu" class="
+        leed-submenu
+        leed-submenu--level-{{submenuLevel}}
+        {{submenuClass}}
+        "
+        id="submenu-{{ item.menuItemId }}"
+        {{#or expanded item.expanded}}aria-hidden="false"{{/or}}>
+      {{#each item.submenu}}
+        {{#isFalsey this.disabled }}
+        {{> leed/menu/item
+            item=this
+            menuName=../menuName
+            submenuClass=../submenuClass
+            onClick=../onClick
+            instance=../instance
+            submenuLevel=(add ../submenuLevel 1)
+            isSubmenuItem=true
+            expanded=(or ../expanded ../item.expanded)
+        }}
+        {{/isFalsey}}
+      {{/each}}
+    </ul>
+  {{/if}}
+</li>
+{{/if}}
+{{/isFalsey}}

package/dist/static/site/_includes/leed/menu/link.hbs

@@ -0,0 +1,59 @@
+{{!
+  Menu link template
+  @param {Object} item - The menu item object
+  @param {string} menuName - The name of the parent menu
+  @param {string} [menuClass] - Optional CSS class for menu items
+  @param {string} [onClick] - Optional onClick handler for menu items
+  @param {string} [instance] - Optional instance identifier for analytics
+  @param {string} [isSubmenuItem] - top level or sub menu
+}}
+
+{{!-- Open the correct tag. Render a real <a> only when the href resolves —
+     pageid: links to unpublished pages fall through to the no-link wrapper
+     so parents with children still render their submenu. --}}
+{{#if (hrefIsRenderable item.href)}}
+<a
+    href="{{ item.href }}"
+    data-reason="utm_campaign=leed&utm_source=menu&utm_medium={{ menuName }}&utm_term={{item.menuItemId}}{{#if instance}}-{{instance}}{{/if}}&utm_content={{ stripTags item.name }}"
+    class="leed-menu__item--wrapper {{#if isSubmenuItem}}leed-submenu__item--link{{else}}leed-menu__item--link{{/if}}"
+    {{#if item.target}}
+        target="{{ item.target }}"
+    {{/if}}
+    {{#if onClick}}
+        {{{ onClick }}}
+    {{/if}}
+    {{#if item.title}}
+        title="{{ item.title }}"
+    {{/if}}
+    >
+{{else}}
+<div class="leed-menu__item--wrapper {{#if isSubmenuItem}}leed-submenu__item--no-link{{else}}leed-menu__item--no-link{{/if}}">
+{{/if}}
+
+{{!-- This goes in both types of tags --}}
+{{#if item.image }}
+<div class="leed-menu__item--image">
+    {{{ ImageTag item.image }}}
+</div>
+{{/if}}
+
+<span class="leed-menu__item--text">
+{{#if item.icon}}
+<i class="leed-menu__item--icon {{ item.icon }}"{{#if item.iconStyle}} style="{{ item.iconStyle }}"{{/if}}></i>
+{{/if}}
+<span class="leed-menu__item--name">{{{ item.name }}}{{#if item.target}}&nbsp;<i class="leed-menu__item--leave"></i>{{/if}}</span>
+{{#if (menuItemHasVisibleChildren item) }}
+<i class="leed-menu__item--toggle" aria-hidden="true"></i>
+{{/if}}
+</span>
+
+{{#if item.description}}
+<div class="leed-menu__item--description">{{{ item.description }}}</div>
+{{/if}}
+
+{{!-- Close the correct tag (must mirror the open decision above). --}}
+{{#if (hrefIsRenderable item.href)}}
+</a>
+{{else}}
+</div>
+{{/if}}