@pnx-mixtape/mxds 0.0.13 → 0.0.15

package/dist/build/breadcrumb.css

@@ -1,51 +1 @@
-/**
- * Breadcrumb Navigation
- */
-
-@layer design-system.components {
-  .mx-nav--breadcrumbs {
-    --nav-font-size: var(--font-size-s);
-
-    position: relative;
-    z-index: 1;
-    overflow: auto;
-    white-space: nowrap;
-  }
-
-    .mx-nav--breadcrumbs > ul {
-      gap: var(--breadcrumb-gap, var(--spacing-xxxxs));
-    }
-
-    .mx-nav--breadcrumbs > ul > li {
-      color: var(
-        --breadcrumb-foreground,
-        var(--foreground, var(--colour-foreground-alt))
-      );
-      display: flex;
-      align-items: center;
-    }
-
-      .mx-nav--breadcrumbs > ul > li:where(:not(:last-child))::after {
-        content: "";
-        display: block;
-        vertical-align: middle;
-        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M6 13.4L4.6 12l4-4-4-4L6 2.6 11.4 8z'/%3E%3C/svg%3E");
-                mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M6 13.4L4.6 12l4-4-4-4L6 2.6 11.4 8z'/%3E%3C/svg%3E");
-        -webkit-mask-position: center;
-                mask-position: center;
-        -webkit-mask-repeat: no-repeat;
-                mask-repeat: no-repeat;
-        block-size: var(--spacing-m);
-        inline-size: var(--spacing-m);
-        background-color: currentcolor;
-      }
-
-    .mx-nav--breadcrumbs [aria-current="page"] {
-      pointer-events: none;
-    }
-    [dir="rtl"] .mx-nav--breadcrumbs > ul > li::after, .translated-rtl .mx-nav--breadcrumbs > ul > li::after {
-      transform: rotate(180deg);
-    }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJyZWFkY3J1bWIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxtQ0FBbUM7O0lBRW5DLGtCQUFrQjtJQUNsQixVQUFVO0lBQ1YsY0FBYztJQUNkLG1CQUFtQjtFQThCckI7O0lBNUJFO01BQ0UsZ0RBQWdEO0lBQ2xEOztJQUVBO01BQ0U7OztPQUdDO01BQ0QsYUFBYTtNQUNiLG1CQUFtQjtJQWFyQjs7TUFYRTtRQUNFLFdBQVc7UUFDWCxjQUFjO1FBQ2Qsc0JBQXNCO1FBQ3RCLDZMQUFnRTtnQkFBaEUscUxBQWdFO1FBQ2hFLDZCQUFxQjtnQkFBckIscUJBQXFCO1FBQ3JCLDhCQUFzQjtnQkFBdEIsc0JBQXNCO1FBQ3RCLDRCQUE0QjtRQUM1Qiw2QkFBNkI7UUFDN0IsOEJBQThCO01BQ2hDOztJQUdGO01BQ0Usb0JBQW9CO0lBQ3RCO0lBS0E7TUFDRSx5QkFBeUI7SUFDM0I7QUFFSiIsImZpbGUiOiJicmVhZGNydW1iLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQnJlYWRjcnVtYiBOYXZpZ2F0aW9uXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5teC1uYXYtLWJyZWFkY3J1bWJzIHtcbiAgICAtLW5hdi1mb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zKTtcblxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB6LWluZGV4OiAxO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cbiAgICAmID4gdWwge1xuICAgICAgZ2FwOiB2YXIoLS1icmVhZGNydW1iLWdhcCwgdmFyKC0tc3BhY2luZy14eHh4cykpO1xuICAgIH1cblxuICAgICYgPiB1bCA+IGxpIHtcbiAgICAgIGNvbG9yOiB2YXIoXG4gICAgICAgIC0tYnJlYWRjcnVtYi1mb3JlZ3JvdW5kLFxuICAgICAgICB2YXIoLS1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZC1hbHQpKVxuICAgICAgKTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAmOndoZXJlKDpub3QoOmxhc3QtY2hpbGQpKTo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgbWFzay1pbWFnZTogc3ZnLWxvYWQoXCIuLi8uLi9BdG9tL0ljb24vaW1hZ2VzL2NoZXZyb24tcmlnaHQuc3ZnXCIpO1xuICAgICAgICBtYXNrLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgICAgIG1hc2stcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgICAgIGJsb2NrLXNpemU6IHZhcigtLXNwYWNpbmctbSk7XG4gICAgICAgIGlubGluZS1zaXplOiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Y29sb3I7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiBbYXJpYS1jdXJyZW50PVwicGFnZVwiXSB7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG4gIH1cblxuICBbZGlyPVwicnRsXCJdIC5teC1uYXYtLWJyZWFkY3J1bWJzLFxuICAudHJhbnNsYXRlZC1ydGwgLm14LW5hdi0tYnJlYWRjcnVtYnMge1xuICAgICYgPiB1bCA+IGxpOjphZnRlciB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgIH1cbiAgfVxufVxuIl19 */
+@layer design-system.components{.mx-nav--breadcrumbs{--nav-font-size: var(--font-size-s);position:relative;z-index:1;overflow:auto;white-space:nowrap;padding-inline:var(--outline-size);padding-block:var(--outline-size);margin-inline:calc(var(--outline-size) * -1);margin-block:calc(var(--outline-size) * -1)}.mx-nav--breadcrumbs>ul{gap:var(--breadcrumb-gap, var(--spacing-xxxxs))}.mx-nav--breadcrumbs>ul>li{color:var( --breadcrumb-foreground, var(--foreground, var(--colour-foreground-alt)) );display:flex;align-items:center}:is(.mx-nav--breadcrumbs>ul>li):where(:not(:last-child)):after{content:"";display:block;vertical-align:middle;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M6 13.4L4.6 12l4-4-4-4L6 2.6 11.4 8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M6 13.4L4.6 12l4-4-4-4L6 2.6 11.4 8z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;block-size:var(--spacing-m);inline-size:var(--spacing-m);background-color:currentcolor}.mx-nav--breadcrumbs [aria-current=page]{pointer-events:none}:is([dir=rtl] .mx-nav--breadcrumbs,.translated-rtl .mx-nav--breadcrumbs)>ul>li:after{transform:rotate(180deg)}}

package/dist/build/button.css

@@ -1,132 +1 @@
-/**
- * Buttons
- */
-
-@layer design-system.atoms {
-  .mx-button {
-    --outline-offset: 0.0625rem;
-    --outline-width: 0.125rem;
-
-    display: inline-flex;
-    inline-size: -moz-fit-content;
-    inline-size: fit-content;
-    gap: var(--button-gap, var(--spacing-s));
-    font-size: var(--button-font-size, var(--font-size));
-    font-weight: var(--font-weight-bold);
-    font-family: var(--font-family);
-    line-height: var(--line-height-ui);
-    border: 2px solid
-      var(--button-line-colour, var(--colour-border));
-    border: var(--line-width, 2px) solid
-      var(--button-line-colour, var(--colour-border));
-    border-radius: var(--radius, var(--border-radius-l));
-    padding-block: var(--vertical-padding, var(--spacing-xxs));
-    padding-inline: var(--horizontal-padding, var(--spacing-m));
-    background-color: var(--background, var(--colour-background));
-    color: var(--foreground, var(--colour-foreground));
-    text-decoration-line: none;
-    transition:
-      0.2s color,
-      0.2s background-color,
-      0.2s border-color;
-  }
-
-    .mx-button:hover {
-      cursor: pointer;
-      text-decoration-line: none;
-    }
-
-    .mx-button:disabled {
-      cursor: not-allowed;
-      opacity: 0.3;
-    }
-
-  .mx-button--full-width {
-    inline-size: 100%;
-    justify-content: center;
-  }
-
-  .mx-button--large {
-    --vertical-padding: var(--spacing-s);
-    --horizontal-padding: var(--spacing-l);
-  }
-
-  .mx-button--small {
-    --button-font-size: var(--font-size-s);
-    --vertical-padding: var(--spacing-xxxs);
-    --horizontal-padding: var(--spacing-s);
-  }
-
-  .mx-button--icon-only {
-    inline-size: var(--spacing-xl);
-    block-size: var(--spacing-xl);
-    padding: 0;
-    border-radius: var(--border-radius-round);
-    overflow: hidden;
-    flex-wrap: wrap;
-  }
-
-    .mx-button--icon-only::before {
-      inline-size: 100%;
-      block-size: 100%;
-      -webkit-mask-size: var(--spacing-s);
-              mask-size: var(--spacing-s);
-    }
-
-    .mx-button--icon-only:has(.mx-icon) {
-      align-content: center;
-      justify-content: center;
-      place-content: center;
-    }
-}
-
-/**
- * Buttons
- */
-
-@layer design-system.atoms {
-  .mx-button--dark {
-    --button-line-colour: var(--colour-primary);
-    --background: var(--colour-primary);
-    --foreground: var(--colour-foreground-reverse);
-  }
-
-    .mx-button--dark.button--outline {
-      --background: transparent;
-      --foreground: var(--colour-primary);
-    }
-
-  .mx-button--light {
-    border: transparent;
-    color: var(--link-colour, var(--colour-primary));
-    text-decoration-line: underline;
-  }
-
-    .mx-button--light:hover {
-      text-decoration-line: underline;
-    }
-
-  .mx-button--destructive {
-    --button-line-colour: var(--colour-error-foreground);
-    --background: var(--colour-error-foreground);
-    --foreground: var(--colour-foreground-reverse);
-  }
-
-    .mx-button--destructive.button--outline {
-      --background: transparent;
-      --foreground: var(--colour-error-foreground);
-    }
-
-  .mx-button--white {
-    --button-line-colour: var(--colour-foreground-reverse);
-    --background: var(--colour-foreground-reverse);
-    --foreground: var(--colour-foreground);
-  }
-
-    .mx-button--white.button--outline {
-      --background: transparent;
-      --foreground: var(--colour-foreground-reverse);
-    }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl9idXR0b25zLmNzcyIsIl9idXR0b25zLXN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLDJCQUFxQjtJQUNyQix5QkFBb0I7O0lBRXBCLG9CQUFvQjtJQUNwQiw2QkFBd0I7SUFBeEIsd0JBQXdCO0lBQ3hCLHdDQUF3QztJQUN4QyxvREFBb0Q7SUFDcEQsb0NBQW9DO0lBQ3BDLCtCQUErQjtJQUMvQixrQ0FBa0M7SUFDbEM7cURBQ2lEO0lBRGpEO3FEQUNpRDtJQUNqRCxvREFBb0Q7SUFDcEQsMERBQTBEO0lBQzFELDJEQUEyRDtJQUMzRCw2REFBNkQ7SUFDN0Qsa0RBQWtEO0lBQ2xELDBCQUEwQjtJQUMxQjs7O3VCQUdtQjtFQVdyQjs7SUFURTtNQUNFLGVBQWU7TUFDZiwwQkFBMEI7SUFDNUI7O0lBRUE7TUFDRSxtQkFBbUI7TUFDbkIsWUFBWTtJQUNkOztFQUdGO0lBQ0UsaUJBQWlCO0lBQ2pCLHVCQUF1QjtFQUN6Qjs7RUFFQTtJQUNFLG9DQUFvQztJQUNwQyxzQ0FBc0M7RUFDeEM7O0VBRUE7SUFDRSxzQ0FBc0M7SUFDdEMsdUNBQXVDO0lBQ3ZDLHNDQUFzQztFQUN4Qzs7RUFFQTtJQUNFLDhCQUE4QjtJQUM5Qiw2QkFBNkI7SUFDN0IsVUFBVTtJQUNWLHlDQUF5QztJQUN6QyxnQkFBZ0I7SUFDaEIsZUFBZTtFQVdqQjs7SUFURTtNQUNFLGlCQUFpQjtNQUNqQixnQkFBZ0I7TUFDaEIsbUNBQTJCO2NBQTNCLDJCQUEyQjtJQUM3Qjs7SUFFQTtNQUNFLHFCQUFxQjtNQUFyQix1QkFBcUI7TUFBckIscUJBQXFCO0lBQ3ZCO0FBRUo7O0FDMUVBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSwyQ0FBMkM7SUFDM0MsbUNBQW1DO0lBQ25DLDhDQUE4QztFQU1oRDs7SUFKRTtNQUNFLHlCQUF5QjtNQUN6QixtQ0FBbUM7SUFDckM7O0VBR0Y7SUFDRSxtQkFBbUI7SUFDbkIsZ0RBQWdEO0lBQ2hELCtCQUErQjtFQUtqQzs7SUFIRTtNQUNFLCtCQUErQjtJQUNqQzs7RUFHRjtJQUNFLG9EQUFvRDtJQUNwRCw0Q0FBNEM7SUFDNUMsOENBQThDO0VBTWhEOztJQUpFO01BQ0UseUJBQXlCO01BQ3pCLDRDQUE0QztJQUM5Qzs7RUFHRjtJQUNFLHNEQUFzRDtJQUN0RCw4Q0FBOEM7SUFDOUMsc0NBQXNDO0VBTXhDOztJQUpFO01BQ0UseUJBQXlCO01BQ3pCLDhDQUE4QztJQUNoRDtBQUVKIiwiZmlsZSI6ImJ1dHRvbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEJ1dHRvbnNcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5hdG9tcyB7XG4gIC5teC1idXR0b24ge1xuICAgIC0tb3V0bGluZS1vZmZzZXQ6IDFweDtcbiAgICAtLW91dGxpbmUtd2lkdGg6IDJweDtcblxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGlubGluZS1zaXplOiBmaXQtY29udGVudDtcbiAgICBnYXA6IHZhcigtLWJ1dHRvbi1nYXAsIHZhcigtLXNwYWNpbmctcykpO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tYnV0dG9uLWZvbnQtc2l6ZSwgdmFyKC0tZm9udC1zaXplKSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnQtd2VpZ2h0LWJvbGQpO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWxpbmUtaGVpZ2h0LXVpKTtcbiAgICBib3JkZXI6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgIHZhcigtLWJ1dHRvbi1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cywgdmFyKC0tYm9yZGVyLXJhZGl1cy1sKSk7XG4gICAgcGFkZGluZy1ibG9jazogdmFyKC0tdmVydGljYWwtcGFkZGluZywgdmFyKC0tc3BhY2luZy14eHMpKTtcbiAgICBwYWRkaW5nLWlubGluZTogdmFyKC0taG9yaXpvbnRhbC1wYWRkaW5nLCB2YXIoLS1zcGFjaW5nLW0pKTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZCkpO1xuICAgIGNvbG9yOiB2YXIoLS1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZCkpO1xuICAgIHRleHQtZGVjb3JhdGlvbi1saW5lOiBub25lO1xuICAgIHRyYW5zaXRpb246XG4gICAgICAwLjJzIGNvbG9yLFxuICAgICAgMC4ycyBiYWNrZ3JvdW5kLWNvbG9yLFxuICAgICAgMC4ycyBib3JkZXItY29sb3I7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIHRleHQtZGVjb3JhdGlvbi1saW5lOiBub25lO1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQge1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgIG9wYWNpdHk6IDAuMztcbiAgICB9XG4gIH1cblxuICAubXgtYnV0dG9uLS1mdWxsLXdpZHRoIHtcbiAgICBpbmxpbmUtc2l6ZTogMTAwJTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxuXG4gIC5teC1idXR0b24tLWxhcmdlIHtcbiAgICAtLXZlcnRpY2FsLXBhZGRpbmc6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgLS1ob3Jpem9udGFsLXBhZGRpbmc6IHZhcigtLXNwYWNpbmctbCk7XG4gIH1cblxuICAubXgtYnV0dG9uLS1zbWFsbCB7XG4gICAgLS1idXR0b24tZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtcyk7XG4gICAgLS12ZXJ0aWNhbC1wYWRkaW5nOiB2YXIoLS1zcGFjaW5nLXh4eHMpO1xuICAgIC0taG9yaXpvbnRhbC1wYWRkaW5nOiB2YXIoLS1zcGFjaW5nLXMpO1xuICB9XG5cbiAgLm14LWJ1dHRvbi0taWNvbi1vbmx5IHtcbiAgICBpbmxpbmUtc2l6ZTogdmFyKC0tc3BhY2luZy14bCk7XG4gICAgYmxvY2stc2l6ZTogdmFyKC0tc3BhY2luZy14bCk7XG4gICAgcGFkZGluZzogMDtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3JkZXItcmFkaXVzLXJvdW5kKTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGZsZXgtd3JhcDogd3JhcDtcblxuICAgICY6OmJlZm9yZSB7XG4gICAgICBpbmxpbmUtc2l6ZTogMTAwJTtcbiAgICAgIGJsb2NrLXNpemU6IDEwMCU7XG4gICAgICBtYXNrLXNpemU6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgfVxuXG4gICAgJjpoYXMoLm14LWljb24pIHtcbiAgICAgIHBsYWNlLWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB9XG4gIH1cbn1cbiIsIi8qKlxuICogQnV0dG9uc1xuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmF0b21zIHtcbiAgLm14LWJ1dHRvbi0tZGFyayB7XG4gICAgLS1idXR0b24tbGluZS1jb2xvdXI6IHZhcigtLWNvbG91ci1wcmltYXJ5KTtcbiAgICAtLWJhY2tncm91bmQ6IHZhcigtLWNvbG91ci1wcmltYXJ5KTtcbiAgICAtLWZvcmVncm91bmQ6IHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kLXJldmVyc2UpO1xuXG4gICAgJi5idXR0b24tLW91dGxpbmUge1xuICAgICAgLS1iYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIC0tZm9yZWdyb3VuZDogdmFyKC0tY29sb3VyLXByaW1hcnkpO1xuICAgIH1cbiAgfVxuXG4gIC5teC1idXR0b24tLWxpZ2h0IHtcbiAgICBib3JkZXI6IHRyYW5zcGFyZW50O1xuICAgIGNvbG9yOiB2YXIoLS1saW5rLWNvbG91ciwgdmFyKC0tY29sb3VyLXByaW1hcnkpKTtcbiAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogdW5kZXJsaW5lO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuXG4gIC5teC1idXR0b24tLWRlc3RydWN0aXZlIHtcbiAgICAtLWJ1dHRvbi1saW5lLWNvbG91cjogdmFyKC0tY29sb3VyLWVycm9yLWZvcmVncm91bmQpO1xuICAgIC0tYmFja2dyb3VuZDogdmFyKC0tY29sb3VyLWVycm9yLWZvcmVncm91bmQpO1xuICAgIC0tZm9yZWdyb3VuZDogdmFyKC0tY29sb3VyLWZvcmVncm91bmQtcmV2ZXJzZSk7XG5cbiAgICAmLmJ1dHRvbi0tb3V0bGluZSB7XG4gICAgICAtLWJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgLS1mb3JlZ3JvdW5kOiB2YXIoLS1jb2xvdXItZXJyb3ItZm9yZWdyb3VuZCk7XG4gICAgfVxuICB9XG5cbiAgLm14LWJ1dHRvbi0td2hpdGUge1xuICAgIC0tYnV0dG9uLWxpbmUtY29sb3VyOiB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZC1yZXZlcnNlKTtcbiAgICAtLWJhY2tncm91bmQ6IHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kLXJldmVyc2UpO1xuICAgIC0tZm9yZWdyb3VuZDogdmFyKC0tY29sb3VyLWZvcmVncm91bmQpO1xuXG4gICAgJi5idXR0b24tLW91dGxpbmUge1xuICAgICAgLS1iYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIC0tZm9yZWdyb3VuZDogdmFyKC0tY29sb3VyLWZvcmVncm91bmQtcmV2ZXJzZSk7XG4gICAgfVxuICB9XG59XG4iXX0= */
+@layer design-system.atoms{.mx-button{--outline-offset: .0625rem;display:inline-flex;inline-size:-moz-fit-content;inline-size:fit-content;gap:var(--button-gap, var(--spacing-s));font-size:var(--button-font-size, var(--font-size));font-weight:var(--font-weight-bold);font-family:var(--font-family);line-height:var(--line-height-ui);border:2px solid var(--line-colour, var(--colour-border));border:var(--line-width, 2px) solid var(--line-colour, var(--colour-border));border-radius:var(--radius, var(--border-radius-l));padding-block:var(--vertical-padding, var(--spacing-xxs));padding-inline:var(--horizontal-padding, var(--spacing-m));background-color:var(--background, var(--colour-background));color:var(--foreground, var(--colour-foreground));text-decoration-line:none}.mx-button:hover{cursor:pointer;text-decoration-line:none}.mx-button:disabled{cursor:not-allowed;opacity:.3}.mx-button--full-width{inline-size:100%;justify-content:center}.mx-button--large{--vertical-padding: var(--spacing-s);--horizontal-padding: var(--spacing-l)}.mx-button--small{--button-font-size: var(--font-size-s);--vertical-padding: var(--spacing-xxxs);--horizontal-padding: var(--spacing-s)}.mx-button--icon-only{inline-size:var(--spacing-xl);block-size:var(--spacing-xl);padding:0;border-radius:var(--border-radius-round);overflow:hidden;flex-wrap:wrap}.mx-button--icon-only:before{inline-size:100%;block-size:100%;-webkit-mask-size:var(--spacing-s);mask-size:var(--spacing-s)}.mx-button--icon-only:has(.mx-icon){align-content:center;justify-content:center;place-content:center}}@layer design-system.atoms{.mx-button--dark{--line-colour: var(--colour-link);--background: var(--colour-link);--foreground: var(--colour-foreground-reverse)}.mx-button--dark.button--outline{--background: transparent;--foreground: var(--colour-primary)}.mx-button--light{border:transparent;color:var(--link-colour, var(--colour-link));text-decoration-line:underline}.mx-button--light:hover{text-decoration-line:underline}.mx-button--destructive{--line-colour: var(--colour-error);--background: var(--colour-error);--foreground: var(--colour-foreground-reverse)}.mx-button--destructive.button--outline{--background: transparent;--foreground: var(--colour-error)}.mx-button--white{--line-colour: var(--colour-foreground-reverse);--background: var(--colour-foreground-reverse);--foreground: var(--colour-foreground)}.mx-button--white.button--outline{--background: transparent;--foreground: var(--colour-foreground-reverse)}}

package/dist/build/callout.css

@@ -1,11 +1 @@
-@layer design-system.components {
-  .mx-callout {
-    padding-inline-start: var(--line-gap, var(--gap));
-    border-inline-start: 6px solid
-      var(--line-colour, var(--colour-primary));
-    border-inline-start: var(--line-width, 6px) solid
-      var(--line-colour, var(--colour-primary));
-  }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhbGxvdXQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7SUFDRSxpREFBaUQ7SUFDakQ7K0NBQzJDO0lBRDNDOytDQUMyQztFQUM3QztBQUNGIiwiZmlsZSI6ImNhbGxvdXQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5teC1jYWxsb3V0IHtcbiAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0tbGluZS1nYXAsIHZhcigtLWdhcCkpO1xuICAgIGJvcmRlci1pbmxpbmUtc3RhcnQ6IHZhcigtLWxpbmUtd2lkdGgsIDZweCkgc29saWRcbiAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItcHJpbWFyeSkpO1xuICB9XG59XG4iXX0= */
+@layer design-system.components{.mx-callout{padding-inline-start:var(--line-gap, var(--gap));border-inline-start:6px solid var(--line-colour, var(--colour-primary));border-inline-start:var(--line-width, 6px) solid var(--line-colour, var(--colour-primary))}}

package/dist/build/card.css

@@ -1,149 +1 @@
-/**
- * Content Card
- */
-
-@layer design-system.components {
-  .mx-card {
-    display: grid;
-    grid-gap: var(--card-gap, var(--gap));
-    gap: var(--card-gap, var(--gap));
-  }
-
-    .mx-card[class*="mx-background--"] {
-      border-radius: var(--border-radius);
-    }
-
-      .mx-card[class*="mx-background--"] .mx-card__content {
-        padding-inline: var(--content-min-spacing, var(--spacing-s));
-        padding-block-end: var(--content-min-spacing, var(--spacing-s));
-      }
-
-        @container (min-width: 720px) {
-
-      .mx-card[class*="mx-background--"] .mx-card__content {
-          --content-min-spacing: var(--content-max-spacing, var(--spacing-m));
-      }
-        }
-
-    .mx-card:has(.mx-card__media) {
-      grid-template: "media" "content" 1fr / 1fr;
-    }
-
-      @container (min-width: 720px) {
-
-    .mx-card:has(.mx-card__media) {
-        --card-gap: var(--gap-l);
-
-        grid-template: "media content" 1fr / 1fr 1fr;
-        align-items: center;
-    }
-
-        .mx-card.mx-card--reversed:has(.mx-card__media) {
-          grid-template-areas: "content media";
-        }
-
-        .mx-card:has(.mx-card__media) .mx-card__content {
-          justify-content: center;
-        }
-      }
-
-      @container (min-width: 946px) {
-
-    .mx-card:has(.mx-card__media) {
-        --card-gap: 6rem;
-    }
-      }
-        @container (min-width: 720px) {
-          .mx-card[class*="mx-background--"]:has(.mx-card__media) .mx-card__content {
-            padding-block-start: var(--content-min-spacing, var(--spacing-s));
-          }
-
-          .mx-card[class*="mx-background--"]:has(.mx-card__media):where(:not(.mx-card--reversed)) .mx-card__content {
-            padding-inline-start: 0;
-          }
-
-          .mx-card.mx-card--reversed[class*="mx-background--"]:has(.mx-card__media) .mx-card__content {
-            padding-inline-end: 0;
-          }
-        }
-
-      .mx-card:has(.mx-card__media) .mx-card__content {
-        grid-area: content;
-      }
-
-      .mx-card:has(.mx-card__media) :is(.mx-card__media, figure) {
-        grid-area: media;
-        display: grid;
-        margin: auto;
-        position: relative;
-        inline-size: 100%;
-      }
-
-        .mx-card:has(.mx-card__media) :is(.mx-card__media, figure) img {
-          aspect-ratio: var(--ratio);
-          border-radius: var(--border-radius);
-          -o-object-fit: cover;
-             object-fit: cover;
-          display: block;
-        }
-
-        .mx-card:has(.mx-card__media) :is(.mx-card__media, figure) .mx-skeleton--bg {
-          aspect-ratio: var(--ratio);
-        }
-
-      .mx-card:has(.mx-card__media) .mx-card__icon {
-        grid-area: media;
-      }
-
-    .mx-card .mx-link-list {
-      inline-size: 100%;
-    }
-}
-
-/**
- * Content Card Grid
- */
-
-@layer design-system.components {
-  .mx-grid:has(> *:nth-child(2):last-child)
-    > :is(.mx-card, .mx-container:has(.mx-card)) {
-    inline-size: 100%;
-    max-inline-size: 37ch;
-    max-inline-size: var(--max-card-width, 37ch);
-    margin-inline: auto;
-  }
-}
-
-/**
- * Content Card Linked
- */
-
-@layer design-system.components {
-    a.mx-card[href]:hover {
-      color: inherit;
-    }
-
-  .mx-card--block {
-    position: relative;
-  }
-
-    .mx-card--block:focus-within {
-      border-radius: var(--border-radius);
-      outline: var(--outline-width) var(--outline-style) var(--outline-color);
-      outline-offset: 2px;
-    }
-      .mx-card--block :is(a[href], button):focus-visible {
-        outline: none;
-      }
-
-    .mx-card--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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxhQUFhO0lBQ2IscUNBQWdDO0lBQWhDLGdDQUFnQztFQW9GbEM7O0lBbEZFO01BQ0UsbUNBQW1DO0lBVXJDOztNQVJFO1FBQ0UsNERBQTREO1FBQzVELCtEQUErRDtNQUtqRTs7UUFIRTs7TUFKRjtVQUtJLG1FQUFtRTtNQUV2RTtRQURFOztJQUlKO01BQ0UsMENBQTBDO0lBK0Q1Qzs7TUE3REU7O0lBSEY7UUFJSSx3QkFBd0I7O1FBRXhCLDRDQUE0QztRQUM1QyxtQkFBbUI7SUF5RHZCOztRQXZESTtVQUNFLG9DQUFvQztRQUN0Qzs7UUFFQTtVQUNFLHVCQUF1QjtRQUN6QjtNQUNGOztNQUVBOztJQWxCRjtRQW1CSSxnQkFBZ0I7SUE2Q3BCO01BNUNFO1FBR0U7VUFDRTtZQUNFLGlFQUFpRTtVQUNuRTs7VUFFQTtZQUNFLHVCQUF1QjtVQUN6Qjs7VUFFQTtZQUNFLHFCQUFxQjtVQUN2QjtRQUNGOztNQUdGO1FBQ0Usa0JBQWtCO01BQ3BCOztNQUVBO1FBQ0UsZ0JBQWdCO1FBQ2hCLGFBQWE7UUFDYixZQUFZO1FBQ1osa0JBQWtCO1FBQ2xCLGlCQUFpQjtNQVluQjs7UUFWRTtVQUNFLDBCQUEwQjtVQUMxQixtQ0FBbUM7VUFDbkMsb0JBQWlCO2FBQWpCLGlCQUFpQjtVQUNqQixjQUFjO1FBQ2hCOztRQUVBO1VBQ0UsMEJBQTBCO1FBQzVCOztNQUdGO1FBQ0UsZ0JBQWdCO01BQ2xCOztJQUdGO01BQ0UsaUJBQWlCO0lBQ25CO0FBRUo7O0FBRUE7O0VBRUU7O0FBRUY7RUFDRTs7SUFFRSxpQkFBaUI7SUFDakIscUJBQTRDO0lBQTVDLDRDQUE0QztJQUM1QyxtQkFBbUI7RUFDckI7QUFDRjs7QUFFQTs7RUFFRTs7QUFFRjtJQUVJO01BQ0UsY0FBYztJQUNoQjs7RUFHRjtJQUNFLGtCQUFrQjtFQXNCcEI7O0lBcEJFO01BQ0UsbUNBQW1DO01BQ25DLHVFQUF1RTtNQUN2RSxtQkFBbUI7SUFDckI7TUFHRTtRQUNFLGFBQWE7TUFDZjs7SUFHRjtNQUNFLFdBQVc7TUFDWCxrQkFBa0I7TUFDbEIsb0JBQW9CO01BQ3BCLHFCQUFxQjtNQUNyQixpQkFBaUI7TUFDakIsZ0JBQWdCO0lBQ2xCO0FBRUoiLCJmaWxlIjoiY2FyZC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvbnRlbnQgQ2FyZFxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmNvbXBvbmVudHMge1xuICAubXgtY2FyZCB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBnYXA6IHZhcigtLWNhcmQtZ2FwLCB2YXIoLS1nYXApKTtcblxuICAgICZbY2xhc3MqPVwibXgtYmFja2dyb3VuZC0tXCJdIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgICAmIC5teC1jYXJkX19jb250ZW50IHtcbiAgICAgICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWNvbnRlbnQtbWluLXNwYWNpbmcsIHZhcigtLXNwYWNpbmctcykpO1xuICAgICAgICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tY29udGVudC1taW4tc3BhY2luZywgdmFyKC0tc3BhY2luZy1zKSk7XG5cbiAgICAgICAgQGNvbnRhaW5lciAobWluLXdpZHRoOiB0b2tlbihcImJyZWFrcG9pbnQuY29udGVudENhcmRcIikpIHtcbiAgICAgICAgICAtLWNvbnRlbnQtbWluLXNwYWNpbmc6IHZhcigtLWNvbnRlbnQtbWF4LXNwYWNpbmcsIHZhcigtLXNwYWNpbmctbSkpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpoYXMoLm14LWNhcmRfX21lZGlhKSB7XG4gICAgICBncmlkLXRlbXBsYXRlOiBcIm1lZGlhXCIgXCJjb250ZW50XCIgMWZyIC8gMWZyO1xuXG4gICAgICBAY29udGFpbmVyIChtaW4td2lkdGg6IHRva2VuKFwiYnJlYWtwb2ludC5jb250ZW50Q2FyZFwiKSkge1xuICAgICAgICAtLWNhcmQtZ2FwOiB2YXIoLS1nYXAtbCk7XG5cbiAgICAgICAgZ3JpZC10ZW1wbGF0ZTogXCJtZWRpYSBjb250ZW50XCIgMWZyIC8gMWZyIDFmcjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICAgICAmLm14LWNhcmQtLXJldmVyc2VkIHtcbiAgICAgICAgICBncmlkLXRlbXBsYXRlLWFyZWFzOiBcImNvbnRlbnQgbWVkaWFcIjtcbiAgICAgICAgfVxuXG4gICAgICAgICYgLm14LWNhcmRfX2NvbnRlbnQge1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIEBjb250YWluZXIgKG1pbi13aWR0aDogdG9rZW4oXCJicmVha3BvaW50LmxcIikpIHtcbiAgICAgICAgLS1jYXJkLWdhcDogNnJlbTtcbiAgICAgIH1cblxuICAgICAgJltjbGFzcyo9XCJteC1iYWNrZ3JvdW5kLS1cIl0ge1xuICAgICAgICBAY29udGFpbmVyIChtaW4td2lkdGg6IHRva2VuKFwiYnJlYWtwb2ludC5jb250ZW50Q2FyZFwiKSkge1xuICAgICAgICAgICYgLm14LWNhcmRfX2NvbnRlbnQge1xuICAgICAgICAgICAgcGFkZGluZy1ibG9jay1zdGFydDogdmFyKC0tY29udGVudC1taW4tc3BhY2luZywgdmFyKC0tc3BhY2luZy1zKSk7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjp3aGVyZSg6bm90KC5teC1jYXJkLS1yZXZlcnNlZCkpIC5teC1jYXJkX19jb250ZW50IHtcbiAgICAgICAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICYubXgtY2FyZC0tcmV2ZXJzZWQgLm14LWNhcmRfX2NvbnRlbnQge1xuICAgICAgICAgICAgcGFkZGluZy1pbmxpbmUtZW5kOiAwO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmIC5teC1jYXJkX19jb250ZW50IHtcbiAgICAgICAgZ3JpZC1hcmVhOiBjb250ZW50O1xuICAgICAgfVxuXG4gICAgICAmIDppcygubXgtY2FyZF9fbWVkaWEsIGZpZ3VyZSkge1xuICAgICAgICBncmlkLWFyZWE6IG1lZGlhO1xuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBtYXJnaW46IGF1dG87XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgaW5saW5lLXNpemU6IDEwMCU7XG5cbiAgICAgICAgJiBpbWcge1xuICAgICAgICAgIGFzcGVjdC1yYXRpbzogdmFyKC0tcmF0aW8pO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlci1yYWRpdXMpO1xuICAgICAgICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB9XG5cbiAgICAgICAgJiAubXgtc2tlbGV0b24tLWJnIHtcbiAgICAgICAgICBhc3BlY3QtcmF0aW86IHZhcigtLXJhdGlvKTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmIC5teC1jYXJkX19pY29uIHtcbiAgICAgICAgZ3JpZC1hcmVhOiBtZWRpYTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1saW5rLWxpc3Qge1xuICAgICAgaW5saW5lLXNpemU6IDEwMCU7XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogQ29udGVudCBDYXJkIEdyaWRcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LWdyaWQ6aGFzKD4gKjpudGgtY2hpbGQoMik6bGFzdC1jaGlsZClcbiAgICA+IDppcygubXgtY2FyZCwgLm14LWNvbnRhaW5lcjpoYXMoLm14LWNhcmQpKSB7XG4gICAgaW5saW5lLXNpemU6IDEwMCU7XG4gICAgbWF4LWlubGluZS1zaXplOiB2YXIoLS1tYXgtY2FyZC13aWR0aCwgMzdjaCk7XG4gICAgbWFyZ2luLWlubGluZTogYXV0bztcbiAgfVxufVxuXG4vKipcbiAqIENvbnRlbnQgQ2FyZCBMaW5rZWRcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgYVtocmVmXS5teC1jYXJkIHtcbiAgICAmOmhvdmVyIHtcbiAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIH1cbiAgfVxuXG4gIC5teC1jYXJkLS1ibG9jayB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjpmb2N1cy13aXRoaW4ge1xuICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cyk7XG4gICAgICBvdXRsaW5lOiB2YXIoLS1vdXRsaW5lLXdpZHRoKSB2YXIoLS1vdXRsaW5lLXN0eWxlKSB2YXIoLS1vdXRsaW5lLWNvbG9yKTtcbiAgICAgIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gICAgfVxuXG4gICAgJiA6aXMoYVtocmVmXSwgYnV0dG9uKSB7XG4gICAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgYTo6YWZ0ZXIge1xuICAgICAgY29udGVudDogXCJcIjtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGluc2V0LWJsb2NrLXN0YXJ0OiAwO1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgaW5saW5lLXNpemU6IDEwMCU7XG4gICAgICBibG9jay1zaXplOiAxMDAlO1xuICAgIH1cbiAgfVxufVxuIl19 */
+@layer design-system.components{.mx-card{block-size:100%;display:grid;grid-gap:var(--card-gap, var(--gap));gap:var(--card-gap, var(--gap))}.mx-card[class*=mx-background--]{border-radius:var(--border-radius)}@container (min-width: 720px){.mx-card[class*=mx-background--]{--content-min-spacing: var(--content-max-spacing, var(--spacing-m))}}.mx-card[class*=mx-background--] .mx-card__content{padding-inline:var(--content-min-spacing, var(--spacing-s));padding-block-end:var(--content-min-spacing, var(--spacing-s))}.mx-card[class*=mx-background--]:not(:has(.mx-card__media,.mx-card__icon)) .mx-card__content{padding-block-start:var(--content-min-spacing, var(--spacing-s))}.mx-card[class*=mx-background--] .mx-card__icon{padding-inline:var(--content-min-spacing, var(--spacing-s));padding-block-start:var(--content-min-spacing, var(--spacing-s))}.mx-card.mx-background--box[class*=mx-background--]{padding-inline:unset}.mx-card:has(.mx-card__media){grid-template:"media" "content" 1fr / 1fr}@container (min-width: 720px){.mx-card:has(.mx-card__media){--card-gap: var(--gap-l);grid-template:"media content" 1fr / 1fr 1fr;grid-template:"media content" 1fr / var(--media-col, 1fr) var( --content-col, 1fr )}.mx-card.mx-card--reversed:has(.mx-card__media){grid-template-areas:"content media";grid-template-columns:1fr 1fr;grid-template-columns:var(--content-col, 1fr) var(--media-col, 1fr)}}@container (min-width: 946px){.mx-card:has(.mx-card__media){--card-gap: var(--large-card-gap, 6rem)}}@container (min-width: 720px){.mx-card[class*=mx-background--]:has(.mx-card__media) .mx-card__content{padding-block-start:var(--content-min-spacing, var(--spacing-s))}.mx-card[class*=mx-background--]:has(.mx-card__media):where(:not(.mx-card--reversed)) .mx-card__content{padding-inline-start:0}.mx-card.mx-card--reversed[class*=mx-background--]:has(.mx-card__media) .mx-card__content{padding-inline-end:0}}.mx-card:has(.mx-card__media) .mx-card__content{grid-area:content;align-self:center;align-self:var(--align-content, center)}.mx-card:has(.mx-card__media) .mx-card__media{grid-area:media;align-self:center;align-self:var(--align-media, center);inline-size:100%}:is(.mx-card:has(.mx-card__media) .mx-card__media) img{aspect-ratio:var(--ratio);border-radius:var(--border-radius);-o-object-fit:cover;object-fit:cover;inline-size:100%}.mx-card:has(.mx-card__media) .mx-skeleton--bg{grid-area:media}.mx-card:has(.mx-card__media) .mx-card__icon{grid-area:media}.mx-card .mx-link-list{inline-size:100%}.mx-card__content>a:last-child{margin-block-start:auto}}@layer design-system.components{.mx-grid:has(>*:nth-child(2):last-child)>:is(.mx-card,.mx-container:has(.mx-card)){inline-size:min(100%,37ch);inline-size:min(100%,var(--max-card-width, 37ch));margin-inline:auto}}@layer design-system.components{a.mx-card[href]:hover{color:inherit}.mx-card--block{position:relative}.mx-card--block a:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}}

package/dist/build/carousel.css

@@ -0,0 +1 @@
+@layer design-system.components.carousel{.mx-carousel{display:block}.mx-carousel__scrollable{list-style:none;display:flex;block-size:auto;block-size:var(--block-size, auto);overflow-x:auto;overflow-y:hidden;overflow:auto hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-color:var(--colour-foreground) var(--colour-background)}.mx-carousel__scrollable::-webkit-scrollbar{block-size:1rem}.mx-carousel__scrollable::-webkit-scrollbar-track{background-color:var(--colour-background)}.mx-carousel__scrollable::-webkit-scrollbar-thumb{background-color:var(--colour-foreground);background-image:linear-gradient(var(--colour-background) 0,var(--colour-background) .25rem,var(--colour-foreground) .25rem,var(--colour-foreground) .75rem,var(--colour-background) .75rem)}.mx-carousel__scrollable>li{flex:0 0 25ch;flex:0 0 var(--inline-size, 25ch);display:flex;scroll-snap-align:start}[inert]:is(.mx-carousel__scrollable>li){opacity:.3}:is(.mx-carousel__scrollable>li)+li{margin-inline-start:var(--gap)}:is(.mx-carousel__scrollable>li) .mx-container{inline-size:100%;display:flex}.mx-carousel__scrollable:not(:first-child){padding-block-start:var(--gap)}.mx-carousel__scrollable.overflowing:not(.no-bar){padding-block-end:var(--gap)}.mx-carousel__scrollable.no-bar{scrollbar-width:none}.mx-carousel__scrollable.no-bar::-webkit-scrollbar{display:none}.mx-carousel__buttons:not([hidden]){display:flex;gap:var(--gap-s)}.mx-carousel__buttons button[disabled]{opacity:.5}.mx-carousel__pagination{list-style:none;padding-inline:0;display:flex;align-items:center;gap:var(--spacing-xxxs)}.mx-carousel__pagination[data-pagination=counter]{--border-radius: var(--border-radius-round);--indent: 200%}.mx-carousel__pagination button{border-radius:var(--border-radius);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));color:var(--foreground, var(--colour-foreground));min-block-size:2em;min-inline-size:2em;font-family:inherit;text-align:center;cursor:pointer;overflow:hidden;text-indent:inherit;text-indent:var(--indent, unset)}[disabled]:is(.mx-carousel__pagination button){--background: var(--active-background, var(--colour-border));cursor:not-allowed}}

package/dist/build/chunks/Accordion-RtUfbsTy.js

@@ -0,0 +1 @@
+import{m as t}from"./utilities-CE6xwgqF.js";class e extends HTMLElement{constructor(){super(),this.handleOpen=()=>{this.details&&(this.details.open=!0)},this.handleClose=()=>{this.details&&(this.details.open=!1)},this.handleHash=()=>{const{hash:t}=window.location;t&&t===`#${this.details?.id}`&&this.handleOpen()},this.generatedId=()=>{const e=this.trigger?.textContent?.trim();return e?t(e):""},this.internals_=this.attachInternals(),this.controller=new AbortController}connectedCallback(){if(!this.details||!this.trigger)return;const{signal:t}=this.controller;document.addEventListener("beforeprint",this.handleOpen,{signal:t}),document.addEventListener("afterprint",this.handleClose,{signal:t}),this.handleHash(),document.addEventListener("hashchange",this.handleHash,{signal:t})}disconnectedCallback(){this.controller.abort()}get details(){const t=this.querySelector("details");if(!t)throw new Error(`${this.localName} must contain a <details> element.`);return t.id=t.id||this.generatedId(),t}get trigger(){const t=this.querySelector("summary");if(!t)throw new Error(`${this.localName} must contain a <summary> element.`);return t}}customElements.define("mx-accordion",e);export{e as A};

package/dist/build/chunks/disclosure-widget-CPdkUWkq.js

@@ -0,0 +1 @@
+import{m as t}from"./utilities-CE6xwgqF.js";class e{constructor(e,i,s,r=document){if(this.init=()=>{if(Object.prototype.hasOwnProperty.call(this.trigger,"disclosureWidget"))return;const{attribute:t,setInitialAttribute:e}=this.options;this.trigger.disclosureWidget=this,e&&this.element.setAttribute(t,""),this.attach()},this.handleToggle=()=>{const{attribute:t,setInitialAttribute:e}=this.options;this.element.toggleAttribute(t);const i=this.element.hasAttribute(t);this.isOpen=e?!i:i,this.trigger.setAttribute("aria-expanded",String(this.isOpen));const s=new CustomEvent("disclosure-toggle",{bubbles:!0,cancelable:!0,detail:{isOpen:this.isOpen,id:this.id,options:this.options,target:this.element}});this.trigger.dispatchEvent(s)},this.handleMouse=t=>{const{currentTarget:e,type:i,relatedTarget:s}=t;if("mouseover"===i||"mouseout"===i){const t=this.trigger.parentNode;if(t!==e||t.contains(s))return}else if(this.trigger!==e)return;const{shouldPreventDefault:r}=this.options;this.handleToggle(),r&&(t.preventDefault(),t.stopPropagation())},this.handleKeyboard=t=>{const{key:e,target:i}=t;if(this.trigger!==i)return;const{isOpen:s}=this,{shouldPreventDefault:r}=this.options;switch(e){case"ArrowDown":case"Enter":s||this.handleToggle(),r&&t.preventDefault();break;case"ArrowUp":case"Escape":s&&this.handleToggle(),r&&t.preventDefault()}},this.attach=()=>{if(this.attached)return;const{clickEvent:t}=this.options;if("mouseover"===t){const t=this.trigger.parentNode;t.addEventListener("mouseover",this.handleMouse),t.addEventListener("mouseout",this.handleMouse)}else this.trigger.addEventListener("click",this.handleMouse);this.trigger.addEventListener("keydown",this.handleKeyboard),this.trigger.setAttribute("aria-expanded","false"),this.trigger.hasAttribute("aria-controls")||this.trigger.setAttribute("aria-controls",this.id),this.attached=!0},this.detach=()=>{if(!this.attached)return;this.isOpen&&this.handleToggle();const{clickEvent:t}=this.options;if("mouseover"===t){const t=this.trigger.parentNode;t.removeEventListener("mouseover",this.handleMouse),t.removeEventListener("mouseout",this.handleMouse)}else this.trigger.removeEventListener("click",this.handleMouse);this.trigger.removeEventListener("keydown",this.handleKeyboard),this.trigger.removeAttribute("aria-expanded"),this.attached=!1},this.generatedId=()=>{const e=this.trigger?.textContent?.trim();return e?t(e):""},!e)throw new Error("toggle is required.");if(!i)throw new Error("element is required.");this.options={attribute:"inert",shouldPreventDefault:!0,setInitialAttribute:!0,clickEvent:"click",...s},this.context=r||document,this.trigger=e,this.element=i,this.id=this.element.id||this.generatedId()}}export{e as D};

package/dist/build/chunks/drop-menu.entry-BqBzLfVC.js

@@ -0,0 +1 @@
+import{m as t}from"./utilities-CE6xwgqF.js";import{K as e}from"./keyboard-Cs0cduxq.js";class n extends HTMLElement{constructor(){super(),this.keyboard=new e,this.handleSelect=t=>{const e=t.target;this.items.forEach((t=>{t instanceof HTMLButtonElement&&t.setAttribute("aria-checked",String(t===e))}));const n=new CustomEvent("drop-menu-select",{bubbles:!0,cancelable:!0,detail:{event:t,target:e}});this.menu.dispatchEvent(n),this.closeOnClick&&this.menu.togglePopover()},this.handleToggle=({newState:t})=>{"open"===t?this.keyboard.attachPopup(this.menu.id,(()=>this.menu.togglePopover())):this.keyboard.detachPopup(this.menu.id)},this.attachKeyboardMenu=()=>{this.keyboard.attachMenu(this.menu,this.items)},this.detachKeyboardMenu=()=>{this.keyboard.detachMenu()},this.generatedId=()=>{const e=this.trigger?.textContent?.trim();return e?t(e):""},this.internals_=this.attachInternals(),this.controller=new AbortController}async connectedCallback(){if(!this.menu||!this.trigger)return;if(!("anchorName"in document.documentElement.style)){const{default:t}=await import("./polyfills-5KNOJw2W.js");new t(this.menu)}Object.hasOwn(HTMLElement,"popover")||await import("./popover-CiVl-0jk.js"),this.closeOnClick=this.hasAttribute("closeonclick");const{signal:t}=this.controller;document.addEventListener("click",(t=>{const{target:e}=t;e!==this.menu&&![...this.items].includes(e)||(this.handleSelect(t),t.preventDefault())}),{signal:t}),document.addEventListener("keydown",(t=>{const{target:e,key:n}=t;e!==this.menu&&![...this.items].includes(e)||("Enter"===n&&this.handleSelect(t),t.preventDefault())}),{signal:t}),this.keyboard.attachEventListeners(t),this.menu.addEventListener("focusin",this.attachKeyboardMenu,{signal:t}),this.menu.addEventListener("focusout",this.detachKeyboardMenu,{signal:t}),this.menu.addEventListener("toggle",this.handleToggle,{signal:t})}disconnectedCallback(){this.controller.abort(),this.keyboard.detachMenu()}get menu(){const t=this.querySelector("[popover]");if(!t)throw new Error(`${this.localName} must contain a <div popover> element.`);return t.id=t.id||this.generatedId(),t}get items(){const t=this.menu.querySelectorAll(":scope > *");if(!t)throw new Error(`${this.localName} must contain some menu items.`);return t}get trigger(){const t=this.querySelector(`[popovertarget=${this.menu?.id}]`);if(!t)throw new Error(`${this.localName} must contain a <button popovertarget="${this.menu.id}">`);return t}}customElements.define("mx-dropmenu",n);export{n as D};

package/dist/build/chunks/keyboard-Cs0cduxq.js

@@ -0,0 +1 @@
+class e{constructor(){this.attachPopup=(e,t)=>{window.Mixtape.Popups.push({id:e,closefn:t})},this.detachPopup=e=>{window.Mixtape.Popups=window.Mixtape.Popups.filter((t=>t.id!==e))},this.attachMenu=(e,t)=>{window.Mixtape.Menu={context:e,items:t}},this.detachMenu=()=>{window.Mixtape.Menu=null},this.getNextFocusableMenuItem=(e,t=!1)=>t?0===e?window.Mixtape.Menu.items.length-1:e-1:window.Mixtape.Menu.items.length>e+1?e+1:0,this.moveFocus=(e,t=!1)=>{if(!window.Mixtape.Menu.items)return;let i=0;window.Mixtape.Menu.items.forEach(((t,n)=>{t===e&&(i=n)}));let n=this.getNextFocusableMenuItem(i,t),o=window.Mixtape.Menu.items[n].getAttribute("tabindex");if("-1"!==o)window.Mixtape.Menu.items[n].focus();else{for(;"-1"===o;)n=this.getNextFocusableMenuItem(n,t),o=window.Mixtape.Menu.items[n].getAttribute("tabindex");window.Mixtape.Menu.items[n].focus()}window.Mixtape.Menu.active=n},this.handleGlobalClick=({target:e})=>{const t=window.Mixtape.Popups?window.Mixtape.Popups[window.Mixtape.Popups.length-1]:null;if(t&&t.id){const i=document.querySelector(`#${t.id}`).parentElement;if(i&&(e===i||i?.contains(e)))return;t.closefn()}},this.handleGlobalKeydown=e=>{const t=window.Mixtape.Popups?window.Mixtape.Popups[window.Mixtape.Popups.length-1]:null,i=e.target;switch(e.key){case"Escape":t&&t.closefn();break;case"ArrowDown":case"ArrowRight":window.Mixtape.Menu?.items&&(e.preventDefault(),this.moveFocus(i));break;case"ArrowUp":case"ArrowLeft":window.Mixtape.Menu?.items&&(e.preventDefault(),this.moveFocus(i,!0))}},this.attachEventListeners=e=>{window.addEventListener("click",this.handleGlobalClick,{signal:e}),window.addEventListener("keydown",this.handleGlobalKeydown,{signal:e})},window.Mixtape=window.Mixtape||{},window.Mixtape.Popups=window.Mixtape.Popups||[],window.Mixtape.Menu=window.Mixtape.Menu||{}}}export{e as K};

package/dist/build/chunks/polyfills-5KNOJw2W.js

@@ -0,0 +1 @@
+const t=Math.min,e=Math.max,n=Math.round,o=t=>({x:t,y:t});function i(t){return t.split("-")[0]}const r=new Set(["top","bottom"]);function c(t){return r.has(i(t))?"y":"x"}function l(t){const{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function s(t,e,n){let{reference:o,floating:r}=t;const l=c(e),s=function(t){return function(t){return"x"===t?"y":"x"}(c(t))}(e),f=function(t){return"y"===t?"height":"width"}(s),u=i(e),a="y"===l,h=o.x+o.width/2-r.width/2,d=o.y+o.height/2-r.height/2,p=o[f]/2-r[f]/2;let g;switch(u){case"top":g={x:h,y:o.y-r.height};break;case"bottom":g={x:h,y:o.y+o.height};break;case"right":g={x:o.x+o.width,y:d};break;case"left":g={x:o.x-r.width,y:d};break;default:g={x:o.x,y:o.y}}switch(function(t){return t.split("-")[1]}(e)){case"start":g[s]-=p*(n&&a?-1:1);break;case"end":g[s]+=p*(n&&a?-1:1)}return g}function f(){return typeof window<"u"}function u(t){return d(t)?(t.nodeName||"").toLowerCase():"#document"}function a(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function h(t){var e;return null==(e=(d(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function d(t){return!!f()&&(t instanceof Node||t instanceof a(t).Node)}function p(t){return!!f()&&(t instanceof Element||t instanceof a(t).Element)}function g(t){return!!f()&&(t instanceof HTMLElement||t instanceof a(t).HTMLElement)}function y(t){return!(!f()||typeof ShadowRoot>"u")&&(t instanceof ShadowRoot||t instanceof a(t).ShadowRoot)}const w=new Set(["inline","contents"]);function m(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=k(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!w.has(i)}const x=new Set(["table","td","th"]);function v(t){return x.has(u(t))}const b=[":popover-open",":modal"];function L(t){return b.some((e=>{try{return t.matches(e)}catch{return!1}}))}const T=["transform","translate","scale","rotate","perspective"],S=["transform","translate","scale","rotate","perspective","filter"],R=["paint","layout","strict","content"];function C(t){const e=E(),n=p(t)?k(t):t;return T.some((t=>!!n[t]&&"none"!==n[t]))||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||S.some((t=>(n.willChange||"").includes(t)))||R.some((t=>(n.contain||"").includes(t)))}function E(){return!(typeof CSS>"u"||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const D=new Set(["html","body","#document"]);function P(t){return D.has(u(t))}function k(t){return a(t).getComputedStyle(t)}function H(t){return p(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function W(t){if("html"===u(t))return t;const e=t.assignedSlot||t.parentNode||y(t)&&t.host||h(t);return y(e)?e.host:e}function F(t){const e=W(t);return P(e)?t.ownerDocument?t.ownerDocument.body:t.body:g(e)&&m(e)?e:F(e)}function B(t,e,n){var o;void 0===e&&(e=[]),void 0===n&&(n=!0);const i=F(t),r=i===(null==(o=t.ownerDocument)?void 0:o.body),c=a(i);if(r){const t=V(c);return e.concat(c,c.visualViewport||[],m(i)?i:[],t&&n?B(t):[])}return e.concat(i,B(i,[],n))}function V(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function M(t){const e=k(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const r=g(t),c=r?t.offsetWidth:o,l=r?t.offsetHeight:i,s=n(o)!==c||n(i)!==l;return s&&(o=c,i=l),{width:o,height:i,$:s}}function N(t){return p(t)?t:t.contextElement}function O(t){const e=N(t);if(!g(e))return o(1);const i=e.getBoundingClientRect(),{width:r,height:c,$:l}=M(e);let s=(l?n(i.width):i.width)/r,f=(l?n(i.height):i.height)/c;return(!s||!Number.isFinite(s))&&(s=1),(!f||!Number.isFinite(f))&&(f=1),{x:s,y:f}}const $=o(0);function A(t){const e=a(t);return E()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:$}function j(t,e,n,i){void 0===e&&(e=!1),void 0===n&&(n=!1);const r=t.getBoundingClientRect(),c=N(t);let s=o(1);e&&(i?p(i)&&(s=O(i)):s=O(t));const f=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==a(t))&&e}(c,n,i)?A(c):o(0);let u=(r.left+f.x)/s.x,h=(r.top+f.y)/s.y,d=r.width/s.x,g=r.height/s.y;if(c){const t=a(c),e=i&&p(i)?a(i):i;let n=t,o=V(n);for(;o&&i&&e!==n;){const t=O(o),e=o.getBoundingClientRect(),i=k(o),r=e.left+(o.clientLeft+parseFloat(i.paddingLeft))*t.x,c=e.top+(o.clientTop+parseFloat(i.paddingTop))*t.y;u*=t.x,h*=t.y,d*=t.x,g*=t.y,u+=r,h+=c,n=a(o),o=V(n)}}return l({width:d,height:g,x:u,y:h})}function X(t,e){const n=H(t).scrollLeft;return e?e.left+n:j(h(t)).left+n}function Y(t,e,n){void 0===n&&(n=!1);const o=t.getBoundingClientRect();return{x:o.left+e.scrollLeft-(n?0:X(t,o)),y:o.top+e.scrollTop}}const _=new Set(["absolute","fixed"]);function q(t,n,i){let r;if("viewport"===n)r=function(t,e){const n=a(t),o=h(t),i=n.visualViewport;let r=o.clientWidth,c=o.clientHeight,l=0,s=0;if(i){r=i.width,c=i.height;const t=E();(!t||t&&"fixed"===e)&&(l=i.offsetLeft,s=i.offsetTop)}return{width:r,height:c,x:l,y:s}}(t,i);else if("document"===n)r=function(t){const n=h(t),o=H(t),i=t.ownerDocument.body,r=e(n.scrollWidth,n.clientWidth,i.scrollWidth,i.clientWidth),c=e(n.scrollHeight,n.clientHeight,i.scrollHeight,i.clientHeight);let l=-o.scrollLeft+X(t);const s=-o.scrollTop;return"rtl"===k(i).direction&&(l+=e(n.clientWidth,i.clientWidth)-r),{width:r,height:c,x:l,y:s}}(h(t));else if(p(n))r=function(t,e){const n=j(t,!0,"fixed"===e),i=n.top+t.clientTop,r=n.left+t.clientLeft,c=g(t)?O(t):o(1);return{width:t.clientWidth*c.x,height:t.clientHeight*c.y,x:r*c.x,y:i*c.y}}(n,i);else{const e=A(t);r={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return l(r)}function I(t,e){const n=W(t);return!(n===e||!p(n)||P(n))&&("fixed"===k(n).position||I(n,e))}function z(t,e){const n=e.get(t);if(n)return n;let o=B(t,[],!1).filter((t=>p(t)&&"body"!==u(t))),i=null;const r="fixed"===k(t).position;let c=r?W(t):t;for(;p(c)&&!P(c);){const e=k(c),n=C(c);!n&&"fixed"===e.position&&(i=null),(r?!n&&!i:!n&&"static"===e.position&&i&&_.has(i.position)||m(c)&&!n&&I(t,c))?o=o.filter((t=>t!==c)):i=e,c=W(c)}return e.set(t,o),o}function G(t,e,n){const i=g(e),r=h(e),c="fixed"===n,l=j(t,!0,c,e);let s={scrollLeft:0,scrollTop:0};const f=o(0);function a(){f.x=X(r)}if(i||!i&&!c)if(("body"!==u(e)||m(r))&&(s=H(e)),i){const t=j(e,!0,c,e);f.x=t.x+e.clientLeft,f.y=t.y+e.clientTop}else r&&a();c&&!i&&r&&a();const d=!r||i||c?o(0):Y(r,s);return{x:l.left+s.scrollLeft-f.x-d.x,y:l.top+s.scrollTop-f.y-d.y,width:l.width,height:l.height}}function J(t){return"static"===k(t).position}function K(t,e){if(!g(t)||"fixed"===k(t).position)return null;if(e)return e(t);let n=t.offsetParent;return h(t)===n&&(n=n.ownerDocument.body),n}function Q(t,e){const n=a(t);if(L(t))return n;if(!g(t)){let e=W(t);for(;e&&!P(e);){if(p(e)&&!J(e))return e;e=W(e)}return n}let o=K(t,e);for(;o&&v(o)&&J(o);)o=K(o,e);return o&&P(o)&&J(o)&&!C(o)?n:o||function(t){let e=W(t);for(;g(e)&&!P(e);){if(C(e))return e;if(L(e))return null;e=W(e)}return null}(t)||n}const U={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:i,strategy:r}=t;const c="fixed"===r,l=h(i),s=!!e&&L(e.floating);if(i===l||s&&c)return n;let f={scrollLeft:0,scrollTop:0},a=o(1);const d=o(0),p=g(i);if((p||!p&&!c)&&(("body"!==u(i)||m(l))&&(f=H(i)),g(i))){const t=j(i);a=O(i),d.x=t.x+i.clientLeft,d.y=t.y+i.clientTop}const y=!l||p||c?o(0):Y(l,f,!0);return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-f.scrollLeft*a.x+d.x+y.x,y:n.y*a.y-f.scrollTop*a.y+d.y+y.y}},getDocumentElement:h,getClippingRect:function(n){let{element:o,boundary:i,rootBoundary:r,strategy:c}=n;const l=[..."clippingAncestors"===i?L(o)?[]:z(o,this._c):[].concat(i),r],s=l[0],f=l.reduce(((n,i)=>{const r=q(o,i,c);return n.top=e(r.top,n.top),n.right=t(r.right,n.right),n.bottom=t(r.bottom,n.bottom),n.left=e(r.left,n.left),n}),q(o,s,c));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}},getOffsetParent:Q,getElementRects:async function(t){const e=this.getOffsetParent||Q,n=this.getDimensions,o=await n(t.floating);return{reference:G(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=M(t);return{width:e,height:n}},getScale:O,isElement:p,isRTL:function(t){return"rtl"===k(t).direction}},Z=(t,e,n)=>{const o=new Map,i={platform:U,...n},r={...i.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:c}=n,l=r.filter(Boolean),f=await(null==c.isRTL?void 0:c.isRTL(e));let u=await c.getElementRects({reference:t,floating:e,strategy:i}),{x:a,y:h}=s(u,o,f),d=o,p={},g=0;for(let n=0;n<l.length;n++){const{name:r,fn:y}=l[n],{x:w,y:m,data:x,reset:v}=await y({x:a,y:h,initialPlacement:o,placement:d,strategy:i,middlewareData:p,rects:u,platform:c,elements:{reference:t,floating:e}});a=w??a,h=m??h,p={...p,[r]:{...p[r],...x}},v&&g<=50&&(g++,"object"==typeof v&&(v.placement&&(d=v.placement),v.rects&&(u=!0===v.rects?await c.getElementRects({reference:t,floating:e,strategy:i}):v.rects),({x:a,y:h}=s(u,d,f))),n=-1)}return{x:a,y:h,placement:d,strategy:i,middlewareData:p}})(t,e,{...i,platform:r})};class tt{constructor(t){this.popover=t,this.trigger=document.querySelector(`[popovertarget="${t.getAttribute("id")}"`),this.positionPopover=this.positionPopover.bind(this),this.popover.addEventListener("toggle",this.positionPopover)}positionPopover=({newState:t})=>{"open"===t&&Z(this.trigger,this.popover,{placement:"bottom-start"}).then((({x:t,y:e})=>{this.popover.style.insetInlineStart=`${t}px`,this.popover.style.insetBlockStart=`${e}px`}))}}export{tt as default};

package/dist/build/chunks/popover-CiVl-0jk.js

@@ -0,0 +1 @@
+var e=class extends Event{oldState;newState;constructor(e,{oldState:t="",newState:n="",...o}={}){super(e,o),this.oldState=String(t||""),this.newState=String(n||"")}},t=new WeakMap;function n(n,o,r){t.set(n,setTimeout((()=>{t.has(n)&&n.dispatchEvent(new e("toggle",{cancelable:!1,oldState:o,newState:r}))}),0))}var o=globalThis.ShadowRoot||function(){},r=globalThis.HTMLDialogElement||function(){},i=new WeakMap,a=new WeakMap,l=new WeakMap,s=new WeakMap;function c(e){return s.get(e)||"hidden"}var u=new WeakMap;function p(e){return[...e].pop()}function f(e,t){return!("auto"!==e.popover&&"manual"!==e.popover&&"hint"!==e.popover||!e.isConnected||t&&"showing"!==c(e)||!t&&"hidden"!==c(e)||e instanceof r&&e.hasAttribute("open")||document.fullscreenElement===e)}function d(e){if(!e)return 0;const t=a.get(document)||new Set,n=l.get(document)||new Set;return n.has(e)?[...n].indexOf(e)+t.size+1:t.has(e)?[...t].indexOf(e)+1:0}function h(e){const t=w(e),n=function(e){for(;e;){const t=e.popoverTargetElement;if(t instanceof HTMLElement)return t;if((e=e.parentElement||v(e))instanceof o&&(e=e.host),e instanceof Document)return}}(e);return d(t)>d(n)?t:n}function g(e){let t;const n=l.get(e)||new Set,o=a.get(e)||new Set,r=n.size>0?n:o.size>0?o:null;return r?(t=p(r),t.isConnected?t:(r.delete(t),g(e))):null}function m(e){for(const t of e||[]){if(t.isConnected)return t;e.delete(t)}return null}function v(e){return"function"==typeof e.getRootNode?e.getRootNode():e.parentNode?v(e.parentNode):e}function w(e){for(;e;){if(e instanceof HTMLElement&&"auto"===e.popover&&"showing"===s.get(e))return e;if((e=e instanceof Element&&e.assignedSlot||e.parentElement||v(e))instanceof o&&(e=e.host),e instanceof Document)return}}function b(e,t){const n=new Map;let o=0;for(const e of t||[])n.set(e,o),o+=1;n.set(e,o),o+=1;let r=null;return function(t){if(!t)return;let o=!1,i=null,a=null;for(;!o;){if(i=w(t)||null,null===i||!n.has(i))return;("hint"===e.popover||"auto"===i.popover)&&(o=!0),o||(t=i.parentElement)}a=n.get(i),(null===r||n.get(r)<a)&&(r=i)}(e.parentElement||v(e)),r}function E(e){return!(e.hidden||e instanceof o||(e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement||e instanceof HTMLOptGroupElement||e instanceof HTMLOptionElement||e instanceof HTMLFieldSetElement)&&e.disabled||e instanceof HTMLInputElement&&"hidden"===e.type||e instanceof HTMLAnchorElement&&""===e.href)&&("number"==typeof e.tabIndex&&-1!==e.tabIndex)}function y(e){var t;null==(t=function(e){if(e.shadowRoot&&!0!==e.shadowRoot.delegatesFocus)return null;let t=e;t.shadowRoot&&(t=t.shadowRoot);let n=t.querySelector("[autofocus]");if(n)return n;{const e=t.querySelectorAll("slot");for(const t of e){const e=t.assignedElements({flatten:!0});for(const t of e){if(t.hasAttribute("autofocus"))return t;if(n=t.querySelector("[autofocus]"),n)return n}}}const o=e.ownerDocument.createTreeWalker(t,NodeFilter.SHOW_ELEMENT);let r=o.currentNode;for(;r;){if(E(r))return r;r=o.nextNode()}}(e))||t.focus()}var S=new WeakMap;function T(t){if(!f(t,!1))return;const o=t.ownerDocument;if(!t.dispatchEvent(new e("beforetoggle",{cancelable:!0,oldState:"closed",newState:"open"}))||!f(t,!1))return;let r=!1;const c=t.popover;let p=null;const d=b(t,a.get(o)||new Set),h=b(t,l.get(o)||new Set);if("auto"===c&&(L(l.get(o)||new Set,r,!0),H(d||o,r,!0),p="auto"),"hint"===c&&(h?(H(h,r,!0),p="hint"):(L(l.get(o)||new Set,r,!0),d?(H(d,r,!0),p="auto"):p="hint")),"auto"===c||"hint"===c){if(c!==t.popover||!f(t,!1))return;g(o)||(r=!0),"auto"===p?(a.has(o)||a.set(o,new Set),a.get(o).add(t)):"hint"===p&&(l.has(o)||l.set(o,new Set),l.get(o).add(t))}S.delete(t);const m=o.activeElement;t.classList.add(":popover-open"),s.set(t,"showing"),i.has(o)||i.set(o,new Set),i.get(o).add(t),P(u.get(t),!0),y(t),r&&m&&"auto"===t.popover&&S.set(t,m),n(t,"closed","open")}function M(t,o=!1,r=!1){var c,d;if(!f(t,!0))return;const h=t.ownerDocument;if(["auto","hint"].includes(t.popover)&&(H(t,o,r),!f(t,!0)))return;const g=a.get(h)||new Set,m=g.has(t)&&p(g)===t;if(P(u.get(t),!1),u.delete(t),r&&(t.dispatchEvent(new e("beforetoggle",{oldState:"open",newState:"closed"})),m&&p(g)!==t&&H(t,o,r),!f(t,!0)))return;null==(c=i.get(h))||c.delete(t),g.delete(t),null==(d=l.get(h))||d.delete(t),t.classList.remove(":popover-open"),s.set(t,"hidden"),r&&n(t,"open","closed");const v=S.get(t);v&&(S.delete(t),o&&v.focus())}function L(e,t=!1,n=!1){let o=m(e);for(;o;)M(o,t,n),o=m(e)}function A(e,t,n,o){let r=!1,i=!1;for(;r||!i;){i=!0;let a=null,l=!1;for(const n of t)if(n===e)l=!0;else if(l){a=n;break}if(!a)return;for(;"showing"===c(a)&&t.size;)M(p(t),n,o);t.has(e)&&p(t)!==e&&(r=!0),r&&(o=!1)}}function H(e,t,n){var o,r;const i=e.ownerDocument||e;if(e instanceof Document)return function(e,t=!1,n=!1){let o=g(e);for(;o;)M(o,t,n),o=g(e)}(i,t,n);null!=(o=l.get(i))&&o.has(e)?A(e,l.get(i),t,n):(L(l.get(i)||new Set,t,n),null!=(r=a.get(i))&&r.has(e)&&A(e,a.get(i),t,n))}var k=new WeakMap;function D(e){if(!e.isTrusted)return;const t=e.composedPath()[0];if(!t)return;const n=t.ownerDocument;if(!g(n))return;const o=h(t);if(o&&"pointerdown"===e.type)k.set(n,o);else if("pointerup"===e.type){const e=k.get(n)===o;k.delete(n),e&&H(o||n,!1,!0)}}var x=new WeakMap;function P(e,t=!1){if(!e)return;x.has(e)||x.set(e,e.getAttribute("aria-expanded"));const n=e.popoverTargetElement;if(n instanceof HTMLElement&&"auto"===n.popover)e.setAttribute("aria-expanded",String(t));else{const t=x.get(e);t?e.setAttribute("aria-expanded",t):e.removeAttribute("aria-expanded")}}var R=globalThis.ShadowRoot||function(){};function W(e,t,n){const o=e[t];Object.defineProperty(e,t,{value(e){return o.call(this,n(e))}})}var N=/(^|[^\\]):popover-open\b/g;function C(){const e="function"==typeof globalThis.CSSLayerBlockRule;return`\n${e?"@layer popover-polyfill {":""}\n  :where([popover]) {\n    position: fixed;\n    z-index: 2147483647;\n    inset: 0;\n    padding: 0.25em;\n    width: fit-content;\n    height: fit-content;\n    border-width: initial;\n    border-color: initial;\n    border-image: initial;\n    border-style: solid;\n    background-color: canvas;\n    color: canvastext;\n    overflow: auto;\n    margin: auto;\n  }\n\n  :where([popover]:not(.\\:popover-open)) {\n    display: none;\n  }\n\n  :where(dialog[popover].\\:popover-open) {\n    display: block;\n  }\n\n  :where(dialog[popover][open]) {\n    display: revert;\n  }\n\n  :where([anchor].\\:popover-open) {\n    inset: auto;\n  }\n\n  :where([anchor]:popover-open) {\n    inset: auto;\n  }\n\n  @supports not (background-color: canvas) {\n    :where([popover]) {\n      background-color: white;\n      color: black;\n    }\n  }\n\n  @supports (width: -moz-fit-content) {\n    :where([popover]) {\n      width: -moz-fit-content;\n      height: -moz-fit-content;\n    }\n  }\n\n  @supports not (inset: 0) {\n    :where([popover]) {\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n    }\n  }\n${e?"}":""}\n`}var O=null;function q(e){const t=C();if(null===O)try{(O=new CSSStyleSheet).replaceSync(t)}catch{O=!1}if(!1===O){const n=document.createElement("style");n.textContent=t,e instanceof Document?e.head.prepend(n):e.prepend(n)}else e.adoptedStyleSheets=[O,...e.adoptedStyleSheets]}typeof HTMLElement<"u"&&"object"==typeof HTMLElement.prototype&&"popover"in HTMLElement.prototype||function(){if(typeof window>"u")return;function t(e){return e?.includes(":popover-open")&&(e=e.replace(N,"$1.\\:popover-open")),e}window.ToggleEvent=window.ToggleEvent||e,W(Document.prototype,"querySelector",t),W(Document.prototype,"querySelectorAll",t),W(Element.prototype,"querySelector",t),W(Element.prototype,"querySelectorAll",t),W(Element.prototype,"matches",t),W(Element.prototype,"closest",t),W(DocumentFragment.prototype,"querySelectorAll",t),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute("popover"))return null;const e=(this.getAttribute("popover")||"").toLowerCase();return""===e||"auto"==e?"auto":"hint"==e?"hint":"manual"},set(e){null===e?this.removeAttribute("popover"):this.setAttribute("popover",e)}},showPopover:{enumerable:!0,configurable:!0,value(e={}){T(this)}},hidePopover:{enumerable:!0,configurable:!0,value(){M(this,!0,!0)}},togglePopover:{enumerable:!0,configurable:!0,value(e={}){return"boolean"==typeof e&&(e={force:e}),"showing"===s.get(this)&&void 0===e.force||!1===e.force?M(this,!0,!0):(void 0===e.force||!0===e.force)&&T(this),"showing"===s.get(this)}}});const n=Element.prototype.attachShadow;n&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(e){const t=n.call(this,e);return q(t),t}}});const o=HTMLElement.prototype.attachInternals;o&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){const e=o.call(this);return e.shadowRoot&&q(e.shadowRoot),e}}});const r=new WeakMap;function i(e){Object.defineProperties(e.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(e){if(null===e)this.removeAttribute("popovertarget"),r.delete(this);else{if(!(e instanceof Element))throw new TypeError("popoverTargetElement must be an element or null");this.setAttribute("popovertarget",""),r.set(this,e)}},get(){if("button"!==this.localName&&"input"!==this.localName||"input"===this.localName&&"reset"!==this.type&&"image"!==this.type&&"button"!==this.type||this.disabled||this.form&&"submit"===this.type)return null;const e=r.get(this);if(e&&e.isConnected)return e;if(e&&!e.isConnected)return r.delete(this),null;const t=v(this),n=this.getAttribute("popovertarget");return(t instanceof Document||t instanceof R)&&n&&t.getElementById(n)||null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){const e=(this.getAttribute("popovertargetaction")||"").toLowerCase();return"show"===e||"hide"===e?e:"toggle"},set(e){this.setAttribute("popovertargetaction",e)}}})}i(HTMLButtonElement),i(HTMLInputElement);const a=e=>{if(e.defaultPrevented)return;const t=e.composedPath(),n=t[0];if(!(n instanceof Element)||n?.shadowRoot)return;const o=v(n);if(!(o instanceof R||o instanceof Document))return;const r=t.find((e=>{var t;return null==(t=e.matches)?void 0:t.call(e,"[popovertargetaction],[popovertarget]")}));return r?(function(e){const t=e.popoverTargetElement;if(!(t instanceof HTMLElement))return;const n=c(t);"show"===e.popoverTargetAction&&"showing"===n||"hide"===e.popoverTargetAction&&"hidden"===n||("showing"===n?M(t,!0,!0):f(t,!1)&&(u.set(t,e),T(t)))}(r),void e.preventDefault()):void 0},l=e=>{const t=e.key,n=e.target;!e.defaultPrevented&&n&&("Escape"===t||"Esc"===t)&&H(n.ownerDocument,!0,!0)};var p;(p=document).addEventListener("click",a),p.addEventListener("keydown",l),p.addEventListener("pointerdown",D),p.addEventListener("pointerup",D),q(document)}();

package/dist/build/chunks/utilities-CE6xwgqF.js

@@ -0,0 +1,2 @@
+/*! js-cookie v3.0.5 | MIT */
+function e(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)e[n]=r[n]}return e}!function t(r,n){function i(t,i,o){if(!(typeof document>"u")){"number"==typeof(o=e({},n,o)).expires&&(o.expires=new Date(Date.now()+864e5*o.expires)),o.expires&&(o.expires=o.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var s in o)o[s]&&(c+="; "+s,!0!==o[s]&&(c+="="+o[s].split(";")[0]));return document.cookie=t+"="+r.write(i,t)+c}}return Object.create({set:i,get:function(e){if(!(typeof document>"u"||arguments.length&&!e)){for(var t=document.cookie?document.cookie.split("; "):[],n={},i=0;i<t.length;i++){var o=t[i].split("="),c=o.slice(1).join("=");try{var s=decodeURIComponent(o[0]);if(n[s]=r.read(c,s),e===s)break}catch{}}return e?n[e]:n}},remove:function(t,r){i(t,"",e({},r,{expires:-1}))},withAttributes:function(r){return t(this.converter,e({},this.attributes,r))},withConverter:function(r){return t(e({},this.converter,r),this.attributes)}},{attributes:{value:Object.freeze(n)},converter:{value:Object.freeze(r)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});class t{constructor(e,t){this.init=()=>{this.observer=new IntersectionObserver((e=>{e.forEach((({isIntersecting:e})=>{e&&this.load().catch((e=>this.handleError(e)))}))})),this.observer.observe(this.el),this.fallbackBtn?.addEventListener("click",this.handleClick)},this.load=async()=>{try{await this.callback()}catch(e){this.handleError(e)}this.observer.unobserve(this.el)},this.handleClick=()=>{this.load().catch((e=>this.handleError(e)))},this.handleError=e=>{console.error(e),this.errorMsg?.removeAttribute("hidden")},this.el=e,this.callback=t,this.fallbackBtn=this.el.querySelector("[data-load-fallback]"),this.errorMsg=this.el.querySelector("[data-load-error]")}static{this.create=(e,r)=>{Object.hasOwn(window,"once")&&window.once("intersection-loader",e)?.forEach((e=>{new t(e,r).init()}))}}}const r=(e,t=20)=>{if("string"!=typeof e||!e)return"";let r=e.toLowerCase().trim().replace(/\s+/g,"-").replace(/[^-a-z0-9]/g,"").replace(/[\n\r]+|[\s]{2,}/g,"");return[...Array(6).keys()].forEach((()=>{r.charAt(0).match(/[a-z]/g)||(r=r.substring(1))})),t&&(r=r.substring(0,t+1)),r},n=e=>{try{const t=document.createElement("div");return t.innerHTML=e,t.firstElementChild}catch(e){return console.error(e),null}},i=(e,t,r,n=[])=>{const{target:i,clientY:o,clientX:c}=e,s=i instanceof HTMLOptionElement||i instanceof HTMLSelectElement;if((n?.filter((e=>e===i||e.contains(i)))).length||s)return;const a=new IntersectionObserver((([{boundingClientRect:e}])=>{const{top:t,height:n,width:i,left:s}=e;t<=o&&o<=t+n&&s<=c&&c<=s+i||r(),a.disconnect()}));a.observe(t)},o=(e,t)=>{const{key:r}=e;"Escape"===r&&t()};export{o as a,n as c,i as h,r as m};

package/dist/build/constants.css

@@ -1,120 +1 @@
-/* stylelint-disable custom-property-pattern */
-
-/**
- * Variables
- */
-
-:root {
-  --_hue-primary: 288;
-  --_hue-accent: 328;
-  --_hue-info: 288;
-  --_hue-error: 34;
-  --_hue-warning: 70;
-  --_hue-success: 134;
-  --_hue-outline: 288;
-
-  /* System colours */
-  --colour-background: lch(100% 0 0);
-  --colour-background-alt: lch(95% 0 0);
-  --colour-foreground: lch(0% 0 0);
-  --colour-foreground-alt: lch(25% 0 0);
-  --colour-border: lch(90% 0 0);
-
-  /* Brand colors */
-  --colour-primary: lch(43% 100 var(--_hue-primary));
-  --colour-primary-light: lch(95% 10 var(--_hue-primary));
-  --colour-accent: lch(43% 100 var(--_hue-accent));
-  --colour-accent-light: lch(95% 10 var(--_hue-accent));
-
-  /* Reverse colors */
-  --colour-foreground-reverse: lch(100% 0 0);
-  --colour-foreground-alt-reverse: lch(95% 0 0);
-  --colour-background-reverse: lch(0% 0 0);
-  --colour-border-reverse: lch(10% 0 0);
-
-  /* State colours */
-  --colour-error-foreground: lch(40% 100 var(--_hue-error));
-  --colour-error-background: lch(95% 10 var(--_hue-error));
-  --colour-success-foreground: lch(45% 100 var(--_hue-success));
-  --colour-success-background: lch(95% 10 var(--_hue-success));
-  --colour-warning-foreground: lch(46% 100 var(--_hue-warning));
-  --colour-warning-background: lch(95% 10 var(--_hue-warning));
-  --colour-info-foreground: lch(43% 100 var(--_hue-info));
-  --colour-info-background: lch(95% 10 var(--_hue-info));
-
-  /* Typography */
-  --font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
-  --type-ratio: 1.25;
-  --type-ratio-small: 1.125;
-  --base-font-size: 1rem;
-  --font-size: var(--base-font-size);
-  --font-size-s: calc(var(--base-font-size) / var(--type-ratio-small));
-  --font-size-xs: calc(var(--font-size-s) / var(--type-ratio-small));
-  --font-size-sm: calc(var(--base-font-size) * var(--type-ratio-small));
-  --font-size-m: calc(var(--base-font-size) * var(--type-ratio));
-  --font-size-l: calc(var(--font-size-m) * var(--type-ratio));
-  --font-size-xl: calc(var(--font-size-l) * var(--type-ratio));
-  --font-size-xxl: calc(var(--font-size-xl) * var(--type-ratio));
-  --font-size-xxxl: calc(var(--font-size-xxl) * var(--type-ratio));
-  --font-size-diff: 0.3;
-
-  --line-height: 1.6;
-  --line-height-h: 1.2;
-  --line-height-ui: 0.9rem;
-
-  --font-weight-normal: 400;
-  --font-weight-bold: 700;
-
-  /* Spacing */
-  --spacing-xxxxs: 0.25em;
-  --spacing-xxxs: 0.5em;
-  --spacing-xxs: 0.75em;
-  --spacing-xs: 0.875em;
-  --spacing-s: 1em;
-  --spacing-m: 1.5em;
-  --spacing-l: 2em;
-  --spacing-xl: 2.5em;
-  --spacing-xxl: 3em;
-  --spacing-xxxl: 3.5em;
-  --spacing-xxxxl: 3.5em;
-  --spacing-ul: 4.5em;
-  --spacing-uul: 5em;
-  --spacing-uuul: 5.5em;
-
-  --outline-width: 0.125rem;
-  --outline-offset: 0;
-  --outline-style: solid;
-  --outline-color: lch(45% 100 var(--_hue-outline));
-
-  /* Layout */
-  --container-max-width-narrow: 58ch;
-  --container-max-width: 76ch;
-  --gap-s: 1em;
-  --gap: 1.5em;
-  --gap-l: 2em;
-  --gap-xl: 2.5em;
-  --breakpoint-xs: 26.25rem;
-  --breakpoint-s: 33.75rem;
-  --breakpoint-m: 45rem;
-  --breakpoint-l: 59.125rem;
-  --breakpoint-xl: 68.75rem;
-
-  /* Utility */
-  --shadow-color: lch(25% 0 0);
-  --shadow-size: 0.875em;
-  --shadow-shape: 0 0 var(--shadow-size);
-  --box-shadow: var(--shadow-shape) var(--shadow-color);
-  --border-radius: 0.1875rem;
-  --border-radius-l: 2em;
-  --border-radius-round: 50%;
-  --ratio: 16 / 9;
-  --ease: cubic-bezier(0.25, 0, 0.3, 1);
-}
-
-@media (max-width: 719.98px) {
-  :root {
-    --section-xl: var(--spacing-xxl);
-  }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnN0YW50cy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOENBQThDOztBQUU5Qzs7RUFFRTs7QUFFRjtFQUNFLG1CQUF1QztFQUN2QyxrQkFBcUM7RUFDckMsZ0JBQWlDO0VBQ2pDLGdCQUFtQztFQUNuQyxrQkFBdUM7RUFDdkMsbUJBQXVDO0VBQ3ZDLG1CQUE0Qzs7RUFFNUMsbUJBQW1CO0VBQ25CLGtDQUE0QztFQUM1QyxxQ0FBbUQ7RUFDbkQsZ0NBQTRDO0VBQzVDLHFDQUFtRDtFQUNuRCw2QkFBNEM7O0VBRTVDLGlCQUFpQjtFQUNqQixrREFBa0Q7RUFDbEQsdURBQXVEO0VBQ3ZELGdEQUFnRDtFQUNoRCxxREFBcUQ7O0VBRXJELG1CQUFtQjtFQUNuQiwwQ0FBdUQ7RUFDdkQsNkNBQThEO0VBQzlELHdDQUF1RDtFQUN2RCxxQ0FBdUQ7O0VBRXZELGtCQUFrQjtFQUNsQix5REFBeUQ7RUFDekQsd0RBQXdEO0VBQ3hELDZEQUE2RDtFQUM3RCw0REFBNEQ7RUFDNUQsNkRBQTZEO0VBQzdELDREQUE0RDtFQUM1RCx1REFBdUQ7RUFDdkQsc0RBQXNEOztFQUV0RCxlQUFlO0VBQ2YsbUdBQW1DO0VBQ25DLGtCQUFzQztFQUN0Qyx5QkFBaUQ7RUFDakQsc0JBQXlDO0VBQ3pDLGtDQUFrQztFQUNsQyxvRUFBb0U7RUFDcEUsa0VBQWtFO0VBQ2xFLHFFQUFxRTtFQUNyRSw4REFBOEQ7RUFDOUQsMkRBQTJEO0VBQzNELDREQUE0RDtFQUM1RCw4REFBOEQ7RUFDOUQsZ0VBQWdFO0VBQ2hFLHFCQUF5Qzs7RUFFekMsa0JBQTRDO0VBQzVDLG9CQUFpRDtFQUNqRCx3QkFBNkM7O0VBRTdDLHlCQUErQztFQUMvQyx1QkFBNkM7O0VBRTdDLFlBQVk7RUFDWix1QkFBNEM7RUFDNUMscUJBQTBDO0VBQzFDLHFCQUF3QztFQUN4QyxxQkFBc0M7RUFDdEMsZ0JBQW9DO0VBQ3BDLGtCQUFvQztFQUNwQyxnQkFBb0M7RUFDcEMsbUJBQXNDO0VBQ3RDLGtCQUF3QztFQUN4QyxxQkFBMEM7RUFDMUMsc0JBQTJDO0VBQzNDLG1CQUFzQztFQUN0QyxrQkFBd0M7RUFDeEMscUJBQTBDOztFQUUxQyx5QkFBK0M7RUFDL0MsbUJBQWlEO0VBQ2pELHNCQUErQztFQUMvQyxpREFBaUQ7O0VBRWpELFdBQVc7RUFDWCxrQ0FBNEQ7RUFDNUQsMkJBQXNEO0VBQ3RELFlBQTRCO0VBQzVCLFlBQTBCO0VBQzFCLFlBQTRCO0VBQzVCLGVBQThCO0VBQzlCLHlCQUF1QztFQUN2Qyx3QkFBcUM7RUFDckMscUJBQXFDO0VBQ3JDLHlCQUFxQztFQUNyQyx5QkFBdUM7O0VBRXZDLFlBQVk7RUFDWiw0QkFBOEM7RUFDOUMsc0JBQTJDO0VBQzNDLHNDQUFzQztFQUN0QyxxREFBcUQ7RUFDckQsMEJBQTBDO0VBQzFDLHNCQUE0QztFQUM1QywwQkFBb0Q7RUFDcEQsZUFBK0I7RUFDL0IscUNBQXFDO0FBQ3ZDOztBQUVBO0VBQ0U7SUFDRSxnQ0FBZ0M7RUFDbEM7QUFDRiIsImZpbGUiOiJjb25zdGFudHMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogc3R5bGVsaW50LWRpc2FibGUgY3VzdG9tLXByb3BlcnR5LXBhdHRlcm4gKi9cblxuLyoqXG4gKiBWYXJpYWJsZXNcbiAqL1xuXG46cm9vdCB7XG4gIC0tX2h1ZS1wcmltYXJ5OiB0b2tlbihcImNvbG91ci5wcmltYXJ5XCIpO1xuICAtLV9odWUtYWNjZW50OiB0b2tlbihcImNvbG91ci5hY2NlbnRcIik7XG4gIC0tX2h1ZS1pbmZvOiB0b2tlbihcImNvbG91ci5pbmZvXCIpO1xuICAtLV9odWUtZXJyb3I6IHRva2VuKFwiY29sb3VyLmVycm9yXCIpO1xuICAtLV9odWUtd2FybmluZzogdG9rZW4oXCJjb2xvdXIud2FybmluZ1wiKTtcbiAgLS1faHVlLXN1Y2Nlc3M6IHRva2VuKFwiY29sb3VyLnN1Y2Nlc3NcIik7XG4gIC0tX2h1ZS1vdXRsaW5lOiB0b2tlbihcInV0aWxpdHkub3V0bGluZS5odWVcIik7XG5cbiAgLyogU3lzdGVtIGNvbG91cnMgKi9cbiAgLS1jb2xvdXItYmFja2dyb3VuZDogdG9rZW4oXCJjb2xvdXIubWFpbi5iZ1wiKTtcbiAgLS1jb2xvdXItYmFja2dyb3VuZC1hbHQ6IHRva2VuKFwiY29sb3VyLm1haW4uYmdBbHRcIik7XG4gIC0tY29sb3VyLWZvcmVncm91bmQ6IHRva2VuKFwiY29sb3VyLm1haW4uZmdcIik7XG4gIC0tY29sb3VyLWZvcmVncm91bmQtYWx0OiB0b2tlbihcImNvbG91ci5tYWluLmZnQWx0XCIpO1xuICAtLWNvbG91ci1ib3JkZXI6IHRva2VuKFwiY29sb3VyLm1haW4uYm9yZGVyXCIpO1xuXG4gIC8qIEJyYW5kIGNvbG9ycyAqL1xuICAtLWNvbG91ci1wcmltYXJ5OiBsY2goNDMlIDEwMCB2YXIoLS1faHVlLXByaW1hcnkpKTtcbiAgLS1jb2xvdXItcHJpbWFyeS1saWdodDogbGNoKDk1JSAxMCB2YXIoLS1faHVlLXByaW1hcnkpKTtcbiAgLS1jb2xvdXItYWNjZW50OiBsY2goNDMlIDEwMCB2YXIoLS1faHVlLWFjY2VudCkpO1xuICAtLWNvbG91ci1hY2NlbnQtbGlnaHQ6IGxjaCg5NSUgMTAgdmFyKC0tX2h1ZS1hY2NlbnQpKTtcblxuICAvKiBSZXZlcnNlIGNvbG9ycyAqL1xuICAtLWNvbG91ci1mb3JlZ3JvdW5kLXJldmVyc2U6IHRva2VuKFwiY29sb3VyLnJldmVyc2UuZmdcIik7XG4gIC0tY29sb3VyLWZvcmVncm91bmQtYWx0LXJldmVyc2U6IHRva2VuKFwiY29sb3VyLnJldmVyc2UuZmdBbHRcIik7XG4gIC0tY29sb3VyLWJhY2tncm91bmQtcmV2ZXJzZTogdG9rZW4oXCJjb2xvdXIucmV2ZXJzZS5iZ1wiKTtcbiAgLS1jb2xvdXItYm9yZGVyLXJldmVyc2U6IHRva2VuKFwiY29sb3VyLnJldmVyc2UuYm9yZGVyXCIpO1xuXG4gIC8qIFN0YXRlIGNvbG91cnMgKi9cbiAgLS1jb2xvdXItZXJyb3ItZm9yZWdyb3VuZDogbGNoKDQwJSAxMDAgdmFyKC0tX2h1ZS1lcnJvcikpO1xuICAtLWNvbG91ci1lcnJvci1iYWNrZ3JvdW5kOiBsY2goOTUlIDEwIHZhcigtLV9odWUtZXJyb3IpKTtcbiAgLS1jb2xvdXItc3VjY2Vzcy1mb3JlZ3JvdW5kOiBsY2goNDUlIDEwMCB2YXIoLS1faHVlLXN1Y2Nlc3MpKTtcbiAgLS1jb2xvdXItc3VjY2Vzcy1iYWNrZ3JvdW5kOiBsY2goOTUlIDEwIHZhcigtLV9odWUtc3VjY2VzcykpO1xuICAtLWNvbG91ci13YXJuaW5nLWZvcmVncm91bmQ6IGxjaCg0NiUgMTAwIHZhcigtLV9odWUtd2FybmluZykpO1xuICAtLWNvbG91ci13YXJuaW5nLWJhY2tncm91bmQ6IGxjaCg5NSUgMTAgdmFyKC0tX2h1ZS13YXJuaW5nKSk7XG4gIC0tY29sb3VyLWluZm8tZm9yZWdyb3VuZDogbGNoKDQzJSAxMDAgdmFyKC0tX2h1ZS1pbmZvKSk7XG4gIC0tY29sb3VyLWluZm8tYmFja2dyb3VuZDogbGNoKDk1JSAxMCB2YXIoLS1faHVlLWluZm8pKTtcblxuICAvKiBUeXBvZ3JhcGh5ICovXG4gIC0tZm9udC1mYW1pbHk6IHRva2VuKFwiZm9udC5mYW1pbHlcIik7XG4gIC0tdHlwZS1yYXRpbzogdG9rZW4oXCJmb250LnNpemUucmF0aW9cIik7XG4gIC0tdHlwZS1yYXRpby1zbWFsbDogdG9rZW4oXCJmb250LnNpemUucmF0aW9TbWFsbFwiKTtcbiAgLS1iYXNlLWZvbnQtc2l6ZTogdG9rZW4oXCJmb250LnNpemUuYmFzZVwiKTtcbiAgLS1mb250LXNpemU6IHZhcigtLWJhc2UtZm9udC1zaXplKTtcbiAgLS1mb250LXNpemUtczogY2FsYyh2YXIoLS1iYXNlLWZvbnQtc2l6ZSkgLyB2YXIoLS10eXBlLXJhdGlvLXNtYWxsKSk7XG4gIC0tZm9udC1zaXplLXhzOiBjYWxjKHZhcigtLWZvbnQtc2l6ZS1zKSAvIHZhcigtLXR5cGUtcmF0aW8tc21hbGwpKTtcbiAgLS1mb250LXNpemUtc206IGNhbGModmFyKC0tYmFzZS1mb250LXNpemUpICogdmFyKC0tdHlwZS1yYXRpby1zbWFsbCkpO1xuICAtLWZvbnQtc2l6ZS1tOiBjYWxjKHZhcigtLWJhc2UtZm9udC1zaXplKSAqIHZhcigtLXR5cGUtcmF0aW8pKTtcbiAgLS1mb250LXNpemUtbDogY2FsYyh2YXIoLS1mb250LXNpemUtbSkgKiB2YXIoLS10eXBlLXJhdGlvKSk7XG4gIC0tZm9udC1zaXplLXhsOiBjYWxjKHZhcigtLWZvbnQtc2l6ZS1sKSAqIHZhcigtLXR5cGUtcmF0aW8pKTtcbiAgLS1mb250LXNpemUteHhsOiBjYWxjKHZhcigtLWZvbnQtc2l6ZS14bCkgKiB2YXIoLS10eXBlLXJhdGlvKSk7XG4gIC0tZm9udC1zaXplLXh4eGw6IGNhbGModmFyKC0tZm9udC1zaXplLXh4bCkgKiB2YXIoLS10eXBlLXJhdGlvKSk7XG4gIC0tZm9udC1zaXplLWRpZmY6IHRva2VuKFwiZm9udC5zaXplLmRpZmZcIik7XG5cbiAgLS1saW5lLWhlaWdodDogdG9rZW4oXCJmb250LmxpbmVIZWlnaHQubWFpblwiKTtcbiAgLS1saW5lLWhlaWdodC1oOiB0b2tlbihcImZvbnQubGluZUhlaWdodC5oZWFkaW5nXCIpO1xuICAtLWxpbmUtaGVpZ2h0LXVpOiB0b2tlbihcImZvbnQubGluZUhlaWdodC51aVwiKTtcblxuICAtLWZvbnQtd2VpZ2h0LW5vcm1hbDogdG9rZW4oXCJmb250LndlaWdodC5tYWluXCIpO1xuICAtLWZvbnQtd2VpZ2h0LWJvbGQ6IHRva2VuKFwiZm9udC53ZWlnaHQuYm9sZFwiKTtcblxuICAvKiBTcGFjaW5nICovXG4gIC0tc3BhY2luZy14eHh4czogdG9rZW4oXCJzaXplLnNwYWNpbmcueHh4eHNcIik7XG4gIC0tc3BhY2luZy14eHhzOiB0b2tlbihcInNpemUuc3BhY2luZy54eHhzXCIpO1xuICAtLXNwYWNpbmcteHhzOiB0b2tlbihcInNpemUuc3BhY2luZy54eHNcIik7XG4gIC0tc3BhY2luZy14czogdG9rZW4oXCJzaXplLnNwYWNpbmcueHNcIik7XG4gIC0tc3BhY2luZy1zOiB0b2tlbihcInNpemUuc3BhY2luZy5zXCIpO1xuICAtLXNwYWNpbmctbTogdG9rZW4oXCJzaXplLnNwYWNpbmcubVwiKTtcbiAgLS1zcGFjaW5nLWw6IHRva2VuKFwic2l6ZS5zcGFjaW5nLmxcIik7XG4gIC0tc3BhY2luZy14bDogdG9rZW4oXCJzaXplLnNwYWNpbmcueGxcIik7XG4gIC0tc3BhY2luZy14eGw6IHRva2VuKFwic2l6ZS5zcGFjaW5nLnh4bFwiKTtcbiAgLS1zcGFjaW5nLXh4eGw6IHRva2VuKFwic2l6ZS5zcGFjaW5nLnh4eGxcIik7XG4gIC0tc3BhY2luZy14eHh4bDogdG9rZW4oXCJzaXplLnNwYWNpbmcueHh4bFwiKTtcbiAgLS1zcGFjaW5nLXVsOiB0b2tlbihcInNpemUuc3BhY2luZy51bFwiKTtcbiAgLS1zcGFjaW5nLXV1bDogdG9rZW4oXCJzaXplLnNwYWNpbmcudXVsXCIpO1xuICAtLXNwYWNpbmctdXV1bDogdG9rZW4oXCJzaXplLnNwYWNpbmcudXV1bFwiKTtcblxuICAtLW91dGxpbmUtd2lkdGg6IHRva2VuKFwidXRpbGl0eS5vdXRsaW5lLndpZHRoXCIpO1xuICAtLW91dGxpbmUtb2Zmc2V0OiB0b2tlbihcInV0aWxpdHkub3V0bGluZS5vZmZzZXRcIik7XG4gIC0tb3V0bGluZS1zdHlsZTogdG9rZW4oXCJ1dGlsaXR5Lm91dGxpbmUuc3R5bGVcIik7XG4gIC0tb3V0bGluZS1jb2xvcjogbGNoKDQ1JSAxMDAgdmFyKC0tX2h1ZS1vdXRsaW5lKSk7XG5cbiAgLyogTGF5b3V0ICovXG4gIC0tY29udGFpbmVyLW1heC13aWR0aC1uYXJyb3c6IHRva2VuKFwic2l6ZS5jb250YWluZXIubmFycm93XCIpO1xuICAtLWNvbnRhaW5lci1tYXgtd2lkdGg6IHRva2VuKFwic2l6ZS5jb250YWluZXIuYWxpZ25lZFwiKTtcbiAgLS1nYXAtczogdG9rZW4oXCJzaXplLmdhcC5zXCIpO1xuICAtLWdhcDogdG9rZW4oXCJzaXplLmdhcC5tXCIpO1xuICAtLWdhcC1sOiB0b2tlbihcInNpemUuZ2FwLmxcIik7XG4gIC0tZ2FwLXhsOiB0b2tlbihcInNpemUuZ2FwLnhsXCIpO1xuICAtLWJyZWFrcG9pbnQteHM6IHRva2VuKFwiYnJlYWtwb2ludC54c1wiKTtcbiAgLS1icmVha3BvaW50LXM6IHRva2VuKFwiYnJlYWtwb2ludC5zXCIpO1xuICAtLWJyZWFrcG9pbnQtbTogdG9rZW4oXCJicmVha3BvaW50Lm1cIik7XG4gIC0tYnJlYWtwb2ludC1sOiB0b2tlbihcImJyZWFrcG9pbnQubFwiKTtcbiAgLS1icmVha3BvaW50LXhsOiB0b2tlbihcImJyZWFrcG9pbnQueGxcIik7XG5cbiAgLyogVXRpbGl0eSAqL1xuICAtLXNoYWRvdy1jb2xvcjogdG9rZW4oXCJ1dGlsaXR5LnNoYWRvdy5jb2xvdXJcIik7XG4gIC0tc2hhZG93LXNpemU6IHRva2VuKFwidXRpbGl0eS5zaGFkb3cuc2l6ZVwiKTtcbiAgLS1zaGFkb3ctc2hhcGU6IDAgMCB2YXIoLS1zaGFkb3ctc2l6ZSk7XG4gIC0tYm94LXNoYWRvdzogdmFyKC0tc2hhZG93LXNoYXBlKSB2YXIoLS1zaGFkb3ctY29sb3IpO1xuICAtLWJvcmRlci1yYWRpdXM6IHRva2VuKFwidXRpbGl0eS5yYWRpdXMubVwiKTtcbiAgLS1ib3JkZXItcmFkaXVzLWw6IHRva2VuKFwidXRpbGl0eS5yYWRpdXMubFwiKTtcbiAgLS1ib3JkZXItcmFkaXVzLXJvdW5kOiB0b2tlbihcInV0aWxpdHkucmFkaXVzLnJvdW5kXCIpO1xuICAtLXJhdGlvOiB0b2tlbihcInV0aWxpdHkucmF0aW9cIik7XG4gIC0tZWFzZTogY3ViaWMtYmV6aWVyKDAuMjUsIDAsIDAuMywgMSk7XG59XG5cbkBtZWRpYSAoLS1tZWRpdW0tZG93bikge1xuICA6cm9vdCB7XG4gICAgLS1zZWN0aW9uLXhsOiB2YXIoLS1zcGFjaW5nLXh4bCk7XG4gIH1cbn1cbiJdfQ== */
+@property --schemed{syntax: "light | dark"; inherits: false; initial-value: light;}:root{--_hue-primary: 260;--_hue-accent: 320;--_hue-info: 260;--_hue-error: 20;--_hue-warning: 90;--_hue-success: 140;--_hue-outline: 260;--colour-primary: oklch(50% .3 var(--_hue-primary));--colour-primary-light: color-mix(in oklch, var(--colour-primary), white 90%);--colour-accent: oklch(50% .3 var(--_hue-accent));--colour-accent-light: color-mix(in oklch, var(--colour-accent), white 90%);--color-scheme: light;color-scheme:light;color-scheme:var(--color-scheme);--colour-background: light-dark( rgb(255, 255, 255), rgb(0, 0, 0) );--colour-background-alt: light-dark( rgb(238, 238, 238), rgb(34, 34, 34) );--colour-foreground: light-dark( rgb(0, 0, 0), rgb(255, 255, 255) );--colour-foreground-alt: light-dark( rgb(34, 34, 34), rgb(238, 238, 238) );--colour-border: light-dark( rgb(222, 222, 222), rgb(34, 34, 34) );--colour-link: light-dark(var(--colour-primary), var(--colour-primary-light));--colour-foreground-reverse: light-dark( rgb(255, 255, 255), rgb(0, 0, 0) );--colour-background-reverse: light-dark( rgb(0, 0, 0), rgb(255, 255, 255) );--colour-error: oklch(45% .3 var(--_hue-error));--colour-success: oklch(50% .3 var(--_hue-success));--colour-warning: oklch(55% .3 var(--_hue-warning));--colour-info: oklch(50% .3 var(--_hue-info));--font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;--type-ratio: 1.25;--type-ratio-small: 1.125;--base-font-size: 1rem;--font-size: var(--base-font-size);--font-size-s: calc(var(--base-font-size) / var(--type-ratio-small));--font-size-xs: calc(var(--font-size-s) / var(--type-ratio-small));--font-size-sm: calc(var(--base-font-size) * var(--type-ratio-small));--font-size-m: calc(var(--base-font-size) * var(--type-ratio));--font-size-l: calc(var(--font-size-m) * var(--type-ratio));--font-size-xl: calc(var(--font-size-l) * var(--type-ratio));--font-size-xxl: calc(var(--font-size-xl) * var(--type-ratio));--font-size-xxxl: calc(var(--font-size-xxl) * var(--type-ratio));--font-size-diff: .3;--line-height: 1.6;--line-height-h: 1.2;--line-height-ui: .9rem;--font-weight-normal: 400;--font-weight-bold: 700;--spacing-xxxxs: .25em;--spacing-xxxs: .5em;--spacing-xxs: .75em;--spacing-xs: .875em;--spacing-s: 1em;--spacing-m: 1.5em;--spacing-l: 2em;--spacing-xl: 2.5em;--spacing-xxl: 3em;--spacing-xxxl: 3.5em;--spacing-xxxxl: 3.5em;--spacing-ul: 4.5em;--spacing-uul: 5em;--spacing-uuul: 5.5em;--outline-width: .125rem;--outline-style: solid;--_colour-outline: oklch(50% .3 var(--_hue-outline));--outline-color: light-dark( var(--colour-outline), color-mix(in oklch, var(--colour-outline), white 90%) );--container-max-width-narrow: 58ch;--container-max-width: 76ch;--gap-s: 1em;--gap: 1.5em;--gap-l: 2em;--gap-xl: 2.5em;--breakpoint-xs: 26.25rem;--breakpoint-s: 33.75rem;--breakpoint-m: 45rem;--breakpoint-l: 59.125rem;--breakpoint-xl: 68.75rem;--shadow-color: rgb(34, 34, 34);--shadow-size: .875em;--shadow-shape: 0 0 var(--shadow-size);--box-shadow: var(--shadow-shape) var(--shadow-color);--border-radius: .1875rem;--border-radius-l: 2em;--border-radius-round: 50%;--ratio: 16 / 9;--ease: cubic-bezier(.25, 0, .3, 1)}@media (max-width: 719.98px){:root{--section-xl: var(--spacing-xxl)}}