@pnx-mixtape/mxds 0.0.7 → 0.0.8

package/dist/build/pagination.css

@@ -0,0 +1,130 @@
+/**
+ * Pagination
+ */
+
+@layer design-system.components {
+  .mx-pagination {
+    margin-inline: 0;
+    padding: 0;
+  }
+
+    .mx-pagination button {
+      all: unset;
+      cursor: pointer;
+      box-sizing: border-box;
+    }
+
+      .mx-pagination button:focus {
+        outline: var(--outline-width, var(--outline-size))
+          solid currentcolor;
+        outline: var(--outline-width, var(--outline-size))
+          var(--outline-style, solid) var(--outline-color, currentcolor);
+        outline-offset: var(--outline-offset, var(--outline-size));
+      }
+
+    .mx-pagination :is(a, button, [aria-current="page"], [aria-current="step"]) {
+      text-decoration-line: none;
+      color: var(
+        --pagination-foreground,
+        var(--foreground, var(--colour-foreground))
+      );
+      display: flex;
+      block-size: var(--spacing-l);
+      line-height: var(--spacing-l);
+      padding-block: 0;
+      padding-inline: var(--spacing-xs);
+    }
+
+    .mx-pagination :is([aria-current="page"], [aria-current="step"], .is-active) {
+      font-weight: var(--font-weight-bold);
+      text-decoration-line: underline;
+      text-decoration-line: var(--active-underline, underline);
+      text-decoration-thickness: 2px;
+      -webkit-text-decoration-skip: ink;
+              text-decoration-skip-ink: auto;
+      text-underline-offset: 0.15em;
+      pointer-events: none;
+    }
+
+    .mx-pagination .mx-icon:not(.mx-icon--only) {
+      display: flex;
+      align-items: center;
+      gap: var(--spacing-xxs);
+    }
+
+    .mx-pagination .mx-pagination__items {
+      display: flex;
+      align-content: center;
+      justify-content: center;
+      place-content: center;
+      padding-inline-start: 0;
+      list-style-type: none;
+      text-align: center;
+    }
+
+    .mx-pagination .mx-pagination__ellipsis {
+      padding-block: 0;
+      padding-inline: var(--spacing-xs);
+    }
+
+    .mx-pagination
+      :is(.mx-pagination__previous, .mx-pagination__next)
+      .mx-icon:not(.mx-icon--only) {
+      font-weight: var(--font-weight-bold);
+      text-transform: capitalize;
+    }
+
+      @media (max-width: 539.98px) {
+
+    .mx-pagination
+      :is(.mx-pagination__previous, .mx-pagination__next)
+      .mx-icon:not(.mx-icon--only) {
+        overflow: hidden;
+        inline-size: var(--spacing-s);
+        position: relative;
+        text-indent: 100%;
+    }
+
+        .mx-pagination
+      :is(.mx-pagination__previous, .mx-pagination__next)
+      .mx-icon:not(.mx-icon--only)::before {
+          position: absolute;
+        }
+      }
+
+    .mx-pagination .mx-pagination__previous {
+      margin-inline-end: auto;
+    }
+
+      @media (min-width: 540px) {
+        .mx-pagination .mx-pagination__previous :is(button, a) {
+          padding-inline-start: 0;
+        }
+      }
+
+    .mx-pagination .mx-pagination__next {
+      margin-inline-start: auto;
+    }
+
+      @media (min-width: 540px) {
+        .mx-pagination .mx-pagination__next :is(button, a) {
+          padding-inline-end: 0;
+        }
+
+          .mx-pagination .mx-pagination__next :is(button, a)::before {
+            order: 2;
+          }
+      }
+}
+
+/**
+ * Print stylesheet
+ */
+
+@media print {
+  .mx-pagination {
+    display: none;
+  }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2luYXRpb24uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxnQkFBZ0I7SUFDaEIsVUFBVTtFQWdHWjs7SUE5RkU7TUFDRSxVQUFVO01BQ1YsZUFBZTtNQUNmLHNCQUFzQjtJQU94Qjs7TUFMRTtRQUNFOzRCQUNnRTtRQURoRTt3RUFDZ0U7UUFDaEUsMERBQTBEO01BQzVEOztJQUdGO01BQ0UsMEJBQTBCO01BQzFCOzs7T0FHQztNQUNELGFBQWE7TUFDYiw0QkFBNEI7TUFDNUIsNkJBQTZCO01BQzdCLGdCQUFnQjtNQUNoQixpQ0FBaUM7SUFDbkM7O0lBRUE7TUFDRSxvQ0FBb0M7TUFDcEMsK0JBQXdEO01BQXhELHdEQUF3RDtNQUN4RCw4QkFBOEI7TUFDOUIsaUNBQThCO2NBQTlCLDhCQUE4QjtNQUM5Qiw2QkFBNkI7TUFDN0Isb0JBQW9CO0lBQ3RCOztJQUVBO01BQ0UsYUFBYTtNQUNiLG1CQUFtQjtNQUNuQix1QkFBdUI7SUFDekI7O0lBRUE7TUFDRSxhQUFhO01BQ2IscUJBQXFCO01BQXJCLHVCQUFxQjtNQUFyQixxQkFBcUI7TUFDckIsdUJBQXVCO01BQ3ZCLHFCQUFxQjtNQUNyQixrQkFBa0I7SUFDcEI7O0lBRUE7TUFDRSxnQkFBZ0I7TUFDaEIsaUNBQWlDO0lBQ25DOztJQUVBOzs7TUFHRSxvQ0FBb0M7TUFDcEMsMEJBQTBCO0lBWTVCOztNQVZFOztJQU5GOzs7UUFPSSxnQkFBZ0I7UUFDaEIsNkJBQTZCO1FBQzdCLGtCQUFrQjtRQUNsQixpQkFBaUI7SUFNckI7O1FBSkk7OztVQUNFLGtCQUFrQjtRQUNwQjtNQUNGOztJQUdGO01BQ0UsdUJBQXVCO0lBT3pCOztNQUxFO1FBQ0U7VUFDRSx1QkFBdUI7UUFDekI7TUFDRjs7SUFHRjtNQUNFLHlCQUF5QjtJQVczQjs7TUFURTtRQUNFO1VBQ0UscUJBQXFCO1FBS3ZCOztVQUhFO1lBQ0UsUUFBUTtVQUNWO01BRUo7QUFHTjs7QUFFQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0UsYUFBYTtFQUNmO0FBQ0YiLCJmaWxlIjoicGFnaW5hdGlvbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFBhZ2luYXRpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LXBhZ2luYXRpb24ge1xuICAgIG1hcmdpbi1pbmxpbmU6IDA7XG4gICAgcGFkZGluZzogMDtcblxuICAgICYgYnV0dG9uIHtcbiAgICAgIGFsbDogdW5zZXQ7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogdmFyKC0tb3V0bGluZS13aWR0aCwgdmFyKC0tb3V0bGluZS1zaXplKSlcbiAgICAgICAgICB2YXIoLS1vdXRsaW5lLXN0eWxlLCBzb2xpZCkgdmFyKC0tb3V0bGluZS1jb2xvciwgY3VycmVudGNvbG9yKTtcbiAgICAgICAgb3V0bGluZS1vZmZzZXQ6IHZhcigtLW91dGxpbmUtb2Zmc2V0LCB2YXIoLS1vdXRsaW5lLXNpemUpKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIDppcyhhLCBidXR0b24sIFthcmlhLWN1cnJlbnQ9XCJwYWdlXCJdLCBbYXJpYS1jdXJyZW50PVwic3RlcFwiXSkge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IG5vbmU7XG4gICAgICBjb2xvcjogdmFyKFxuICAgICAgICAtLXBhZ2luYXRpb24tZm9yZWdyb3VuZCxcbiAgICAgICAgdmFyKC0tZm9yZWdyb3VuZCwgdmFyKC0tY29sb3VyLWZvcmVncm91bmQpKVxuICAgICAgKTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBibG9jay1zaXplOiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgICBwYWRkaW5nLWJsb2NrOiAwO1xuICAgICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXNwYWNpbmcteHMpO1xuICAgIH1cblxuICAgICYgOmlzKFthcmlhLWN1cnJlbnQ9XCJwYWdlXCJdLCBbYXJpYS1jdXJyZW50PVwic3RlcFwiXSwgLmlzLWFjdGl2ZSkge1xuICAgICAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnQtd2VpZ2h0LWJvbGQpO1xuICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IHZhcigtLWFjdGl2ZS11bmRlcmxpbmUsIHVuZGVybGluZSk7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAycHg7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tc2tpcC1pbms6IGF1dG87XG4gICAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDAuMTVlbTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cblxuICAgICYgLm14LWljb246bm90KC5teC1pY29uLS1vbmx5KSB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogdmFyKC0tc3BhY2luZy14eHMpO1xuICAgIH1cblxuICAgICYgLm14LXBhZ2luYXRpb25fX2l0ZW1zIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBwbGFjZS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMDtcbiAgICAgIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcbiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICB9XG5cbiAgICAmIC5teC1wYWdpbmF0aW9uX19lbGxpcHNpcyB7XG4gICAgICBwYWRkaW5nLWJsb2NrOiAwO1xuICAgICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXNwYWNpbmcteHMpO1xuICAgIH1cblxuICAgICZcbiAgICAgIDppcygubXgtcGFnaW5hdGlvbl9fcHJldmlvdXMsIC5teC1wYWdpbmF0aW9uX19uZXh0KVxuICAgICAgLm14LWljb246bm90KC5teC1pY29uLS1vbmx5KSB7XG4gICAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtYm9sZCk7XG4gICAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcblxuICAgICAgQG1lZGlhICgtLXNtYWxsLWRvd24pIHtcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgaW5saW5lLXNpemU6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgdGV4dC1pbmRlbnQ6IDEwMCU7XG5cbiAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1wYWdpbmF0aW9uX19wcmV2aW91cyB7XG4gICAgICBtYXJnaW4taW5saW5lLWVuZDogYXV0bztcblxuICAgICAgQG1lZGlhICgtLXNtYWxsLXVwKSB7XG4gICAgICAgICYgOmlzKGJ1dHRvbiwgYSkge1xuICAgICAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubXgtcGFnaW5hdGlvbl9fbmV4dCB7XG4gICAgICBtYXJnaW4taW5saW5lLXN0YXJ0OiBhdXRvO1xuXG4gICAgICBAbWVkaWEgKC0tc21hbGwtdXApIHtcbiAgICAgICAgJiA6aXMoYnV0dG9uLCBhKSB7XG4gICAgICAgICAgcGFkZGluZy1pbmxpbmUtZW5kOiAwO1xuXG4gICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgIG9yZGVyOiAyO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIFByaW50IHN0eWxlc2hlZXRcbiAqL1xuXG5AbWVkaWEgcHJpbnQge1xuICAubXgtcGFnaW5hdGlvbiB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuIl19 */

package/dist/build/section.css

@@ -0,0 +1,163 @@
+/**
+ * Section
+ */
+
+@layer design-system.layouts {
+  .mx-container {
+    --container-name: container;
+
+    container-name: container;
+
+    container-name: var(--container-name);
+    container-type: inline-size;
+  }
+
+  .mx-section--divider {
+    border-block-start: 1px solid var(--colour-border);
+  }
+
+  .mx-section--s {
+    padding-block: var(--section-s, var(--spacing-s));
+  }
+
+  .mx-section--m {
+    padding-block: var(--section-m, var(--spacing-m));
+  }
+
+  .mx-section--l {
+    padding-block: var(--section-l, var(--spacing-xl));
+  }
+
+  .mx-section--xl {
+    padding-block: var(--section-xl, var(--spacing-uul));
+  }
+
+  .mx-section--top-s {
+    padding-block-start: var(--section-s, var(--spacing-s));
+  }
+
+  .mx-section--top-m {
+    padding-block-start: var(--section-m, var(--spacing-m));
+  }
+
+  .mx-section--top-l {
+    padding-block-start: var(--section-l, var(--spacing-xl));
+  }
+
+  .mx-section--top-xl {
+    padding-block-start: var(--section-xl, var(--spacing-uul));
+  }
+
+  .mx-section--bottom-s {
+    padding-block-end: var(--section-s, var(--spacing-s));
+  }
+
+  .mx-section--bottom-m {
+    padding-block-end: var(--section-m, var(--spacing-m));
+  }
+
+  .mx-section--bottom-l {
+    padding-block-end: var(--section-l, var(--spacing-xl));
+  }
+
+  .mx-section--bottom-xl {
+    padding-block-end: var(--section-xl, var(--spacing-uul));
+  }
+}
+
+/**
+ * Sections breakouts
+ *
+ * Uses `subgrid` so no supported in older browsers.
+ */
+
+/**
+ * Sections flows & groups
+ *
+ * Uses `:has` so is not supported in older browsers.
+ * see https://www.bram.us/2022/12/13/quantity-queries-for-islands-of-elements-with-the-same-class-thanks-to-css-has/
+ */
+
+@layer design-system.layouts {
+  .mx-section--flow {
+    --flow-spacing: var(--section-l, var(--spacing-xl));
+
+    padding-block-end: var(--flow-spacing);
+  }
+
+    .mx-section--flow:is(
+        [class*="mx-background"],
+        [class*="mx-background"] + .mx-section--flow,
+        :not(.mx-section--flow:not(.mx-section--group) + .mx-section--flow)
+      ) {
+      padding-block-start: var(--flow-spacing);
+    }
+
+  .mx-section--group {
+    --group-spacing: var(--section-xl, var(--spacing-uul));
+
+    padding-block: 0;
+
+    /* :first-in-island-of-class */
+  }
+
+    .mx-section--group:is(
+        :not([class*="mx-background"])
+          + .mx-section--group[class*="mx-background"],
+        :not(.mx-section--group + .mx-section--group)
+      ) {
+      padding-block-start: var(--group-spacing);
+    }
+
+    /* :last-in-island-of-class */
+
+    .mx-section--group:is(
+        :not([class*="mx-background"]):has(
+            + .mx-section--group[class*="mx-background"]
+          ),
+        :not(:has(+ .mx-section--group))
+      ) {
+      padding-block-end: var(--group-spacing);
+    }
+
+    /* :single-in-island-of-class */
+
+    .mx-section--group:not(.mx-section--group + .mx-section--group):not(:has(+ .mx-section--group)) {
+      padding-block: var(--group-spacing);
+    }
+}
+
+/**
+ * Section header
+ */
+
+@layer design-system.layouts {
+  .mx-section__header {
+    margin-block-end: var(--spacing-m);
+    display: flex;
+    flex-flow: row wrap;
+    gap: var(--spacing-s);
+    align-items: center;
+  }
+
+    .mx-section__header :is(a, button) {
+      margin-inline-start: auto;
+    }
+}
+
+/**
+ * Section Background image
+ */
+
+@layer design-system.layouts {
+  :is(.mx-section--has-background, .mx-section:has(.mx-background--image)) {
+    overflow: hidden;
+    position: relative;
+  }
+
+    :is(.mx-section--has-background, .mx-section:has(.mx-background--image)) > div {
+      position: relative;
+    }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY3Rpb24uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSwyQkFBMkI7O0lBRTNCLHlCQUFxQzs7SUFBckMscUNBQXFDO0lBQ3JDLDJCQUEyQjtFQUM3Qjs7RUFFQTtJQUNFLGtEQUFrRDtFQUNwRDs7RUFFQTtJQUNFLGlEQUFpRDtFQUNuRDs7RUFFQTtJQUNFLGlEQUFpRDtFQUNuRDs7RUFFQTtJQUNFLGtEQUFrRDtFQUNwRDs7RUFFQTtJQUNFLG9EQUFvRDtFQUN0RDs7RUFFQTtJQUNFLHVEQUF1RDtFQUN6RDs7RUFFQTtJQUNFLHVEQUF1RDtFQUN6RDs7RUFFQTtJQUNFLHdEQUF3RDtFQUMxRDs7RUFFQTtJQUNFLDBEQUEwRDtFQUM1RDs7RUFFQTtJQUNFLHFEQUFxRDtFQUN2RDs7RUFFQTtJQUNFLHFEQUFxRDtFQUN2RDs7RUFFQTtJQUNFLHNEQUFzRDtFQUN4RDs7RUFFQTtJQUNFLHdEQUF3RDtFQUMxRDtBQUNGOztBQUVBOzs7O0VBSUU7O0FBRUY7Ozs7O0VBS0U7O0FBRUY7RUFDRTtJQUNFLG1EQUFtRDs7SUFFbkQsc0NBQXNDO0VBU3hDOztJQVBFOzs7OztNQUtFLHdDQUF3QztJQUMxQzs7RUFHRjtJQUNFLHNEQUFzRDs7SUFFdEQsZ0JBQWdCOztJQUVoQiw4QkFBOEI7RUEwQmhDOztJQXhCRTs7Ozs7TUFLRSx5Q0FBeUM7SUFDM0M7O0lBRUEsNkJBQTZCOztJQUU3Qjs7Ozs7O01BTUUsdUNBQXVDO0lBQ3pDOztJQUVBLCtCQUErQjs7SUFFL0I7TUFDRSxtQ0FBbUM7SUFDckM7QUFFSjs7QUFFQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0Usa0NBQWtDO0lBQ2xDLGFBQWE7SUFDYixtQkFBbUI7SUFDbkIscUJBQXFCO0lBQ3JCLG1CQUFtQjtFQUtyQjs7SUFIRTtNQUNFLHlCQUF5QjtJQUMzQjtBQUVKOztBQUVBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxnQkFBZ0I7SUFDaEIsa0JBQWtCO0VBS3BCOztJQUhFO01BQ0Usa0JBQWtCO0lBQ3BCO0FBRUoiLCJmaWxlIjoic2VjdGlvbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFNlY3Rpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LWNvbnRhaW5lciB7XG4gICAgLS1jb250YWluZXItbmFtZTogY29udGFpbmVyO1xuXG4gICAgY29udGFpbmVyLW5hbWU6IHZhcigtLWNvbnRhaW5lci1uYW1lKTtcbiAgICBjb250YWluZXItdHlwZTogaW5saW5lLXNpemU7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tZGl2aWRlciB7XG4gICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiAxcHggc29saWQgdmFyKC0tY29sb3VyLWJvcmRlcik7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tcyB7XG4gICAgcGFkZGluZy1ibG9jazogdmFyKC0tc2VjdGlvbi1zLCB2YXIoLS1zcGFjaW5nLXMpKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS1tIHtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zZWN0aW9uLW0sIHZhcigtLXNwYWNpbmctbSkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWwge1xuICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXhsIHtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zZWN0aW9uLXhsLCB2YXIoLS1zcGFjaW5nLXV1bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1zIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLXMsIHZhcigtLXNwYWNpbmctcykpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1tIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLW0sIHZhcigtLXNwYWNpbmctbSkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1sIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLWwsIHZhcigtLXNwYWNpbmcteGwpKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS10b3AteGwge1xuICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IHZhcigtLXNlY3Rpb24teGwsIHZhcigtLXNwYWNpbmctdXVsKSk7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tYm90dG9tLXMge1xuICAgIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1zZWN0aW9uLXMsIHZhcigtLXNwYWNpbmctcykpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWJvdHRvbS1tIHtcbiAgICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tc2VjdGlvbi1tLCB2YXIoLS1zcGFjaW5nLW0pKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS1ib3R0b20tbCB7XG4gICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWJvdHRvbS14bCB7XG4gICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNlY3Rpb24teGwsIHZhcigtLXNwYWNpbmctdXVsKSk7XG4gIH1cbn1cblxuLyoqXG4gKiBTZWN0aW9ucyBicmVha291dHNcbiAqXG4gKiBVc2VzIGBzdWJncmlkYCBzbyBubyBzdXBwb3J0ZWQgaW4gb2xkZXIgYnJvd3NlcnMuXG4gKi9cblxuLyoqXG4gKiBTZWN0aW9ucyBmbG93cyAmIGdyb3Vwc1xuICpcbiAqIFVzZXMgYDpoYXNgIHNvIGlzIG5vdCBzdXBwb3J0ZWQgaW4gb2xkZXIgYnJvd3NlcnMuXG4gKiBzZWUgaHR0cHM6Ly93d3cuYnJhbS51cy8yMDIyLzEyLzEzL3F1YW50aXR5LXF1ZXJpZXMtZm9yLWlzbGFuZHMtb2YtZWxlbWVudHMtd2l0aC10aGUtc2FtZS1jbGFzcy10aGFua3MtdG8tY3NzLWhhcy9cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LXNlY3Rpb24tLWZsb3cge1xuICAgIC0tZmxvdy1zcGFjaW5nOiB2YXIoLS1zZWN0aW9uLWwsIHZhcigtLXNwYWNpbmcteGwpKTtcblxuICAgIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1mbG93LXNwYWNpbmcpO1xuXG4gICAgJjppcyhcbiAgICAgICAgW2NsYXNzKj1cIm14LWJhY2tncm91bmRcIl0sXG4gICAgICAgIFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdICsgLm14LXNlY3Rpb24tLWZsb3csXG4gICAgICAgIDpub3QoLm14LXNlY3Rpb24tLWZsb3c6bm90KC5teC1zZWN0aW9uLS1ncm91cCkgKyAubXgtc2VjdGlvbi0tZmxvdylcbiAgICAgICkge1xuICAgICAgcGFkZGluZy1ibG9jay1zdGFydDogdmFyKC0tZmxvdy1zcGFjaW5nKTtcbiAgICB9XG4gIH1cblxuICAubXgtc2VjdGlvbi0tZ3JvdXAge1xuICAgIC0tZ3JvdXAtc3BhY2luZzogdmFyKC0tc2VjdGlvbi14bCwgdmFyKC0tc3BhY2luZy11dWwpKTtcblxuICAgIHBhZGRpbmctYmxvY2s6IDA7XG5cbiAgICAvKiA6Zmlyc3QtaW4taXNsYW5kLW9mLWNsYXNzICovXG5cbiAgICAmOmlzKFxuICAgICAgICA6bm90KFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdKVxuICAgICAgICAgICsgLm14LXNlY3Rpb24tLWdyb3VwW2NsYXNzKj1cIm14LWJhY2tncm91bmRcIl0sXG4gICAgICAgIDpub3QoLm14LXNlY3Rpb24tLWdyb3VwICsgLm14LXNlY3Rpb24tLWdyb3VwKVxuICAgICAgKSB7XG4gICAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1ncm91cC1zcGFjaW5nKTtcbiAgICB9XG5cbiAgICAvKiA6bGFzdC1pbi1pc2xhbmQtb2YtY2xhc3MgKi9cblxuICAgICY6aXMoXG4gICAgICAgIDpub3QoW2NsYXNzKj1cIm14LWJhY2tncm91bmRcIl0pOmhhcyhcbiAgICAgICAgICAgICsgLm14LXNlY3Rpb24tLWdyb3VwW2NsYXNzKj1cIm14LWJhY2tncm91bmRcIl1cbiAgICAgICAgICApLFxuICAgICAgICA6bm90KDpoYXMoKyAubXgtc2VjdGlvbi0tZ3JvdXApKVxuICAgICAgKSB7XG4gICAgICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tZ3JvdXAtc3BhY2luZyk7XG4gICAgfVxuXG4gICAgLyogOnNpbmdsZS1pbi1pc2xhbmQtb2YtY2xhc3MgKi9cblxuICAgICY6bm90KC5teC1zZWN0aW9uLS1ncm91cCArIC5teC1zZWN0aW9uLS1ncm91cCwgOmhhcygrIC5teC1zZWN0aW9uLS1ncm91cCkpIHtcbiAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLWdyb3VwLXNwYWNpbmcpO1xuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIFNlY3Rpb24gaGVhZGVyXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0ubGF5b3V0cyB7XG4gIC5teC1zZWN0aW9uX19oZWFkZXIge1xuICAgIG1hcmdpbi1ibG9jay1lbmQ6IHZhcigtLXNwYWNpbmctbSk7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWZsb3c6IHJvdyB3cmFwO1xuICAgIGdhcDogdmFyKC0tc3BhY2luZy1zKTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgJiA6aXMoYSwgYnV0dG9uKSB7XG4gICAgICBtYXJnaW4taW5saW5lLXN0YXJ0OiBhdXRvO1xuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIFNlY3Rpb24gQmFja2dyb3VuZCBpbWFnZVxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICA6aXMoLm14LXNlY3Rpb24tLWhhcy1iYWNrZ3JvdW5kLCAubXgtc2VjdGlvbjpoYXMoLm14LWJhY2tncm91bmQtLWltYWdlKSkge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJiA+IGRpdiB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgfVxuICB9XG59XG4iXX0= */

package/dist/build/side-navigation.css

@@ -0,0 +1,88 @@
+/**
+ * Side navigation
+ */
+
+@layer design-system.components {
+  .mx-side-nav__parent {
+    border-block-end: 2px solid
+      currentcolor;
+    border-block-end: var(--line-width, 2px) solid
+      var(--line-colour, currentcolor);
+  }
+
+    .mx-side-nav__parent a {
+      display: block;
+      color: inherit;
+      padding: var(--item-spacing, var(--spacing-xxs));
+      font-weight: var(--font-weight-bold);
+      text-decoration-line: none;
+    }
+
+      .mx-side-nav__parent a:is(:focus, :focus-visible) {
+        outline-offset: -1px;
+      }
+
+      .mx-side-nav__parent a:hover {
+        text-decoration-line: underline;
+      }
+    .mx-side-nav ul li {
+      position: relative;
+    }
+
+      .mx-side-nav ul li:has([aria-current="page"], .is-active) > a {
+        font-weight: var(--font-weight-bold);
+      }
+
+      .mx-side-nav ul li a {
+        display: block;
+        color: inherit;
+        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));
+        padding-block: var(--item-spacing, var(--spacing-xxs));
+        padding-inline: var(--indent, var(--spacing-xxs))
+          var(--item-spacing, var(--spacing-xxs));
+      }
+
+        .mx-side-nav ul li a:is(:focus, :focus-visible) {
+          outline-offset: -1px;
+        }
+
+    .mx-side-nav .mx-nav__level-2 > li > a {
+      --indent: var(--spacing-s);
+    }
+
+      @media (min-width: 720px) {
+
+    .mx-side-nav .mx-nav__level-2 > li > a {
+        --indent: var(--spacing-m);
+    }
+      }
+
+    .mx-side-nav .mx-nav__level-3 > li > a {
+      --indent: var(--spacing-m);
+    }
+
+      @media (min-width: 720px) {
+
+    .mx-side-nav .mx-nav__level-3 > li > a {
+        --indent: var(--spacing-l);
+    }
+      }
+
+    .mx-side-nav :is([aria-current="page"], .is-active > a) {
+      background-color: var(
+        --nav-active-background,
+        var(--background, var(--colour-background-alt))
+      );
+      color: inherit;
+      color: var(--nav-active-foreground, inherit);
+    }
+
+    .mx-side-nav .mx-nav__toggle {
+      display: none;
+    }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZGUtbmF2aWdhdGlvbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFO2tCQUNrQztJQURsQztzQ0FDa0M7RUFpQnBDOztJQWZFO01BQ0UsY0FBYztNQUNkLGNBQWM7TUFDZCxnREFBZ0Q7TUFDaEQsb0NBQW9DO01BQ3BDLDBCQUEwQjtJQVM1Qjs7TUFQRTtRQUNFLG9CQUFvQjtNQUN0Qjs7TUFFQTtRQUNFLCtCQUErQjtNQUNqQztJQUtGO01BQ0Usa0JBQWtCO0lBbUJwQjs7TUFqQkU7UUFDRSxvQ0FBb0M7TUFDdEM7O01BRUE7UUFDRSxjQUFjO1FBQ2QsY0FBYztRQUNkO2tEQUMwQztRQUQxQztrREFDMEM7UUFDMUMsc0RBQXNEO1FBQ3REO2lEQUN5QztNQUszQzs7UUFIRTtVQUNFLG9CQUFvQjtRQUN0Qjs7SUFJSjtNQUNFLDBCQUEwQjtJQUs1Qjs7TUFIRTs7SUFIRjtRQUlJLDBCQUEwQjtJQUU5QjtNQURFOztJQUdGO01BQ0UsMEJBQTBCO0lBSzVCOztNQUhFOztJQUhGO1FBSUksMEJBQTBCO0lBRTlCO01BREU7O0lBR0Y7TUFDRTs7O09BR0M7TUFDRCxjQUE0QztNQUE1Qyw0Q0FBNEM7SUFDOUM7O0lBRUE7TUFDRSxhQUFhO0lBQ2Y7QUFFSiIsImZpbGUiOiJzaWRlLW5hdmlnYXRpb24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBTaWRlIG5hdmlnYXRpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LXNpZGUtbmF2X19wYXJlbnQge1xuICAgIGJvcmRlci1ibG9jay1lbmQ6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgIHZhcigtLWxpbmUtY29sb3VyLCBjdXJyZW50Y29sb3IpO1xuXG4gICAgJiBhIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICBwYWRkaW5nOiB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtYm9sZCk7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogbm9uZTtcblxuICAgICAgJjppcyg6Zm9jdXMsIDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuICAgICAgfVxuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAubXgtc2lkZS1uYXYge1xuICAgICYgdWwgbGkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgICAmOmhhcyhbYXJpYS1jdXJyZW50PVwicGFnZVwiXSwgLmlzLWFjdGl2ZSkgPiBhIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnQtd2VpZ2h0LWJvbGQpO1xuICAgICAgfVxuXG4gICAgICAmIGEge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgIGJvcmRlci1ibG9jay1lbmQ6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWRcbiAgICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgICAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgICAgIHBhZGRpbmctaW5saW5lOiB2YXIoLS1pbmRlbnQsIHZhcigtLXNwYWNpbmcteHhzKSlcbiAgICAgICAgICB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG5cbiAgICAgICAgJjppcyg6Zm9jdXMsIDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgb3V0bGluZS1vZmZzZXQ6IC0xcHg7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1uYXZfX2xldmVsLTIgPiBsaSA+IGEge1xuICAgICAgLS1pbmRlbnQ6IHZhcigtLXNwYWNpbmctcyk7XG5cbiAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgIC0taW5kZW50OiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgLm14LW5hdl9fbGV2ZWwtMyA+IGxpID4gYSB7XG4gICAgICAtLWluZGVudDogdmFyKC0tc3BhY2luZy1tKTtcblxuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgLS1pbmRlbnQ6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiA6aXMoW2FyaWEtY3VycmVudD1cInBhZ2VcIl0sIC5pcy1hY3RpdmUgPiBhKSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgIC0tbmF2LWFjdGl2ZS1iYWNrZ3JvdW5kLFxuICAgICAgICB2YXIoLS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZC1hbHQpKVxuICAgICAgKTtcbiAgICAgIGNvbG9yOiB2YXIoLS1uYXYtYWN0aXZlLWZvcmVncm91bmQsIGluaGVyaXQpO1xuICAgIH1cblxuICAgICYgLm14LW5hdl9fdG9nZ2xlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG59XG4iXX0= */

package/dist/build/sidebar.css

@@ -0,0 +1,105 @@
+/**
+ * Page with Sidebar
+ */
+
+@layer design-system.layouts {
+    .mx-grid--sidebar:where(:not(:has(> aside))) {
+      grid-column: narrow;
+    }
+      @media (min-width: 720px) {
+
+    .mx-grid--sidebar:where(:has(> aside)) {
+        display: grid;
+        grid-template-columns: 76ch auto;
+        grid-template-columns: var(--container-max-width, 76ch) auto;
+        grid-gap: var(--sidebar-gap, var(--gap));
+        gap: var(--sidebar-gap, var(--gap));
+    }
+      }
+
+        @media (min-width: 720px) {
+
+        @media (min-width: 946px) {
+
+        @media (max-color:2147477350) and (max-color:2147477350) {
+
+    .mx-grid--sidebar:where(:has(> aside)) {
+          --sidebar-gap: 18ch;
+    }
+        }
+        }
+
+        @media not all and (min-width: 946px) {
+
+        @media (max-color:2147477350) and (color:2147477350) {
+
+    .mx-grid--sidebar:where(:has(> aside)) {
+          --sidebar-gap: 18ch;
+    }
+        }
+        }
+        }
+
+        @media not all and (min-width: 720px) {
+
+        @media (min-width: 946px) {
+
+        @media (color:2147477350) and (max-color:2147477350) {
+
+    .mx-grid--sidebar:where(:has(> aside)) {
+          --sidebar-gap: 18ch;
+    }
+        }
+        }
+
+        @media not all and (min-width: 946px) {
+
+        @media (color:2147477350) and (color:2147477350) {
+
+    .mx-grid--sidebar:where(:has(> aside)) {
+          --sidebar-gap: 18ch;
+    }
+        }
+        }
+        }
+          .mx-grid--sidebar.mx-grid--sidebar-rev:where(:has(> aside)) > :is(section, aside):first-child {
+            order: 2;
+          }
+
+          .mx-grid--sidebar.mx-grid--sidebar-rev:where(:has(> aside)) > :is(section, aside):last-child {
+            order: 1;
+          }
+        @media (min-width: 720px) {
+            .mx-grid--sidebar.mx-grid--sidebar-rev-lg:where(:has(> aside)) > :is(section, aside):first-child {
+              order: 2;
+            }
+
+            .mx-grid--sidebar.mx-grid--sidebar-rev-lg:where(:has(> aside)) > :is(section, aside):last-child {
+              order: 1;
+            }
+        }
+        @media (min-width: 946px) {
+
+      .mx-grid--sidebar:where(:has(> aside)):is(.mx-grid--sidebar-rev, .mx-grid--sidebar-rev-lg) {
+          grid-template-columns: auto 76ch;
+          grid-template-columns: auto var(--container-max-width, 76ch);
+      }
+        }
+
+    .mx-grid--sidebar:where(:has(> aside:first-child)) {
+      grid-template-columns: auto 76ch;
+      grid-template-columns: auto var(--container-max-width, 76ch);
+    }
+}
+
+/**
+ * Print stylesheet
+ */
+
+@media print {
+  .mx-page__sidebar {
+    display: none;
+  }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZGViYXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0lBRUk7TUFDRSxtQkFBbUI7SUFDckI7TUFHRTs7SUFERjtRQUVJLGFBQWE7UUFDYixnQ0FBNEQ7UUFBNUQsNERBQTREO1FBQzVELHdDQUFtQztRQUFuQyxtQ0FBbUM7SUFzQ3ZDO01BakNFOztRQUhFOztRQUFBOztRQUFBOztJQU5KO1VBT00sbUJBQW1CO0lBbUN6QjtRQWxDSTtRQUFBOztRQUZBOztRQUFBOztJQU5KO1VBT00sbUJBQW1CO0lBbUN6QjtRQWxDSTtRQUFBO1FBQUE7O1FBRkE7O1FBQUE7O1FBQUE7O0lBTko7VUFPTSxtQkFBbUI7SUFtQ3pCO1FBbENJO1FBQUE7O1FBRkE7O1FBQUE7O0lBTko7VUFPTSxtQkFBbUI7SUFtQ3pCO1FBbENJO1FBQUE7UUFBQTtVQUtFO1lBQ0UsUUFBUTtVQUNWOztVQUVBO1lBQ0UsUUFBUTtVQUNWO1FBS0Y7WUFFSTtjQUNFLFFBQVE7WUFDVjs7WUFFQTtjQUNFLFFBQVE7WUFDVjtRQUVKO1FBSUE7O01BREY7VUFFSSxnQ0FBNEQ7VUFBNUQsNERBQTREO01BRWhFO1FBREU7O0lBSUo7TUFDRSxnQ0FBNEQ7TUFBNUQsNERBQTREO0lBQzlEO0FBRUo7O0FBRUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGFBQWE7RUFDZjtBQUNGIiwiZmlsZSI6InNpZGViYXIuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBQYWdlIHdpdGggU2lkZWJhclxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubXgtZ3JpZC0tc2lkZWJhciB7XG4gICAgJjp3aGVyZSg6bm90KDpoYXMoPiBhc2lkZSkpKSB7XG4gICAgICBncmlkLWNvbHVtbjogbmFycm93O1xuICAgIH1cblxuICAgICY6d2hlcmUoOmhhcyg+IGFzaWRlKSkge1xuICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHZhcigtLWNvbnRhaW5lci1tYXgtd2lkdGgsIDc2Y2gpIGF1dG87XG4gICAgICAgIGdhcDogdmFyKC0tc2lkZWJhci1nYXAsIHZhcigtLWdhcCkpO1xuXG4gICAgICAgIEBtZWRpYSAoLS1sYXJnZS11cCkge1xuICAgICAgICAgIC0tc2lkZWJhci1nYXA6IDE4Y2g7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgJi5teC1ncmlkLS1zaWRlYmFyLXJldiB7XG4gICAgICAgICYgPiA6aXMoc2VjdGlvbiwgYXNpZGUpIHtcbiAgICAgICAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgICAgIG9yZGVyOiAyO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICBvcmRlcjogMTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgJi5teC1ncmlkLS1zaWRlYmFyLXJldi1sZyB7XG4gICAgICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgICAgICAmID4gOmlzKHNlY3Rpb24sIGFzaWRlKSB7XG4gICAgICAgICAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgICAgICAgb3JkZXI6IDI7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICAgIG9yZGVyOiAxO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmOmlzKC5teC1ncmlkLS1zaWRlYmFyLXJldiwgLm14LWdyaWQtLXNpZGViYXItcmV2LWxnKSB7XG4gICAgICAgIEBtZWRpYSAoLS1sYXJnZS11cCkge1xuICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0byB2YXIoLS1jb250YWluZXItbWF4LXdpZHRoLCA3NmNoKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICY6d2hlcmUoOmhhcyg+IGFzaWRlOmZpcnN0LWNoaWxkKSkge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBhdXRvIHZhcigtLWNvbnRhaW5lci1tYXgtd2lkdGgsIDc2Y2gpO1xuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIFByaW50IHN0eWxlc2hlZXRcbiAqL1xuXG5AbWVkaWEgcHJpbnQge1xuICAubXgtcGFnZV9fc2lkZWJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuIl19 */

package/dist/build/social-links.css

@@ -0,0 +1,20 @@
+/**
+ * Social links
+ */
+
+@layer design-system.components {
+  .mx-social-links {
+    display: flex;
+    flex-flow: row wrap;
+    align-items: center;
+    gap: var(--nav-gap, var(--spacing-s));
+    color: inherit;
+    color: var(--foreground, inherit);
+  }
+
+    .mx-social-links a {
+      color: inherit;
+    }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNvY2lhbC1saW5rcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGFBQWE7SUFDYixtQkFBbUI7SUFDbkIsbUJBQW1CO0lBQ25CLHFDQUFxQztJQUNyQyxjQUFpQztJQUFqQyxpQ0FBaUM7RUFLbkM7O0lBSEU7TUFDRSxjQUFjO0lBQ2hCO0FBRUoiLCJmaWxlIjoic29jaWFsLWxpbmtzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogU29jaWFsIGxpbmtzXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5teC1zb2NpYWwtbGlua3Mge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1mbG93OiByb3cgd3JhcDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKC0tbmF2LWdhcCwgdmFyKC0tc3BhY2luZy1zKSk7XG4gICAgY29sb3I6IHZhcigtLWZvcmVncm91bmQsIGluaGVyaXQpO1xuXG4gICAgJiBhIHtcbiAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIH1cbiAgfVxufVxuIl19 */

package/dist/build/steps.css

@@ -0,0 +1,118 @@
+/**
+ * Steps
+ */
+
+@layer design-system.components {
+  .mx-steps {
+    counter-reset: step;
+  }
+
+  .mx-steps__panel {
+    position: relative;
+  }
+
+    .mx-steps__panel::before {
+      content: "";
+      border: 2px solid
+        var(--line-colour, var(--colour-border));
+      border: var(--line-width, 2px) solid
+        var(--line-colour, var(--colour-border));
+      background-color: var(--background, var(--colour-background));
+      border-radius: 100%;
+      inline-size: var(--counter-size, var(--spacing-l));
+      block-size: var(--counter-size, var(--spacing-l));
+      inset-block-start: 0;
+      inset-block-start: var(--counter-top, 0);
+      inset-inline-start: 0;
+      position: absolute;
+      z-index: 2;
+    }
+
+    .mx-steps__panel::after {
+      align-items: center;
+      color: inherit;
+      color: var(--foreground, inherit);
+      counter-increment: step;
+      content: counter(step) "";
+      display: flex;
+      font-size: var(--font-size-s);
+      font-weight: var(--font-weight-bold);
+      line-height: var(--line-height-ui);
+      inline-size: calc(
+        var(--counter-size, var(--spacing-l)) + (2px * 2)
+      );
+      inline-size: calc(
+        var(--counter-size, var(--spacing-l)) + (var(--line-width, 2px) * 2)
+      );
+      block-size: calc(
+        var(--counter-size, var(--spacing-l)) + (2px * 2)
+      );
+      block-size: calc(
+        var(--counter-size, var(--spacing-l)) + (var(--line-width, 2px) * 2)
+      );
+      justify-content: center;
+      inset-block-start: 0;
+      inset-block-start: var(--counter-top, 0);
+      inset-inline-start: 0;
+      position: absolute;
+      z-index: 3;
+      visibility: hidden;
+      visibility: var(--counter-visibility, hidden);
+    }
+
+    .mx-steps__panel:last-child {
+      --spacing: 0;
+    }
+
+    .mx-steps__panel:has(.mx-steps__panel-content h3:first-child) {
+      --counter-top: -0.125rem;
+    }
+
+    .mx-steps__panel:has(.mx-steps__panel-content h4:first-child) {
+      --counter-top: -0.25rem;
+    }
+
+  .mx-steps__panel-content {
+    padding-block: 0 var(--spacing, var(--spacing-l));
+    padding-inline-start: var(--indent, var(--spacing-xxl));
+    max-inline-size: var(--container-max-width);
+  }
+
+    .mx-steps__panel-content::before {
+      content: "";
+      inline-size: 2px;
+      inline-size: var(--line-width, 2px);
+      background-color: var(--line-colour, var(--colour-border));
+      inset-inline-start: calc(
+        (var(--counter-size, var(--spacing-l)) / 2) -
+          (2px / 2)
+      );
+      inset-inline-start: calc(
+        (var(--counter-size, var(--spacing-l)) / 2) -
+          (var(--line-width, 2px) / 2)
+      );
+      inset-block: 0;
+      position: absolute;
+    }
+
+  .mx-steps--dark {
+    --line-colour: var(--colour-primary);
+    --counter-foreground: var(--colour-foreground-reverse);
+  }
+
+  .mx-steps--supplementary {
+    --line-colour: var(--colour-accent);
+    --counter-foreground: var(--colour-foreground-reverse);
+  }
+
+  .mx-steps--fill:where(:not(:has(.mx-steps--fill))) {
+    --background: var(--line-colour, var(--colour-border));
+    --foreground: var(--counter-foreground, inherit);
+  }
+
+  .mx-steps--counters {
+    --counter-visibility: visible;
+  }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0ZXBzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0UsbUJBQW1CO0VBQ3JCOztFQUVBO0lBQ0Usa0JBQWtCO0VBa0RwQjs7SUFoREU7TUFDRSxXQUFXO01BQ1g7Z0RBQzBDO01BRDFDO2dEQUMwQztNQUMxQyw2REFBNkQ7TUFDN0QsbUJBQW1CO01BQ25CLGtEQUFrRDtNQUNsRCxpREFBaUQ7TUFDakQsb0JBQXdDO01BQXhDLHdDQUF3QztNQUN4QyxxQkFBcUI7TUFDckIsa0JBQWtCO01BQ2xCLFVBQVU7SUFDWjs7SUFFQTtNQUNFLG1CQUFtQjtNQUNuQixjQUFpQztNQUFqQyxpQ0FBaUM7TUFDakMsdUJBQXVCO01BQ3ZCLHlCQUF5QjtNQUN6QixhQUFhO01BQ2IsNkJBQTZCO01BQzdCLG9DQUFvQztNQUNwQyxrQ0FBa0M7TUFDbEM7O09BRUM7TUFGRDs7T0FFQztNQUNEOztPQUVDO01BRkQ7O09BRUM7TUFDRCx1QkFBdUI7TUFDdkIsb0JBQXdDO01BQXhDLHdDQUF3QztNQUN4QyxxQkFBcUI7TUFDckIsa0JBQWtCO01BQ2xCLFVBQVU7TUFDVixrQkFBNkM7TUFBN0MsNkNBQTZDO0lBQy9DOztJQUVBO01BQ0UsWUFBWTtJQUNkOztJQUVBO01BQ0Usd0JBQW1CO0lBQ3JCOztJQUVBO01BQ0UsdUJBQW1CO0lBQ3JCOztFQUdGO0lBQ0UsaURBQWlEO0lBQ2pELHVEQUF1RDtJQUN2RCwyQ0FBMkM7RUFhN0M7O0lBWEU7TUFDRSxXQUFXO01BQ1gsZ0JBQW1DO01BQW5DLG1DQUFtQztNQUNuQywwREFBMEQ7TUFDMUQ7OztPQUdDO01BSEQ7OztPQUdDO01BQ0QsY0FBYztNQUNkLGtCQUFrQjtJQUNwQjs7RUFHRjtJQUNFLG9DQUFvQztJQUNwQyxzREFBc0Q7RUFDeEQ7O0VBRUE7SUFDRSxtQ0FBbUM7SUFDbkMsc0RBQXNEO0VBQ3hEOztFQUVBO0lBQ0Usc0RBQXNEO0lBQ3RELGdEQUFnRDtFQUNsRDs7RUFFQTtJQUNFLDZCQUE2QjtFQUMvQjtBQUNGIiwiZmlsZSI6InN0ZXBzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogU3RlcHNcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LXN0ZXBzIHtcbiAgICBjb3VudGVyLXJlc2V0OiBzdGVwO1xuICB9XG5cbiAgLm14LXN0ZXBzX19wYW5lbCB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICBib3JkZXI6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kKSk7XG4gICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgaW5saW5lLXNpemU6IHZhcigtLWNvdW50ZXItc2l6ZSwgdmFyKC0tc3BhY2luZy1sKSk7XG4gICAgICBibG9jay1zaXplOiB2YXIoLS1jb3VudGVyLXNpemUsIHZhcigtLXNwYWNpbmctbCkpO1xuICAgICAgaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLWNvdW50ZXItdG9wLCAwKTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgfVxuXG4gICAgJjo6YWZ0ZXIge1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiB2YXIoLS1mb3JlZ3JvdW5kLCBpbmhlcml0KTtcbiAgICAgIGNvdW50ZXItaW5jcmVtZW50OiBzdGVwO1xuICAgICAgY29udGVudDogY291bnRlcihzdGVwKSBcIlwiO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXMpO1xuICAgICAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnQtd2VpZ2h0LWJvbGQpO1xuICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWxpbmUtaGVpZ2h0LXVpKTtcbiAgICAgIGlubGluZS1zaXplOiBjYWxjKFxuICAgICAgICB2YXIoLS1jb3VudGVyLXNpemUsIHZhcigtLXNwYWNpbmctbCkpICsgKHZhcigtLWxpbmUtd2lkdGgsIDJweCkgKiAyKVxuICAgICAgKTtcbiAgICAgIGJsb2NrLXNpemU6IGNhbGMoXG4gICAgICAgIHZhcigtLWNvdW50ZXItc2l6ZSwgdmFyKC0tc3BhY2luZy1sKSkgKyAodmFyKC0tbGluZS13aWR0aCwgMnB4KSAqIDIpXG4gICAgICApO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBpbnNldC1ibG9jay1zdGFydDogdmFyKC0tY291bnRlci10b3AsIDApO1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgei1pbmRleDogMztcbiAgICAgIHZpc2liaWxpdHk6IHZhcigtLWNvdW50ZXItdmlzaWJpbGl0eSwgaGlkZGVuKTtcbiAgICB9XG5cbiAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgLS1zcGFjaW5nOiAwO1xuICAgIH1cblxuICAgICY6aGFzKC5teC1zdGVwc19fcGFuZWwtY29udGVudCBoMzpmaXJzdC1jaGlsZCkge1xuICAgICAgLS1jb3VudGVyLXRvcDogLTJweDtcbiAgICB9XG5cbiAgICAmOmhhcygubXgtc3RlcHNfX3BhbmVsLWNvbnRlbnQgaDQ6Zmlyc3QtY2hpbGQpIHtcbiAgICAgIC0tY291bnRlci10b3A6IC00cHg7XG4gICAgfVxuICB9XG5cbiAgLm14LXN0ZXBzX19wYW5lbC1jb250ZW50IHtcbiAgICBwYWRkaW5nLWJsb2NrOiAwIHZhcigtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmctbCkpO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1pbmRlbnQsIHZhcigtLXNwYWNpbmcteHhsKSk7XG4gICAgbWF4LWlubGluZS1zaXplOiB2YXIoLS1jb250YWluZXItbWF4LXdpZHRoKTtcblxuICAgICY6OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgaW5saW5lLXNpemU6IHZhcigtLWxpbmUtd2lkdGgsIDJweCk7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiBjYWxjKFxuICAgICAgICAodmFyKC0tY291bnRlci1zaXplLCB2YXIoLS1zcGFjaW5nLWwpKSAvIDIpIC1cbiAgICAgICAgICAodmFyKC0tbGluZS13aWR0aCwgMnB4KSAvIDIpXG4gICAgICApO1xuICAgICAgaW5zZXQtYmxvY2s6IDA7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgfVxuICB9XG5cbiAgLm14LXN0ZXBzLS1kYXJrIHtcbiAgICAtLWxpbmUtY29sb3VyOiB2YXIoLS1jb2xvdXItcHJpbWFyeSk7XG4gICAgLS1jb3VudGVyLWZvcmVncm91bmQ6IHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kLXJldmVyc2UpO1xuICB9XG5cbiAgLm14LXN0ZXBzLS1zdXBwbGVtZW50YXJ5IHtcbiAgICAtLWxpbmUtY29sb3VyOiB2YXIoLS1jb2xvdXItYWNjZW50KTtcbiAgICAtLWNvdW50ZXItZm9yZWdyb3VuZDogdmFyKC0tY29sb3VyLWZvcmVncm91bmQtcmV2ZXJzZSk7XG4gIH1cblxuICAubXgtc3RlcHMtLWZpbGw6d2hlcmUoOm5vdCg6aGFzKC5teC1zdGVwcy0tZmlsbCkpKSB7XG4gICAgLS1iYWNrZ3JvdW5kOiB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgIC0tZm9yZWdyb3VuZDogdmFyKC0tY291bnRlci1mb3JlZ3JvdW5kLCBpbmhlcml0KTtcbiAgfVxuXG4gIC5teC1zdGVwcy0tY291bnRlcnMge1xuICAgIC0tY291bnRlci12aXNpYmlsaXR5OiB2aXNpYmxlO1xuICB9XG59XG4iXX0= */

package/dist/build/steps.entry.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=steps.entry.js.map

package/dist/build/steps.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.entry.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}