@pnx-mixtape/mxds 0.0.13 → 0.0.15

package/dist/build/in-page-alert.css

@@ -1,94 +1 @@
-/**
- * Messages
- */
-
-@layer design-system.defaults {
-  mx-closable-alert {
-    display: block;
-  }
-}
-
-@layer design-system.components {
-  .message {
-    display: grid;
-    grid-gap: var(--gap-s);
-    gap: var(--gap-s);
-    padding-block: var(--spacing-xxs);
-    padding-inline: var(--spacing-s);
-    border: 1px solid;
-    background-color: var(--background, var(--colour-background-alt));
-    color: var(--foreground, var(--colour-foreground));
-    border-radius: var(--border-radius);
-  }
-
-    .message:has(.mx-icon--close) {
-      grid-template-columns: auto min-content;
-      grid-template-areas: "content close";
-    }
-
-    .message:is(.mx-icon, :has(.mx-icon--close)) {
-      --icon-size: 1.25rem;
-    }
-
-      .message:is(.mx-icon, :has(.mx-icon--close)) .message__content {
-        grid-area: content;
-      }
-
-    .message.mx-icon {
-      grid-template-columns: min-content auto;
-      grid-template-areas: "icon content";
-    }
-
-      .message.mx-icon::before {
-        grid-area: icon;
-        background-size: contain;
-      }
-
-      .message.mx-icon:has(.mx-icon--close) {
-        grid-template-columns: min-content auto min-content;
-        grid-template-areas: "icon content close";
-      }
-
-    .message a {
-      color: inherit;
-    }
-
-    .message.message--status,
-    .message.message--info {
-      --foreground: var(--colour-info-foreground);
-      --background: var(--colour-info-background);
-    }
-
-    .message.message--success {
-      --foreground: var(--colour-success-foreground);
-      --background: var(--colour-success-background);
-    }
-
-    .message.message--error {
-      --foreground: var(--colour-error-foreground);
-      --background: var(--colour-error-background);
-    }
-
-    .message.message--warning {
-      --foreground: var(--colour-warning-foreground);
-      --background: var(--colour-warning-background);
-    }
-
-    .message .mx-icon--close {
-      --icon-size: 1rem;
-
-      grid-area: close;
-      -webkit-appearance: none;
-         -moz-appearance: none;
-              appearance: none;
-      inline-size: var(--spacing-l);
-      block-size: var(--spacing-l);
-      padding: 0;
-      border: 0;
-      background-color: transparent;
-      justify-content: end;
-      color: inherit;
-    }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluLXBhZ2UtYWxlcnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxjQUFjO0VBQ2hCO0FBQ0Y7O0FBRUE7RUFDRTtJQUNFLGFBQWE7SUFDYixzQkFBaUI7SUFBakIsaUJBQWlCO0lBQ2pCLGlDQUFpQztJQUNqQyxnQ0FBZ0M7SUFDaEMsaUJBQWlCO0lBQ2pCLGlFQUFpRTtJQUNqRSxrREFBa0Q7SUFDbEQsbUNBQW1DO0VBb0VyQzs7SUFsRUU7TUFDRSx1Q0FBdUM7TUFDdkMsb0NBQW9DO0lBQ3RDOztJQUVBO01BQ0Usb0JBQW9CO0lBS3RCOztNQUhFO1FBQ0Usa0JBQWtCO01BQ3BCOztJQUdGO01BQ0UsdUNBQXVDO01BQ3ZDLG1DQUFtQztJQVdyQzs7TUFURTtRQUNFLGVBQWU7UUFDZix3QkFBd0I7TUFDMUI7O01BRUE7UUFDRSxtREFBbUQ7UUFDbkQseUNBQXlDO01BQzNDOztJQUdGO01BQ0UsY0FBYztJQUNoQjs7SUFFQTs7TUFFRSwyQ0FBMkM7TUFDM0MsMkNBQTJDO0lBQzdDOztJQUVBO01BQ0UsOENBQThDO01BQzlDLDhDQUE4QztJQUNoRDs7SUFFQTtNQUNFLDRDQUE0QztNQUM1Qyw0Q0FBNEM7SUFDOUM7O0lBRUE7TUFDRSw4Q0FBOEM7TUFDOUMsOENBQThDO0lBQ2hEOztJQUVBO01BQ0UsaUJBQWlCOztNQUVqQixnQkFBZ0I7TUFDaEIsd0JBQWdCO1NBQWhCLHFCQUFnQjtjQUFoQixnQkFBZ0I7TUFDaEIsNkJBQTZCO01BQzdCLDRCQUE0QjtNQUM1QixVQUFVO01BQ1YsU0FBUztNQUNULDZCQUE2QjtNQUM3QixvQkFBb0I7TUFDcEIsY0FBYztJQUNoQjtBQUVKIiwiZmlsZSI6ImluLXBhZ2UtYWxlcnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBNZXNzYWdlc1xuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmRlZmF1bHRzIHtcbiAgbXgtY2xvc2FibGUtYWxlcnQge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG59XG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmNvbXBvbmVudHMge1xuICAubWVzc2FnZSB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBnYXA6IHZhcigtLWdhcC1zKTtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zcGFjaW5nLXh4cyk7XG4gICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgYm9yZGVyOiAxcHggc29saWQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZCwgdmFyKC0tY29sb3VyLWJhY2tncm91bmQtYWx0KSk7XG4gICAgY29sb3I6IHZhcigtLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAmOmhhcygubXgtaWNvbi0tY2xvc2UpIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0byBtaW4tY29udGVudDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFwiY29udGVudCBjbG9zZVwiO1xuICAgIH1cblxuICAgICY6aXMoLm14LWljb24sIDpoYXMoLm14LWljb24tLWNsb3NlKSkge1xuICAgICAgLS1pY29uLXNpemU6IDEuMjVyZW07XG5cbiAgICAgICYgLm1lc3NhZ2VfX2NvbnRlbnQge1xuICAgICAgICBncmlkLWFyZWE6IGNvbnRlbnQ7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi5teC1pY29uIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogbWluLWNvbnRlbnQgYXV0bztcbiAgICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFwiaWNvbiBjb250ZW50XCI7XG5cbiAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgIGdyaWQtYXJlYTogaWNvbjtcbiAgICAgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICAgICAgfVxuXG4gICAgICAmOmhhcygubXgtaWNvbi0tY2xvc2UpIHtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBtaW4tY29udGVudCBhdXRvIG1pbi1jb250ZW50O1xuICAgICAgICBncmlkLXRlbXBsYXRlLWFyZWFzOiBcImljb24gY29udGVudCBjbG9zZVwiO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgYSB7XG4gICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB9XG5cbiAgICAmLm1lc3NhZ2UtLXN0YXR1cyxcbiAgICAmLm1lc3NhZ2UtLWluZm8ge1xuICAgICAgLS1mb3JlZ3JvdW5kOiB2YXIoLS1jb2xvdXItaW5mby1mb3JlZ3JvdW5kKTtcbiAgICAgIC0tYmFja2dyb3VuZDogdmFyKC0tY29sb3VyLWluZm8tYmFja2dyb3VuZCk7XG4gICAgfVxuXG4gICAgJi5tZXNzYWdlLS1zdWNjZXNzIHtcbiAgICAgIC0tZm9yZWdyb3VuZDogdmFyKC0tY29sb3VyLXN1Y2Nlc3MtZm9yZWdyb3VuZCk7XG4gICAgICAtLWJhY2tncm91bmQ6IHZhcigtLWNvbG91ci1zdWNjZXNzLWJhY2tncm91bmQpO1xuICAgIH1cblxuICAgICYubWVzc2FnZS0tZXJyb3Ige1xuICAgICAgLS1mb3JlZ3JvdW5kOiB2YXIoLS1jb2xvdXItZXJyb3ItZm9yZWdyb3VuZCk7XG4gICAgICAtLWJhY2tncm91bmQ6IHZhcigtLWNvbG91ci1lcnJvci1iYWNrZ3JvdW5kKTtcbiAgICB9XG5cbiAgICAmLm1lc3NhZ2UtLXdhcm5pbmcge1xuICAgICAgLS1mb3JlZ3JvdW5kOiB2YXIoLS1jb2xvdXItd2FybmluZy1mb3JlZ3JvdW5kKTtcbiAgICAgIC0tYmFja2dyb3VuZDogdmFyKC0tY29sb3VyLXdhcm5pbmctYmFja2dyb3VuZCk7XG4gICAgfVxuXG4gICAgJiAubXgtaWNvbi0tY2xvc2Uge1xuICAgICAgLS1pY29uLXNpemU6IDFyZW07XG5cbiAgICAgIGdyaWQtYXJlYTogY2xvc2U7XG4gICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgaW5saW5lLXNpemU6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgICBibG9jay1zaXplOiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIGJvcmRlcjogMDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB9XG4gIH1cbn1cbiJdfQ== */
+@layer design-system.defaults{mx-closable-alert{display:block}}@layer design-system.components{.message{display:grid;grid-gap:var(--gap-s);gap:var(--gap-s);padding-block:var(--spacing-xxs);padding-inline:var(--spacing-s);border:1px solid;background-color:var(--background, var(--colour-background-alt));color:var(--foreground, var(--colour-foreground));border-radius:var(--border-radius)}.message:has(.mx-icon--close){grid-template-columns:auto min-content;grid-template-areas:"content close"}.message:is(.mx-icon,:has(.mx-icon--close)){--icon-size: 1.25rem}.message:is(.mx-icon,:has(.mx-icon--close)) .message__content{grid-area:content}.message.mx-icon{grid-template-columns:min-content auto;grid-template-areas:"icon content"}.message.mx-icon:before{grid-area:icon;background-size:contain}.message.mx-icon:has(.mx-icon--close){grid-template-columns:min-content auto min-content;grid-template-areas:"icon content close"}.message a{color:inherit}.message.message--status,.message.message--info{--foreground: var(--colour-info);--background: color-mix(in oklch, var(--colour-info), white 95%)}.message.message--success{--foreground: var(--colour-success);--background: color-mix(in oklch, var(--colour-success), white 95%)}.message.message--error{--foreground: var(--colour-error);--background: color-mix(in oklch, var(--colour-error), white 95%)}.message.message--warning{--foreground: var(--colour-warning);--background: color-mix(in oklch, var(--colour-warning), white 95%)}.message .mx-icon--close{--icon-size: 1rem;grid-area:close;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:var(--spacing-l);block-size:var(--spacing-l);padding:0;border:0;background-color:transparent;justify-content:end;color:inherit}}

package/dist/build/in-page-navigation.css

@@ -1,17 +1 @@
-/**
- * InPageNavigation
- */
-
-@layer design-system.defaults {
-  mx-in-page-navigation {
-    display: block;
-  }
-}
-
-@layer design-system.components {
-    .mx-in-page-navigation .mx-in-page-navigation__level--h3 {
-      padding-inline-start: var(--indent, var(--spacing-s));
-    }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluLXBhZ2UtbmF2aWdhdGlvbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGNBQWM7RUFDaEI7QUFDRjs7QUFFQTtJQUVJO01BQ0UscURBQXFEO0lBQ3ZEO0FBRUoiLCJmaWxlIjoiaW4tcGFnZS1uYXZpZ2F0aW9uLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogSW5QYWdlTmF2aWdhdGlvblxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmRlZmF1bHRzIHtcbiAgbXgtaW4tcGFnZS1uYXZpZ2F0aW9uIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LWluLXBhZ2UtbmF2aWdhdGlvbiB7XG4gICAgJiAubXgtaW4tcGFnZS1uYXZpZ2F0aW9uX19sZXZlbC0taDMge1xuICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLWluZGVudCwgdmFyKC0tc3BhY2luZy1zKSk7XG4gICAgfVxuICB9XG59XG4iXX0= */
+@layer design-system.defaults{mx-in-page-navigation{display:block}}@layer design-system.components{.mx-in-page-navigation .mx-in-page-navigation__level--h3{padding-inline-start:var(--indent, var(--spacing-s))}}

package/dist/build/in-page-navigation.entry.js

@@ -1,99 +1 @@
-import { m as makeAnchor, c as createElement } from "./chunks/utilities-B4YZb689.js";
-class InPageNavigation extends HTMLElement {
-  constructor() {
-    super();
-    this.handleClick = (target) => {
-      this.active = this.items.find((item) => item.link === target);
-      if (!this.links || !this.active) return;
-      this.links.forEach((link) => link.classList.remove("is-active"));
-      this.active.link.classList.add("is-active");
-    };
-    this.internals_ = this.attachInternals();
-    this.controller = new AbortController();
-    this.headingLevels = this.dataset?.headings || "h2";
-    this.items = [];
-  }
-  connectedCallback() {
-    if (!this.menu || !this.headings) return;
-    if (!this.links.length) {
-      this.headings.forEach((heading) => {
-        const listItem = this.generateListItem(heading);
-        const link = this.generateAnchor(heading);
-        this.items.push({ link, heading });
-        listItem.appendChild(link);
-        this.menu?.appendChild(listItem);
-      });
-    } else {
-      this.links.forEach((link) => {
-        const heading = this.container.querySelector(
-          link.href
-        );
-        if (!heading) return;
-        this.items.push({ link, heading });
-      });
-    }
-    const { signal } = this.controller;
-    this.menu.addEventListener(
-      "click",
-      (e) => {
-        const { target } = e;
-        if (!(target instanceof HTMLAnchorElement)) return;
-        this.handleClick(target);
-      },
-      {
-        signal
-      }
-    );
-  }
-  disconnectedCallback() {
-    if (!this.menu || !this.headings) return;
-    this.menu.textContent = "";
-    this.items = [];
-    this.controller.abort();
-  }
-  get menu() {
-    const menu = this.querySelector("ul, ol");
-    if (!menu) {
-      throw new Error(`${this.localName} must contain a <ul> or <ol> element.`);
-    }
-    return menu;
-  }
-  get container() {
-    const selector = this.getAttribute("data-content");
-    if (!selector) {
-      throw new Error(
-        `${this.localName} must have a [data-content] attribute that contains the content selector.`
-      );
-    }
-    return this.closest(selector) || this.parentElement.querySelector(selector);
-  }
-  get headings() {
-    return this.container?.querySelectorAll(this.headingLevels);
-  }
-  get links() {
-    return this.menu?.querySelectorAll("a");
-  }
-  generatedId(heading) {
-    const string = heading?.textContent?.trim();
-    return !string ? "" : makeAnchor(string);
-  }
-  generateAnchor(heading) {
-    const { textContent, id } = heading;
-    const linkText = heading.getAttribute("data-in-page-navigation-title") || textContent;
-    const targetID = id || this.generatedId(heading);
-    if (!id) heading.id = targetID;
-    const item = createElement(
-      `<a href="#${targetID}"><span class="mx-icon mx-icon--chevron-right"></span><span>${linkText}</span></a>`
-    );
-    return item;
-  }
-  generateListItem(heading) {
-    const { tagName } = heading;
-    const item = createElement(
-      `<li class="mx-in-page-navigation__level--${tagName.toLowerCase()}"></li>`
-    );
-    return item;
-  }
-}
-customElements.define("mx-in-page-navigation", InPageNavigation);
-//# sourceMappingURL=in-page-navigation.entry.js.map
+import{m as t,c as e}from"./chunks/utilities-CE6xwgqF.js";class n extends HTMLElement{constructor(){super(),this.handleClick=t=>{this.active=this.items.find((e=>e.link===t)),this.links&&this.active&&(this.links.forEach((t=>t.classList.remove("is-active"))),this.active.link.classList.add("is-active"))},this.internals_=this.attachInternals(),this.controller=new AbortController,this.headingLevels=this.dataset?.headings||"h2",this.items=[]}connectedCallback(){if(!this.menu||!this.headings)return;this.links.length?this.links.forEach((t=>{const e=this.container.querySelector(t.hash);e&&this.items.push({link:t,heading:e})})):this.headings.forEach((t=>{const e=this.generateListItem(t),n=this.generateAnchor(t);this.items.push({link:n,heading:t}),e.appendChild(n),this.menu?.appendChild(e)}));const{signal:t}=this.controller;this.menu.addEventListener("click",(t=>{const{target:e}=t;e instanceof HTMLAnchorElement&&this.handleClick(e)}),{signal:t})}disconnectedCallback(){!this.menu||!this.headings||(this.menu.textContent="",this.items=[],this.controller.abort())}get menu(){const t=this.querySelector("ul, ol");if(!t)throw new Error(`${this.localName} must contain a <ul> or <ol> element.`);return t}get container(){const t=this.getAttribute("data-content");if(!t)throw new Error(`${this.localName} must have a [data-content] attribute that contains the content selector.`);return this.closest(t)||this.parentElement.querySelector(t)}get headings(){return this.container?.querySelectorAll(this.headingLevels)}get links(){return this.menu?.querySelectorAll("a")}generatedId(e){const n=e?.textContent?.trim();return n?t(n):""}generateAnchor(t){const{textContent:n,id:i}=t,s=t.getAttribute("data-in-page-navigation-title")||n,a=i||this.generatedId(t);return i||(t.id=a),e(`<a href="#${a}"><span class="mx-icon mx-icon--chevron-right"></span><span>${s}</span></a>`)}generateListItem(t){const{tagName:n}=t;return e(`<li class="mx-in-page-navigation__level--${n.toLowerCase()}"></li>`)}}customElements.define("mx-in-page-navigation",n);

package/dist/build/link-list.css

@@ -1,45 +1 @@
-/**
- * Link List
- */
-
-@layer design-system.components {
-  .mx-link-list {
-    list-style-type: none;
-    padding-inline-start: 0;
-  }
-
-    .mx-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));
-    }
-
-      .mx-link-list li:last-child {
-        border-block-end: 0;
-      }
-
-    .mx-link-list a {
-      position: relative;
-      display: flex;
-      align-items: center;
-      padding-block: var(--vertical-padding, var(--spacing-xxxs));
-      inline-size: 100%;
-      justify-content: space-between;
-      justify-content: var(--justify, space-between);
-      gap: var(--spacing-s);
-      text-decoration-line: none;
-      color: inherit;
-    }
-
-      .mx-link-list a:hover {
-        text-decoration-line: underline;
-      }
-
-  * + .mx-link-list {
-    margin-block-start: var(--spacing-m);
-  }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpbmstbGlzdC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLHFCQUFxQjtJQUNyQix1QkFBdUI7RUEyQnpCOztJQXpCRTtNQUNFLG9EQUFvRDtNQUNwRDtnREFDMEM7TUFEMUM7Z0RBQzBDO0lBSzVDOztNQUhFO1FBQ0UsbUJBQW1CO01BQ3JCOztJQUdGO01BQ0Usa0JBQWtCO01BQ2xCLGFBQWE7TUFDYixtQkFBbUI7TUFDbkIsMkRBQTJEO01BQzNELGlCQUFpQjtNQUNqQiw4QkFBOEM7TUFBOUMsOENBQThDO01BQzlDLHFCQUFxQjtNQUNyQiwwQkFBMEI7TUFDMUIsY0FBYztJQUtoQjs7TUFIRTtRQUNFLCtCQUErQjtNQUNqQzs7RUFJSjtJQUNFLG9DQUFvQztFQUN0QztBQUNGIiwiZmlsZSI6ImxpbmstbGlzdC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIExpbmsgTGlzdFxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmNvbXBvbmVudHMge1xuICAubXgtbGluay1saXN0IHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDA7XG5cbiAgICAmIGxpIHtcbiAgICAgIG1pbi1ibG9jay1zaXplOiB2YXIoLS1taW4taGVpZ2h0LCB2YXIoLS1zcGFjaW5nLXhsKSk7XG4gICAgICBib3JkZXItYmxvY2stZW5kOiB2YXIoLS1saW5lLXdpZHRoLCAxcHgpIHNvbGlkXG4gICAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG5cbiAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgIGJvcmRlci1ibG9jay1lbmQ6IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiBhIHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZy1ibG9jazogdmFyKC0tdmVydGljYWwtcGFkZGluZywgdmFyKC0tc3BhY2luZy14eHhzKSk7XG4gICAgICBpbmxpbmUtc2l6ZTogMTAwJTtcbiAgICAgIGp1c3RpZnktY29udGVudDogdmFyKC0tanVzdGlmeSwgc3BhY2UtYmV0d2Vlbik7XG4gICAgICBnYXA6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogbm9uZTtcbiAgICAgIGNvbG9yOiBpbmhlcml0O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAqICsgLm14LWxpbmstbGlzdCB7XG4gICAgbWFyZ2luLWJsb2NrLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLW0pO1xuICB9XG59XG4iXX0= */
+@layer design-system.components{.mx-link-list{list-style-type:none;padding-inline-start:0}.mx-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))}:is(.mx-link-list li):last-child{border-block-end:0}.mx-link-list a{position:relative;display:flex;align-items:center;padding-block:var(--vertical-padding, var(--spacing-xxxs));inline-size:100%;justify-content:space-between;justify-content:var(--justify, space-between);gap:var(--spacing-s);text-decoration-line:none;color:inherit}:is(.mx-link-list a):hover{text-decoration-line:underline}*+.mx-link-list{margin-block-start:var(--spacing-m)}}

package/dist/build/list-item.css

@@ -1,114 +1 @@
-/**
- * List Item
- */
-
-@layer design-system.components {
-  .mx-list-item {
-    display: grid;
-    grid-gap: var(--list-item-gap, var(--gap));
-    gap: var(--list-item-gap, var(--gap));
-  }
-
-  .mx-list-item:has(> .mx-list-item__media) {
-    grid-template: "media" "content" 1fr / 1fr;
-  }
-
-    @container (min-width: 720px) {
-
-  .mx-list-item:has(> .mx-list-item__media) {
-      --list-item-gap: var(--gap-l);
-      --image-min-width: var(--image-max-width, 200px);
-
-      grid-template: "media content" 1fr / auto 1fr;
-      align-items: center;
-  }
-    }
-      @container (min-width: 720px) {
-
-    .mx-list-item.mx-list-item--reversed:has(> .mx-list-item__media) {
-        grid-template-areas: "content media";
-        grid-template-columns: 1fr auto;
-    }
-      }
-
-    .mx-list-item:has(> .mx-list-item__media) .mx-list-item__content {
-      grid-area: content;
-    }
-
-    .mx-list-item:has(> .mx-list-item__media) :is(.mx-list-item__media, figure) {
-      grid-area: media;
-      display: grid;
-      position: relative;
-      inline-size: 100%;
-      max-inline-size: 100px;
-      max-inline-size: var(--image-min-width, 100px);
-    }
-
-      .mx-list-item:has(> .mx-list-item__media) :is(.mx-list-item__media, figure) img {
-        aspect-ratio: 1 / 1;
-        border-radius: var(--border-radius);
-        -o-object-fit: cover;
-           object-fit: cover;
-        display: block;
-      }
-
-  .mx-list-item__content {
-    --flow-gap: var(--gap-s);
-  }
-
-    .mx-list-item__content > .mx-text--s {
-      --flow-gap: 0;
-    }
-    :is(.mx-list-item, .mx-container:has(> .mx-list-item)):where(:not(:first-child)) {
-      border-block-start: 1px solid
-        var(--line-colour, var(--colour-border));
-      border-block-start: var(--line-width, 1px) solid
-        var(--line-colour, var(--colour-border));
-      padding-block-start: var(--gap);
-      margin-block-start: var(--gap);
-    }
-}
-
-/**
- * List item grid
- */
-
-@layer design-system.components {
-  .mx-grid:has(> *:nth-child(2):last-child)
-    > :is(.mx-list-item, .mx-container:has(.mx-list-item)) {
-    inline-size: 100%;
-    max-inline-size: 37ch;
-    max-inline-size: var(--max-list-item-width, 37ch);
-    margin-inline: auto;
-  }
-}
-
-/**
- * Block list item
- */
-
-@layer design-system.components {
-  .mx-list-item--block {
-    position: relative;
-  }
-
-    .mx-list-item--block:focus-within {
-      border-radius: var(--border-radius);
-      outline: var(--outline-width) var(--outline-style) var(--outline-color);
-      outline-offset: 2px;
-    }
-      .mx-list-item--block :is(a[href], button):focus-visible {
-        outline: none;
-      }
-
-    .mx-list-item--block a::after {
-      content: "";
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-start: 0;
-      inline-size: 100%;
-      block-size: 100%;
-    }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpc3QtaXRlbS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGFBQWE7SUFDYiwwQ0FBcUM7SUFBckMscUNBQXFDO0VBQ3ZDOztFQUVBO0lBQ0UsMENBQTBDO0VBbUM1Qzs7SUFqQ0U7O0VBSEY7TUFJSSw2QkFBNkI7TUFDN0IsZ0RBQWdEOztNQUVoRCw2Q0FBNkM7TUFDN0MsbUJBQW1CO0VBNEJ2QjtJQTNCRTtNQUdFOztJQURGO1FBRUksb0NBQW9DO1FBQ3BDLCtCQUErQjtJQUVuQztNQURFOztJQUdGO01BQ0Usa0JBQWtCO0lBQ3BCOztJQUVBO01BQ0UsZ0JBQWdCO01BQ2hCLGFBQWE7TUFDYixrQkFBa0I7TUFDbEIsaUJBQWlCO01BQ2pCLHNCQUE4QztNQUE5Qyw4Q0FBOEM7SUFRaEQ7O01BTkU7UUFDRSxtQkFBbUI7UUFDbkIsbUNBQW1DO1FBQ25DLG9CQUFpQjtXQUFqQixpQkFBaUI7UUFDakIsY0FBYztNQUNoQjs7RUFJSjtJQUNFLHdCQUF3QjtFQUsxQjs7SUFIRTtNQUNFLGFBQWE7SUFDZjtJQUlBO01BQ0U7Z0RBQzBDO01BRDFDO2dEQUMwQztNQUMxQywrQkFBK0I7TUFDL0IsOEJBQThCO0lBQ2hDO0FBRUo7O0FBRUE7O0VBRUU7O0FBRUY7RUFDRTs7SUFFRSxpQkFBaUI7SUFDakIscUJBQWlEO0lBQWpELGlEQUFpRDtJQUNqRCxtQkFBbUI7RUFDckI7QUFDRjs7QUFFQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0Usa0JBQWtCO0VBc0JwQjs7SUFwQkU7TUFDRSxtQ0FBbUM7TUFDbkMsdUVBQXVFO01BQ3ZFLG1CQUFtQjtJQUNyQjtNQUdFO1FBQ0UsYUFBYTtNQUNmOztJQUdGO01BQ0UsV0FBVztNQUNYLGtCQUFrQjtNQUNsQixvQkFBb0I7TUFDcEIscUJBQXFCO01BQ3JCLGlCQUFpQjtNQUNqQixnQkFBZ0I7SUFDbEI7QUFFSiIsImZpbGUiOiJsaXN0LWl0ZW0uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBMaXN0IEl0ZW1cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LWxpc3QtaXRlbSB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBnYXA6IHZhcigtLWxpc3QtaXRlbS1nYXAsIHZhcigtLWdhcCkpO1xuICB9XG5cbiAgLm14LWxpc3QtaXRlbTpoYXMoPiAubXgtbGlzdC1pdGVtX19tZWRpYSkge1xuICAgIGdyaWQtdGVtcGxhdGU6IFwibWVkaWFcIiBcImNvbnRlbnRcIiAxZnIgLyAxZnI7XG5cbiAgICBAY29udGFpbmVyIChtaW4td2lkdGg6IHRva2VuKFwiYnJlYWtwb2ludC5jb250ZW50Q2FyZFwiKSkge1xuICAgICAgLS1saXN0LWl0ZW0tZ2FwOiB2YXIoLS1nYXAtbCk7XG4gICAgICAtLWltYWdlLW1pbi13aWR0aDogdmFyKC0taW1hZ2UtbWF4LXdpZHRoLCAyMDBweCk7XG5cbiAgICAgIGdyaWQtdGVtcGxhdGU6IFwibWVkaWEgY29udGVudFwiIDFmciAvIGF1dG8gMWZyO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB9XG5cbiAgICAmLm14LWxpc3QtaXRlbS0tcmV2ZXJzZWQge1xuICAgICAgQGNvbnRhaW5lciAobWluLXdpZHRoOiB0b2tlbihcImJyZWFrcG9pbnQuY29udGVudENhcmRcIikpIHtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1hcmVhczogXCJjb250ZW50IG1lZGlhXCI7XG4gICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIGF1dG87XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubXgtbGlzdC1pdGVtX19jb250ZW50IHtcbiAgICAgIGdyaWQtYXJlYTogY29udGVudDtcbiAgICB9XG5cbiAgICAmIDppcygubXgtbGlzdC1pdGVtX19tZWRpYSwgZmlndXJlKSB7XG4gICAgICBncmlkLWFyZWE6IG1lZGlhO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgICAgbWF4LWlubGluZS1zaXplOiB2YXIoLS1pbWFnZS1taW4td2lkdGgsIDEwMHB4KTtcblxuICAgICAgJiBpbWcge1xuICAgICAgICBhc3BlY3QtcmF0aW86IDEgLyAxO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3JkZXItcmFkaXVzKTtcbiAgICAgICAgb2JqZWN0LWZpdDogY292ZXI7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC5teC1saXN0LWl0ZW1fX2NvbnRlbnQge1xuICAgIC0tZmxvdy1nYXA6IHZhcigtLWdhcC1zKTtcblxuICAgICYgPiAubXgtdGV4dC0tcyB7XG4gICAgICAtLWZsb3ctZ2FwOiAwO1xuICAgIH1cbiAgfVxuXG4gIDppcygubXgtbGlzdC1pdGVtLCAubXgtY29udGFpbmVyOmhhcyg+IC5teC1saXN0LWl0ZW0pKSB7XG4gICAgJjp3aGVyZSg6bm90KDpmaXJzdC1jaGlsZCkpIHtcbiAgICAgIGJvcmRlci1ibG9jay1zdGFydDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgICAgcGFkZGluZy1ibG9jay1zdGFydDogdmFyKC0tZ2FwKTtcbiAgICAgIG1hcmdpbi1ibG9jay1zdGFydDogdmFyKC0tZ2FwKTtcbiAgICB9XG4gIH1cbn1cblxuLyoqXG4gKiBMaXN0IGl0ZW0gZ3JpZFxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmNvbXBvbmVudHMge1xuICAubXgtZ3JpZDpoYXMoPiAqOm50aC1jaGlsZCgyKTpsYXN0LWNoaWxkKVxuICAgID4gOmlzKC5teC1saXN0LWl0ZW0sIC5teC1jb250YWluZXI6aGFzKC5teC1saXN0LWl0ZW0pKSB7XG4gICAgaW5saW5lLXNpemU6IDEwMCU7XG4gICAgbWF4LWlubGluZS1zaXplOiB2YXIoLS1tYXgtbGlzdC1pdGVtLXdpZHRoLCAzN2NoKTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICB9XG59XG5cbi8qKlxuICogQmxvY2sgbGlzdCBpdGVtXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5teC1saXN0LWl0ZW0tLWJsb2NrIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3JkZXItcmFkaXVzKTtcbiAgICAgIG91dGxpbmU6IHZhcigtLW91dGxpbmUtd2lkdGgpIHZhcigtLW91dGxpbmUtc3R5bGUpIHZhcigtLW91dGxpbmUtY29sb3IpO1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgICB9XG5cbiAgICAmIDppcyhhW2hyZWZdLCBidXR0b24pIHtcbiAgICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiBhOjphZnRlciB7XG4gICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgaW5zZXQtYmxvY2stc3RhcnQ6IDA7XG4gICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgICBpbmxpbmUtc2l6ZTogMTAwJTtcbiAgICAgIGJsb2NrLXNpemU6IDEwMCU7XG4gICAgfVxuICB9XG59XG4iXX0= */
+@layer design-system.components{.mx-list-item{--media-col: var(--image-width, 200px);--ratio: 1;--large-card-gap: var(--gap-l)}.mx-list-item .mx-card__content{--flow-gap: var(--gap-s)}:is(.mx-list-item .mx-card__content)>.mx-text--s{--flow-gap: 0}:is(.mx-list-item,.mx-container:has(>.mx-list-item)):where(:not(:first-child)){border-block-start:1px solid var(--line-colour, var(--colour-border));border-block-start:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));padding-block-start:var(--gap);margin-block-start:var(--gap)}}

package/dist/build/masthead.css

@@ -1,53 +1 @@
-/**
- * Masthead
- */
-
-@layer design-system.layouts {
-    .mx-masthead .flex {
-      justify-content: space-between;
-      align-items: center;
-    }
-
-  .mx-masthead__nav {
-    display: none;
-  }
-
-    @media (min-width: 720px) {
-
-  .mx-masthead__nav {
-      display: inline-flex;
-      gap: var(--gap);
-  }
-    }
-
-  .mx-skip-links {
-    background-color: var(--colour-background-alt);
-    position: fixed;
-    inset-block-start: 0;
-    inset-inline-start: 0;
-    inline-size: 100%;
-    display: flex;
-    z-index: 200;
-    transform: translateY(-100%);
-    visibility: hidden;
-  }
-
-    .mx-skip-links:has(a:focus) {
-      transform: translateY(0);
-      visibility: visible;
-    }
-
-    .mx-skip-links a {
-      display: inline-block;
-      padding-block: 2px;
-      padding-inline: 4px;
-    }
-}
-
-@media print {
-  .mx-masthead {
-    display: none;
-  }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1hc3RoZWFkLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTs7QUFFRjtJQUVJO01BQ0UsOEJBQThCO01BQzlCLG1CQUFtQjtJQUNyQjs7RUFHRjtJQUNFLGFBQWE7RUFNZjs7SUFKRTs7RUFIRjtNQUlJLG9CQUFvQjtNQUNwQixlQUFlO0VBRW5CO0lBREU7O0VBR0Y7SUFDRSw4Q0FBOEM7SUFDOUMsZUFBZTtJQUNmLG9CQUFvQjtJQUNwQixxQkFBcUI7SUFDckIsaUJBQWlCO0lBQ2pCLGFBQWE7SUFDYixZQUFZO0lBQ1osNEJBQTRCO0lBQzVCLGtCQUFrQjtFQVlwQjs7SUFWRTtNQUNFLHdCQUF3QjtNQUN4QixtQkFBbUI7SUFDckI7O0lBRUE7TUFDRSxxQkFBcUI7TUFDckIsa0JBQWtCO01BQ2xCLG1CQUFtQjtJQUNyQjtBQUVKOztBQUVBO0VBQ0U7SUFDRSxhQUFhO0VBQ2Y7QUFDRiIsImZpbGUiOiJtYXN0aGVhZC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIE1hc3RoZWFkXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0ubGF5b3V0cyB7XG4gIC5teC1tYXN0aGVhZCB7XG4gICAgJiAuZmxleCB7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIH1cbiAgfVxuXG4gIC5teC1tYXN0aGVhZF9fbmF2IHtcbiAgICBkaXNwbGF5OiBub25lO1xuXG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgZ2FwOiB2YXIoLS1nYXApO1xuICAgIH1cbiAgfVxuXG4gIC5teC1za2lwLWxpbmtzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvdXItYmFja2dyb3VuZC1hbHQpO1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICBpbnNldC1ibG9jay1zdGFydDogMDtcbiAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgaW5saW5lLXNpemU6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICB6LWluZGV4OiAyMDA7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0xMDAlKTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG5cbiAgICAmOmhhcyhhOmZvY3VzKSB7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XG4gICAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICAgIH1cblxuICAgICYgYSB7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICBwYWRkaW5nLWJsb2NrOiAycHg7XG4gICAgICBwYWRkaW5nLWlubGluZTogNHB4O1xuICAgIH1cbiAgfVxufVxuXG5AbWVkaWEgcHJpbnQge1xuICAubXgtbWFzdGhlYWQge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cbiJdfQ== */
+@layer design-system.layouts{.mx-masthead .flex{justify-content:space-between;align-items:center}.mx-masthead__nav{display:none}@media (min-width: 720px){.mx-masthead__nav{display:inline-flex;gap:var(--gap)}}.mx-skip-links{background-color:var(--colour-background-alt);position:fixed;inset-block-start:0;inset-inline-start:0;inline-size:100%;display:flex;z-index:200;transform:translateY(-100%);visibility:hidden}.mx-skip-links:has(a:focus){transform:translateY(0);visibility:visible}.mx-skip-links a{display:inline-block;padding-block:2px;padding-inline:4px}}@media print{.mx-masthead{display:none}}