@pnx-mixtape/mxds 0.0.1

package/dist/build/io-loader.js

@@ -0,0 +1,44 @@
+const _IntersectionLoader = class _IntersectionLoader {
+  constructor(el, callback) {
+    this.init = () => {
+      this.observer = new IntersectionObserver((items) => {
+        items.forEach(({ isIntersecting }) => {
+          if (isIntersecting) this.load().catch((error) => this.handleError(error));
+        });
+      });
+      this.observer.observe(this.el);
+      this.fallbackBtn?.addEventListener("click", this.handleClick);
+    };
+    this.load = async () => {
+      try {
+        await this.callback();
+      } catch (error) {
+        this.handleError(error);
+      }
+      this.observer.unobserve(this.el);
+    };
+    this.handleClick = () => {
+      this.load().catch((error) => this.handleError(error));
+    };
+    this.handleError = (error) => {
+      console.error(error);
+      this.errorMsg?.removeAttribute("hidden");
+    };
+    this.el = el;
+    this.callback = callback;
+    this.fallbackBtn = this.el.querySelector("[data-load-fallback]");
+    this.errorMsg = this.el.querySelector("[data-load-error]");
+  }
+};
+_IntersectionLoader.create = (selector, callback) => {
+  if (!Object.hasOwn(window, "once")) return;
+  window.once("intersection-loader", selector)?.forEach((el) => {
+    const loader = new _IntersectionLoader(el, callback);
+    loader.init();
+  });
+};
+let IntersectionLoader = _IntersectionLoader;
+export {
+  IntersectionLoader as default
+};
+//# sourceMappingURL=io-loader.js.map

package/dist/build/io-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"io-loader.js","sources":["../../src/Utility/Elements/io-loader.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * Lazy Load on an Intersection Observer\n */\n\nexport default class IntersectionLoader {\n  el: HTMLElement\n  callback: () => any\n  observer: IntersectionObserver\n  fallbackBtn?: HTMLButtonElement\n  errorMsg?: HTMLElement\n\n  constructor(el: HTMLElement, callback: () => any) {\n    this.el = el\n    this.callback = callback\n    this.fallbackBtn = this.el.querySelector(\"[data-load-fallback]\")\n    this.errorMsg = this.el.querySelector(\"[data-load-error]\")\n  }\n\n  init = (): void => {\n    this.observer = new IntersectionObserver(items => {\n      items.forEach(({ isIntersecting }) => {\n        if (isIntersecting) this.load().catch(error => this.handleError(error))\n      })\n    })\n    this.observer.observe(this.el)\n    this.fallbackBtn?.addEventListener(\"click\", this.handleClick)\n  }\n\n  load = async (): Promise<void> => {\n    try {\n      await this.callback()\n    } catch (error) {\n      this.handleError(error)\n    }\n    this.observer.unobserve(this.el)\n  }\n\n  handleClick = (): void => {\n    this.load().catch(error => this.handleError(error))\n  }\n\n  handleError = (error): void => {\n    console.error(error) // eslint-disable-line no-console\n    this.errorMsg?.removeAttribute(\"hidden\")\n  }\n\n  static create = (selector: string, callback: () => any): void => {\n    if (!Object.hasOwn(window, \"once\")) return\n    window\n      .once(\"intersection-loader\", selector)\n      ?.forEach((el: HTMLElement): void => {\n        const loader: IntersectionLoader = new IntersectionLoader(el, callback)\n        loader.init()\n      })\n  }\n}\n"],"names":[],"mappings":"AAKA,MAAqB,sBAArB,MAAqB,oBAAmB;AAAA,EAOtC,YAAY,IAAiB,UAAqB;AAOlD,SAAA,OAAO,MAAY;AACZ,WAAA,WAAW,IAAI,qBAAqB,CAAS,UAAA;AAChD,cAAM,QAAQ,CAAC,EAAE,qBAAqB;AAChC,cAAA,qBAAqB,KAAK,EAAE,MAAM,CAAS,UAAA,KAAK,YAAY,KAAK,CAAC;AAAA,QAAA,CACvE;AAAA,MAAA,CACF;AACI,WAAA,SAAS,QAAQ,KAAK,EAAE;AAC7B,WAAK,aAAa,iBAAiB,SAAS,KAAK,WAAW;AAAA,IAAA;AAG9D,SAAA,OAAO,YAA2B;AAC5B,UAAA;AACF,cAAM,KAAK;eACJ,OAAO;AACd,aAAK,YAAY,KAAK;AAAA,MACxB;AACK,WAAA,SAAS,UAAU,KAAK,EAAE;AAAA,IAAA;AAGjC,SAAA,cAAc,MAAY;AACxB,WAAK,KAAO,EAAA,MAAM,WAAS,KAAK,YAAY,KAAK,CAAC;AAAA,IAAA;AAGpD,SAAA,cAAc,CAAC,UAAgB;AAC7B,cAAQ,MAAM,KAAK;AACd,WAAA,UAAU,gBAAgB,QAAQ;AAAA,IAAA;AA/BvC,SAAK,KAAK;AACV,SAAK,WAAW;AAChB,SAAK,cAAc,KAAK,GAAG,cAAc,sBAAsB;AAC/D,SAAK,WAAW,KAAK,GAAG,cAAc,mBAAmB;AAAA,EAC3D;AAuCF;AATS,oBAAA,SAAS,CAAC,UAAkB,aAA8B;AAC/D,MAAI,CAAC,OAAO,OAAO,QAAQ,MAAM,EAAG;AACpC,SACG,KAAK,uBAAuB,QAAQ,GACnC,QAAQ,CAAC,OAA0B;AACnC,UAAM,SAA6B,IAAI,oBAAmB,IAAI,QAAQ;AACtE,WAAO,KAAK;AAAA,EAAA,CACb;AAAA;AAjDP,IAAqB,qBAArB;"}

package/dist/build/keyboard.js

@@ -0,0 +1,101 @@
+class Keyboard {
+  constructor() {
+    this.attachPopup = (id, closefn) => {
+      window.Mixtape.Popups.push({
+        id,
+        closefn
+      });
+    };
+    this.detachPopup = (id) => {
+      window.Mixtape.Popups = window.Mixtape.Popups.filter((item) => item.id !== id);
+    };
+    this.attachMenu = (context, items) => {
+      window.Mixtape.Menu = {
+        context,
+        items
+      };
+    };
+    this.detachMenu = () => {
+      window.Mixtape.Menu = null;
+    };
+    this.getNextFocusableMenuItem = (active, back = false) => {
+      if (!back) {
+        return window.Mixtape.Menu.items.length > active + 1 ? active + 1 : 0;
+      }
+      return active === 0 ? window.Mixtape.Menu.items.length - 1 : active - 1;
+    };
+    this.moveFocus = (target, back = false) => {
+      if (!window.Mixtape.Menu.items) return;
+      let active = 0;
+      window.Mixtape.Menu.items.forEach((element, index) => {
+        if (element === target) {
+          active = index;
+        }
+      });
+      let focus = this.getNextFocusableMenuItem(active, back);
+      let tabbable = window.Mixtape.Menu.items[focus].getAttribute("tabindex");
+      if (tabbable !== "-1") {
+        window.Mixtape.Menu.items[focus].focus();
+      } else {
+        while (tabbable === "-1") {
+          focus = this.getNextFocusableMenuItem(focus, back);
+          tabbable = window.Mixtape.Menu.items[focus].getAttribute("tabindex");
+        }
+        window.Mixtape.Menu.items[focus].focus();
+      }
+      window.Mixtape.Menu.active = focus;
+    };
+    this.handleGlobalClick = ({ target }) => {
+      const activePopup = window.Mixtape.Popups ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1] : null;
+      if (!activePopup) return;
+      if (activePopup.id) {
+        const popupEl = document.querySelector(
+          `#${activePopup.id}`
+        ).parentElement;
+        if (popupEl && (target === popupEl || popupEl?.contains(target)))
+          return;
+        activePopup.closefn();
+      }
+    };
+    this.handleGlobalKeydown = (event) => {
+      const activePopup = window.Mixtape.Popups ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1] : null;
+      const target = event.target;
+      switch (event.key) {
+        case "Escape":
+          if (activePopup) {
+            activePopup.closefn();
+          }
+          break;
+        case "ArrowDown":
+        case "ArrowRight":
+          if (window.Mixtape.Menu?.items) {
+            event.preventDefault();
+            this.moveFocus(target);
+          }
+          break;
+        case "ArrowUp":
+        case "ArrowLeft":
+          if (window.Mixtape.Menu?.items) {
+            event.preventDefault();
+            this.moveFocus(target, true);
+          }
+          break;
+      }
+    };
+    this.attachEventListeners = (signal) => {
+      window.addEventListener("click", this.handleGlobalClick, {
+        signal
+      });
+      window.addEventListener("keydown", this.handleGlobalKeydown, {
+        signal
+      });
+    };
+    window.Mixtape = window.Mixtape || {};
+    window.Mixtape.Popups = window.Mixtape.Popups || [];
+    window.Mixtape.Menu = window.Mixtape.Menu || {};
+  }
+}
+export {
+  Keyboard as default
+};
+//# sourceMappingURL=keyboard.js.map

package/dist/build/keyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard.js","sources":["../../src/Utility/Elements/keyboard.ts"],"sourcesContent":["/**\n * Class for Keyboard navigation helper.\n */\n\nexport default class Keyboard {\n  constructor() {\n    window.Mixtape = window.Mixtape || {}\n    window.Mixtape.Popups = window.Mixtape.Popups || []\n    window.Mixtape.Menu = window.Mixtape.Menu || {}\n  }\n\n  attachPopup = (id: string, closefn: () => void): void => {\n    window.Mixtape.Popups.push({\n      id,\n      closefn,\n    })\n  }\n\n  detachPopup = (id: string): void => {\n    window.Mixtape.Popups = window.Mixtape.Popups.filter(item => item.id !== id)\n  }\n\n  attachMenu = (\n    context: HTMLElement,\n    items: NodeListOf<HTMLAnchorElement | HTMLButtonElement>,\n  ): void => {\n    window.Mixtape.Menu = {\n      context,\n      items,\n    }\n  }\n\n  detachMenu = (): void => {\n    window.Mixtape.Menu = null\n  }\n\n  getNextFocusableMenuItem = (\n    active: number,\n    back: boolean = false,\n  ): number => {\n    if (!back) {\n      // If moving forward, it's the active index + 1, or 0 if we are at the\n      // end of the menu.\n      return window.Mixtape.Menu.items.length > active + 1 ? active + 1 : 0\n    }\n    // If moving back, it's the active index - 1, or the menu length if we\n    // are at the start of the menu.\n    return active === 0 ? window.Mixtape.Menu.items.length - 1 : active - 1\n  }\n\n  moveFocus = (target: HTMLElement, back: boolean = false): void => {\n    if (!window.Mixtape.Menu.items) return\n    let active: number = 0\n    // Retrieve the active menu item by looping through the list of menu links.\n    window.Mixtape.Menu.items.forEach((element, index): void => {\n      if (element === target) {\n        active = index\n      }\n    })\n    let focus: number = this.getNextFocusableMenuItem(active, back)\n\n    // Check if item is tabbable.\n    // Some menus, like the secondary nav have hidden items that require a\n    // toggle to be clicked before the items are tabbable. This allows invisible\n    // menu items to be skipped when moving focus with the this.\n    // Make sure tabbable.\n    let tabbable: string =\n      window.Mixtape.Menu.items[focus].getAttribute(\"tabindex\")\n    if (tabbable !== \"-1\") {\n      window.Mixtape.Menu.items[focus].focus()\n    } else {\n      // Loop through items until we find a visible one.\n      while (tabbable === \"-1\") {\n        focus = this.getNextFocusableMenuItem(focus, back)\n        tabbable = window.Mixtape.Menu.items[focus].getAttribute(\"tabindex\")\n      }\n      window.Mixtape.Menu.items[focus].focus()\n    }\n\n    window.Mixtape.Menu.active = focus\n  }\n\n  handleGlobalClick = ({ target }: MouseEvent): void => {\n    const activePopup = window.Mixtape.Popups\n      ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1]\n      : null\n    if (!activePopup) return\n\n    // Click away from a popup to close it.\n    // It's up to the popup class to preventDefault on it's contents to\n    // stop this from being triggered.\n    if (activePopup.id) {\n      const popupEl: HTMLElement = document.querySelector(\n        `#${activePopup.id}`,\n      ).parentElement\n      if (\n        popupEl &&\n        (target === popupEl || popupEl?.contains(target as HTMLElement))\n      )\n        return\n      activePopup.closefn()\n    }\n  }\n\n  handleGlobalKeydown = (event: KeyboardEvent): void => {\n    const activePopup = window.Mixtape.Popups\n      ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1]\n      : null\n    const target = event.target as HTMLElement\n\n    switch (event.key) {\n      // Escape always closes an open popup followed by any open popups.\n      case \"Escape\":\n        if (activePopup) {\n          activePopup.closefn()\n        }\n        break\n\n      // Down/Right arrows navigate focus forward, with wrapping.\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        if (window.Mixtape.Menu?.items) {\n          event.preventDefault()\n          this.moveFocus(target)\n        }\n        break\n\n      // Up/Left arrows navigate focus backwards, with wrapping.\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        if (window.Mixtape.Menu?.items) {\n          event.preventDefault()\n          this.moveFocus(target, true)\n        }\n        break\n\n      default:\n        break\n    }\n  }\n\n  attachEventListeners = (signal: AbortSignal): void => {\n    window.addEventListener(\"click\", this.handleGlobalClick, {\n      signal,\n    })\n    window.addEventListener(\"keydown\", this.handleGlobalKeydown, {\n      signal,\n    })\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/build/link-list.css

@@ -0,0 +1,72 @@
+/**
+ * Link List
+ */
+
+@layer elements {
+  .link-list {
+    list-style-type: none;
+    padding-inline-start: 0;
+  }
+
+    .link-list a {
+      display: block;
+      text-decoration-line: none;
+      color: inherit;
+    }
+
+      .link-list a:hover {
+        text-decoration-line: underline;
+      }
+
+    .link-list li {
+      min-block-size: var(--min-height, var(--spacing-xl));
+      border-block-end: 1px solid
+        var(--line-colour, var(--colour-border));
+      border-block-end: var(--line-width, 1px) solid
+        var(--line-colour, var(--colour-border));
+    }
+
+      .link-list li:last-child {
+        border-block-end: 0;
+      }
+
+    .link-list .icon {
+      position: relative;
+      display: flex;
+      align-items: center;
+      padding-block: var(--spacing-xxxs);
+      inline-size: 100%;
+      gap: var(--spacing-s);
+    }
+
+      .link-list .icon::before {
+        flex: 0 0 auto;
+        -webkit-mask-position: left center;
+                mask-position: left center;
+      }
+
+    .link-list:where(:not(.link-list--reverse)) .icon {
+      justify-content: space-between;
+    }
+
+      .link-list:where(:not(.link-list--reverse)) .icon::before {
+        -webkit-mask-position: right center;
+                mask-position: right center;
+        order: 2;
+      }
+    [dir="rtl"] .link-list .icon::before, .translated-rtl .link-list .icon::before {
+      -webkit-mask-position: left center;
+              mask-position: left center;
+    }
+
+    [dir="rtl"] .link-list.link-list--reverse .icon::before, .translated-rtl .link-list.link-list--reverse .icon::before {
+      -webkit-mask-position: right center;
+              mask-position: right center;
+    }
+
+  * + .link-list {
+    margin-block-start: var(--spacing-m);
+  }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpbmstbGlzdC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLHFCQUFxQjtJQUNyQix1QkFBdUI7RUE0Q3pCOztJQTFDRTtNQUNFLGNBQWM7TUFDZCwwQkFBMEI7TUFDMUIsY0FBYztJQUtoQjs7TUFIRTtRQUNFLCtCQUErQjtNQUNqQzs7SUFHRjtNQUNFLG9EQUFvRDtNQUNwRDtnREFDMEM7TUFEMUM7Z0RBQzBDO0lBSzVDOztNQUhFO1FBQ0UsbUJBQW1CO01BQ3JCOztJQUdGO01BQ0Usa0JBQWtCO01BQ2xCLGFBQWE7TUFDYixtQkFBbUI7TUFDbkIsa0NBQWtDO01BQ2xDLGlCQUFpQjtNQUNqQixxQkFBcUI7SUFNdkI7O01BSkU7UUFDRSxjQUFjO1FBQ2Qsa0NBQTBCO2dCQUExQiwwQkFBMEI7TUFDNUI7O0lBR0Y7TUFDRSw4QkFBOEI7SUFNaEM7O01BSkU7UUFDRSxtQ0FBMkI7Z0JBQTNCLDJCQUEyQjtRQUMzQixRQUFRO01BQ1Y7SUFNRjtNQUNFLGtDQUEwQjtjQUExQiwwQkFBMEI7SUFDNUI7O0lBRUE7TUFDRSxtQ0FBMkI7Y0FBM0IsMkJBQTJCO0lBQzdCOztFQUdGO0lBQ0Usb0NBQW9DO0VBQ3RDO0FBQ0YiLCJmaWxlIjoibGluay1saXN0LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogTGluayBMaXN0XG4gKi9cblxuQGxheWVyIGVsZW1lbnRzIHtcbiAgLmxpbmstbGlzdCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwO1xuXG4gICAgJiBhIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IG5vbmU7XG4gICAgICBjb2xvcjogaW5oZXJpdDtcblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbi1saW5lOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiBsaSB7XG4gICAgICBtaW4tYmxvY2stc2l6ZTogdmFyKC0tbWluLWhlaWdodCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICAgICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuXG4gICAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgICBib3JkZXItYmxvY2stZW5kOiAwO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgLmljb24ge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zcGFjaW5nLXh4eHMpO1xuICAgICAgaW5saW5lLXNpemU6IDEwMCU7XG4gICAgICBnYXA6IHZhcigtLXNwYWNpbmctcyk7XG5cbiAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgIGZsZXg6IDAgMCBhdXRvO1xuICAgICAgICBtYXNrLXBvc2l0aW9uOiBsZWZ0IGNlbnRlcjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOndoZXJlKDpub3QoLmxpbmstbGlzdC0tcmV2ZXJzZSkpIC5pY29uIHtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgbWFzay1wb3NpdGlvbjogcmlnaHQgY2VudGVyO1xuICAgICAgICBvcmRlcjogMjtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBbZGlyPVwicnRsXCJdIC5saW5rLWxpc3QsXG4gIC50cmFuc2xhdGVkLXJ0bCAubGluay1saXN0IHtcbiAgICAmIC5pY29uOjpiZWZvcmUge1xuICAgICAgbWFzay1wb3NpdGlvbjogbGVmdCBjZW50ZXI7XG4gICAgfVxuXG4gICAgJi5saW5rLWxpc3QtLXJldmVyc2UgLmljb246OmJlZm9yZSB7XG4gICAgICBtYXNrLXBvc2l0aW9uOiByaWdodCBjZW50ZXI7XG4gICAgfVxuICB9XG5cbiAgKiArIC5saW5rLWxpc3Qge1xuICAgIG1hcmdpbi1ibG9jay1zdGFydDogdmFyKC0tc3BhY2luZy1tKTtcbiAgfVxufVxuIl19 */

package/dist/build/masthead.css

@@ -0,0 +1,39 @@
+/**
+ * Secondary Header
+ */
+
+@layer components {
+    .global__secondary .flex {
+      justify-content: space-between;
+      align-items: center;
+      padding-block: var(--secondary-gap, var(--spacing-xxs));
+      padding-inline: 0;
+    }
+
+      .global__secondary .flex::after {
+        display: none;
+      }
+
+  .global__secondary__nav {
+    display: none;
+  }
+
+    @media (min-width: 720px) {
+
+  .global__secondary__nav {
+      display: inline-block;
+  }
+    }
+
+    .global__secondary__nav ul {
+      margin: auto;
+    }
+}
+
+@media print {
+  .global__secondary {
+    display: none;
+  }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1hc3RoZWFkLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTs7QUFFRjtJQUVJO01BQ0UsOEJBQThCO01BQzlCLG1CQUFtQjtNQUNuQix1REFBdUQ7TUFDdkQsaUJBQWlCO0lBS25COztNQUhFO1FBQ0UsYUFBYTtNQUNmOztFQUlKO0lBQ0UsYUFBYTtFQVNmOztJQVBFOztFQUhGO01BSUkscUJBQXFCO0VBTXpCO0lBTEU7O0lBRUE7TUFDRSxZQUFZO0lBQ2Q7QUFFSjs7QUFFQTtFQUNFO0lBQ0UsYUFBYTtFQUNmO0FBQ0YiLCJmaWxlIjoibWFzdGhlYWQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBTZWNvbmRhcnkgSGVhZGVyXG4gKi9cblxuQGxheWVyIGNvbXBvbmVudHMge1xuICAuZ2xvYmFsX19zZWNvbmRhcnkge1xuICAgICYgLmZsZXgge1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLXNlY29uZGFyeS1nYXAsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgICBwYWRkaW5nLWlubGluZTogMDtcblxuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC5nbG9iYWxfX3NlY29uZGFyeV9fbmF2IHtcbiAgICBkaXNwbGF5OiBub25lO1xuXG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB9XG5cbiAgICAmIHVsIHtcbiAgICAgIG1hcmdpbjogYXV0bztcbiAgICB9XG4gIH1cbn1cblxuQG1lZGlhIHByaW50IHtcbiAgLmdsb2JhbF9fc2Vjb25kYXJ5IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iXX0= */

package/dist/build/nav-list.css

@@ -0,0 +1,29 @@
+/**
+ * List Navigation
+ */
+
+@layer components {
+  .nav--list {
+    margin-block-end: var(--spacing-m);
+  }
+
+    .nav--list ul {
+      display: grid;
+      grid-gap: var(--nav-gap, var(--spacing-xxxs));
+      gap: var(--nav-gap, var(--spacing-xxxs));
+    }
+
+    .nav--list [aria-current="page"] {
+      text-decoration-line: underline;
+    }
+    .nav--list-2-col ul {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+  h2 + .nav--list,
+  h3 + .nav--list {
+    margin-block-start: var(--spacing-m);
+  }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdi1saXN0LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0Usa0NBQWtDO0VBVXBDOztJQVJFO01BQ0UsYUFBYTtNQUNiLDZDQUF3QztNQUF4Qyx3Q0FBd0M7SUFDMUM7O0lBRUE7TUFDRSwrQkFBK0I7SUFDakM7SUFJQTtNQUNFLHFDQUFxQztJQUN2Qzs7RUFHRjs7SUFFRSxvQ0FBb0M7RUFDdEM7QUFDRiIsImZpbGUiOiJuYXYtbGlzdC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIExpc3QgTmF2aWdhdGlvblxuICovXG5cbkBsYXllciBjb21wb25lbnRzIHtcbiAgLm5hdi0tbGlzdCB7XG4gICAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0tc3BhY2luZy1tKTtcblxuICAgICYgdWwge1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdhcDogdmFyKC0tbmF2LWdhcCwgdmFyKC0tc3BhY2luZy14eHhzKSk7XG4gICAgfVxuXG4gICAgJiBbYXJpYS1jdXJyZW50PVwicGFnZVwiXSB7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuXG4gIC5uYXYtLWxpc3QtMi1jb2wge1xuICAgICYgdWwge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgICB9XG4gIH1cblxuICBoMiArIC5uYXYtLWxpc3QsXG4gIGgzICsgLm5hdi0tbGlzdCB7XG4gICAgbWFyZ2luLWJsb2NrLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLW0pO1xuICB9XG59XG4iXX0= */