@pnx-mixtape/mxds 0.0.28 → 0.0.30

package/dist/build/chunks/popover-Dk48Vm_U.js

@@ -0,0 +1,407 @@
+var ToggleEvent = class extends Event {
+	oldState;
+	newState;
+	constructor(e, { oldState: t = "", newState: n = "", ...r } = {}) {
+		super(e, r), this.oldState = String(t || ""), this.newState = String(n || "");
+	}
+}, popoverToggleTaskQueue = /* @__PURE__ */ new WeakMap();
+function queuePopoverToggleEventTask(n, r, i) {
+	popoverToggleTaskQueue.set(n, setTimeout(() => {
+		popoverToggleTaskQueue.has(n) && n.dispatchEvent(new ToggleEvent("toggle", {
+			cancelable: !1,
+			oldState: r,
+			newState: i
+		}));
+	}, 0));
+}
+var ShadowRoot = globalThis.ShadowRoot || function() {}, HTMLDialogElement = globalThis.HTMLDialogElement || function() {}, topLayerElements = /* @__PURE__ */ new WeakMap(), autoPopoverList = /* @__PURE__ */ new WeakMap(), hintPopoverList = /* @__PURE__ */ new WeakMap(), visibilityState = /* @__PURE__ */ new WeakMap();
+function getPopoverVisibilityState(e) {
+	return visibilityState.get(e) || "hidden";
+}
+var popoverInvoker = /* @__PURE__ */ new WeakMap();
+function lastSetElement(e) {
+	return [...e].pop();
+}
+function popoverTargetAttributeActivationBehavior(e) {
+	let t = e.popoverTargetElement;
+	if (!(t instanceof HTMLElement)) return;
+	let n = getPopoverVisibilityState(t);
+	e.popoverTargetAction === "show" && n === "showing" || e.popoverTargetAction === "hide" && n === "hidden" || (n === "showing" ? hidePopover(t, !0, !0) : checkPopoverValidity(t, !1) && (popoverInvoker.set(t, e), showPopover(t)));
+}
+function checkPopoverValidity(e, t) {
+	return !(e.popover !== "auto" && e.popover !== "manual" && e.popover !== "hint" || !e.isConnected || t && getPopoverVisibilityState(e) !== "showing" || !t && getPopoverVisibilityState(e) !== "hidden" || e instanceof HTMLDialogElement && e.hasAttribute("open") || document.fullscreenElement === e);
+}
+function getStackPosition(e) {
+	if (!e) return 0;
+	let t = autoPopoverList.get(document) || /* @__PURE__ */ new Set(), n = hintPopoverList.get(document) || /* @__PURE__ */ new Set();
+	return n.has(e) ? [...n].indexOf(e) + t.size + 1 : t.has(e) ? [...t].indexOf(e) + 1 : 0;
+}
+function topMostClickedPopover(e) {
+	let t = nearestInclusiveOpenPopover(e), n = nearestInclusiveTargetPopoverForInvoker(e);
+	return getStackPosition(t) > getStackPosition(n) ? t : n;
+}
+function topmostAutoOrHintPopover(e) {
+	let t, n = hintPopoverList.get(e) || /* @__PURE__ */ new Set(), r = autoPopoverList.get(e) || /* @__PURE__ */ new Set(), i = n.size > 0 ? n : r.size > 0 ? r : null;
+	return i ? (t = lastSetElement(i), t.isConnected ? t : (i.delete(t), topmostAutoOrHintPopover(e))) : null;
+}
+function topMostPopoverInList(e) {
+	for (let t of e || []) if (!t.isConnected) e.delete(t);
+	else return t;
+	return null;
+}
+function getRootNode(e) {
+	return typeof e.getRootNode == "function" ? e.getRootNode() : e.parentNode ? getRootNode(e.parentNode) : e;
+}
+function nearestInclusiveOpenPopover(e) {
+	for (; e;) {
+		if (e instanceof HTMLElement && e.popover === "auto" && visibilityState.get(e) === "showing") return e;
+		if (e = e instanceof Element && e.assignedSlot || e.parentElement || getRootNode(e), e instanceof ShadowRoot && (e = e.host), e instanceof Document) return;
+	}
+}
+function nearestInclusiveTargetPopoverForInvoker(e) {
+	for (; e;) {
+		let t = e.popoverTargetElement;
+		if (t instanceof HTMLElement) return t;
+		if (e = e.parentElement || getRootNode(e), e instanceof ShadowRoot && (e = e.host), e instanceof Document) return;
+	}
+}
+function topMostPopoverAncestor(e, t) {
+	let n = /* @__PURE__ */ new Map(), r = 0;
+	for (let e of t || []) n.set(e, r), r += 1;
+	n.set(e, r), r += 1;
+	let i = null;
+	function a(t) {
+		if (!t) return;
+		let r = !1, a = null, o = null;
+		for (; !r;) {
+			if (a = nearestInclusiveOpenPopover(t) || null, a === null || !n.has(a)) return;
+			(e.popover === "hint" || a.popover === "auto") && (r = !0), r || (t = a.parentElement);
+		}
+		o = n.get(a), (i === null || n.get(i) < o) && (i = a);
+	}
+	return a(e.parentElement || getRootNode(e)), i;
+}
+function isFocusable(e) {
+	return e.hidden || e instanceof ShadowRoot || (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 && e.type === "hidden" || e instanceof HTMLAnchorElement && e.href === "" ? !1 : typeof e.tabIndex == "number" && e.tabIndex !== -1;
+}
+function focusDelegate(e) {
+	if (e.shadowRoot && e.shadowRoot.delegatesFocus !== !0) return null;
+	let t = e;
+	t.shadowRoot && (t = t.shadowRoot);
+	let n = t.querySelector("[autofocus]");
+	if (n) return n;
+	{
+		let e = t.querySelectorAll("slot");
+		for (let t of e) {
+			let e = t.assignedElements({ flatten: !0 });
+			for (let t of e) if (t.hasAttribute("autofocus")) return t;
+			else if (n = t.querySelector("[autofocus]"), n) return n;
+		}
+	}
+	let r = e.ownerDocument.createTreeWalker(t, NodeFilter.SHOW_ELEMENT), i = r.currentNode;
+	for (; i;) {
+		if (isFocusable(i)) return i;
+		i = r.nextNode();
+	}
+}
+function popoverFocusingSteps(e) {
+	var t;
+	(t = focusDelegate(e)) == null || t.focus();
+}
+var previouslyFocusedElements = /* @__PURE__ */ new WeakMap();
+function showPopover(t) {
+	if (!checkPopoverValidity(t, !1)) return;
+	let r = t.ownerDocument;
+	if (!t.dispatchEvent(new ToggleEvent("beforetoggle", {
+		cancelable: !0,
+		oldState: "closed",
+		newState: "open"
+	})) || !checkPopoverValidity(t, !1)) return;
+	let i = !1, c = t.popover, l = null, u = topMostPopoverAncestor(t, autoPopoverList.get(r) || /* @__PURE__ */ new Set()), d = topMostPopoverAncestor(t, hintPopoverList.get(r) || /* @__PURE__ */ new Set());
+	if (c === "auto" && (closeAllOpenPopoversInList(hintPopoverList.get(r) || /* @__PURE__ */ new Set(), i, !0), hideAllPopoversUntil(u || r, i, !0), l = "auto"), c === "hint" && (d ? (hideAllPopoversUntil(d, i, !0), l = "hint") : (closeAllOpenPopoversInList(hintPopoverList.get(r) || /* @__PURE__ */ new Set(), i, !0), u ? (hideAllPopoversUntil(u, i, !0), l = "auto") : l = "hint")), c === "auto" || c === "hint") {
+		if (c !== t.popover || !checkPopoverValidity(t, !1)) return;
+		topmostAutoOrHintPopover(r) || (i = !0), l === "auto" ? (autoPopoverList.has(r) || autoPopoverList.set(r, /* @__PURE__ */ new Set()), autoPopoverList.get(r).add(t)) : l === "hint" && (hintPopoverList.has(r) || hintPopoverList.set(r, /* @__PURE__ */ new Set()), hintPopoverList.get(r).add(t));
+	}
+	previouslyFocusedElements.delete(t);
+	let f = r.activeElement;
+	t.classList.add(":popover-open"), visibilityState.set(t, "showing"), topLayerElements.has(r) || topLayerElements.set(r, /* @__PURE__ */ new Set()), topLayerElements.get(r).add(t), setInvokerAriaExpanded(popoverInvoker.get(t), !0), popoverFocusingSteps(t), i && f && t.popover === "auto" && previouslyFocusedElements.set(t, f), queuePopoverToggleEventTask(t, "closed", "open");
+}
+function hidePopover(t, r = !1, i = !1) {
+	var c, u;
+	if (!checkPopoverValidity(t, !0)) return;
+	let d = t.ownerDocument;
+	if (["auto", "hint"].includes(t.popover) && (hideAllPopoversUntil(t, r, i), !checkPopoverValidity(t, !0))) return;
+	let f = autoPopoverList.get(d) || /* @__PURE__ */ new Set(), p = f.has(t) && lastSetElement(f) === t;
+	if (setInvokerAriaExpanded(popoverInvoker.get(t), !1), popoverInvoker.delete(t), i && (t.dispatchEvent(new ToggleEvent("beforetoggle", {
+		oldState: "open",
+		newState: "closed"
+	})), p && lastSetElement(f) !== t && hideAllPopoversUntil(t, r, i), !checkPopoverValidity(t, !0))) return;
+	(c = topLayerElements.get(d)) == null || c.delete(t), f.delete(t), (u = hintPopoverList.get(d)) == null || u.delete(t), t.classList.remove(":popover-open"), visibilityState.set(t, "hidden"), i && queuePopoverToggleEventTask(t, "open", "closed");
+	let m = previouslyFocusedElements.get(t);
+	m && (previouslyFocusedElements.delete(t), r && m.focus());
+}
+function closeAllOpenPopovers(e, t = !1, n = !1) {
+	let r = topmostAutoOrHintPopover(e);
+	for (; r;) hidePopover(r, t, n), r = topmostAutoOrHintPopover(e);
+}
+function closeAllOpenPopoversInList(e, t = !1, n = !1) {
+	let r = topMostPopoverInList(e);
+	for (; r;) hidePopover(r, t, n), r = topMostPopoverInList(e);
+}
+function hidePopoverStackUntil(e, t, n, r) {
+	let i = !1, a = !1;
+	for (; i || !a;) {
+		a = !0;
+		let o = null, s = !1;
+		for (let n of t) if (n === e) s = !0;
+		else if (s) {
+			o = n;
+			break;
+		}
+		if (!o) return;
+		for (; getPopoverVisibilityState(o) === "showing" && t.size;) hidePopover(lastSetElement(t), n, r);
+		t.has(e) && lastSetElement(t) !== e && (i = !0), i && (r = !1);
+	}
+}
+function hideAllPopoversUntil(e, t, n) {
+	let r = e.ownerDocument || e;
+	if (e instanceof Document) return closeAllOpenPopovers(r, t, n);
+	if (hintPopoverList.get(r)?.has(e)) {
+		hidePopoverStackUntil(e, hintPopoverList.get(r), t, n);
+		return;
+	}
+	closeAllOpenPopoversInList(hintPopoverList.get(r) || /* @__PURE__ */ new Set(), t, n), autoPopoverList.get(r)?.has(e) && hidePopoverStackUntil(e, autoPopoverList.get(r), t, n);
+}
+var popoverPointerDownTargets = /* @__PURE__ */ new WeakMap();
+function lightDismissOpenPopovers(e) {
+	if (!e.isTrusted) return;
+	let t = e.composedPath()[0];
+	if (!t) return;
+	let n = t.ownerDocument;
+	if (!topmostAutoOrHintPopover(n)) return;
+	let r = topMostClickedPopover(t);
+	if (r && e.type === "pointerdown") popoverPointerDownTargets.set(n, r);
+	else if (e.type === "pointerup") {
+		let e = popoverPointerDownTargets.get(n) === r;
+		popoverPointerDownTargets.delete(n), e && hideAllPopoversUntil(r || n, !1, !0);
+	}
+}
+var initialAriaExpandedValue = /* @__PURE__ */ new WeakMap();
+function setInvokerAriaExpanded(e, t = !1) {
+	if (!e) return;
+	initialAriaExpandedValue.has(e) || initialAriaExpandedValue.set(e, e.getAttribute("aria-expanded"));
+	let n = e.popoverTargetElement;
+	if (n instanceof HTMLElement && n.popover === "auto") e.setAttribute("aria-expanded", String(t));
+	else {
+		let t = initialAriaExpandedValue.get(e);
+		t ? e.setAttribute("aria-expanded", t) : e.removeAttribute("aria-expanded");
+	}
+}
+var ShadowRoot2 = globalThis.ShadowRoot || function() {};
+function isSupported() {
+	return typeof HTMLElement < "u" && typeof HTMLElement.prototype == "object" && "popover" in HTMLElement.prototype;
+}
+function patchSelectorFn(e, t, n) {
+	let r = e[t];
+	Object.defineProperty(e, t, { value(e) {
+		return r.call(this, n(e));
+	} });
+}
+var nonEscapedPopoverSelector = /(^|[^\\]):popover-open\b/g;
+function hasLayerSupport() {
+	return typeof globalThis.CSSLayerBlockRule == "function";
+}
+function getStyles() {
+	let e = hasLayerSupport();
+	return `
+${e ? "@layer popover-polyfill {" : ""}
+  :where([popover]) {
+    position: fixed;
+    z-index: 2147483647;
+    inset: 0;
+    padding: 0.25em;
+    width: fit-content;
+    height: fit-content;
+    border-width: initial;
+    border-color: initial;
+    border-image: initial;
+    border-style: solid;
+    background-color: canvas;
+    color: canvastext;
+    overflow: auto;
+    margin: auto;
+  }
+
+  :where([popover]:not(.\\:popover-open)) {
+    display: none;
+  }
+
+  :where(dialog[popover].\\:popover-open) {
+    display: block;
+  }
+
+  :where(dialog[popover][open]) {
+    display: revert;
+  }
+
+  :where([anchor].\\:popover-open) {
+    inset: auto;
+  }
+
+  :where([anchor]:popover-open) {
+    inset: auto;
+  }
+
+  @supports not (background-color: canvas) {
+    :where([popover]) {
+      background-color: white;
+      color: black;
+    }
+  }
+
+  @supports (width: -moz-fit-content) {
+    :where([popover]) {
+      width: -moz-fit-content;
+      height: -moz-fit-content;
+    }
+  }
+
+  @supports not (inset: 0) {
+    :where([popover]) {
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+    }
+  }
+${e ? "}" : ""}
+`;
+}
+var popoverStyleSheet = null;
+function injectStyles(e) {
+	let t = getStyles();
+	if (popoverStyleSheet === null) try {
+		popoverStyleSheet = new CSSStyleSheet(), popoverStyleSheet.replaceSync(t);
+	} catch {
+		popoverStyleSheet = !1;
+	}
+	if (popoverStyleSheet === !1) {
+		let n = document.createElement("style");
+		n.textContent = t, e instanceof Document ? e.head.prepend(n) : e.prepend(n);
+	} else e.adoptedStyleSheets = [popoverStyleSheet, ...e.adoptedStyleSheets];
+}
+function apply() {
+	if (typeof window > "u") return;
+	window.ToggleEvent = window.ToggleEvent || ToggleEvent;
+	function t(e) {
+		return e?.includes(":popover-open") && (e = e.replace(nonEscapedPopoverSelector, "$1.\\:popover-open")), e;
+	}
+	patchSelectorFn(Document.prototype, "querySelector", t), patchSelectorFn(Document.prototype, "querySelectorAll", t), patchSelectorFn(Element.prototype, "querySelector", t), patchSelectorFn(Element.prototype, "querySelectorAll", t), patchSelectorFn(Element.prototype, "matches", t), patchSelectorFn(Element.prototype, "closest", t), patchSelectorFn(DocumentFragment.prototype, "querySelectorAll", t), Object.defineProperties(HTMLElement.prototype, {
+		popover: {
+			enumerable: !0,
+			configurable: !0,
+			get() {
+				if (!this.hasAttribute("popover")) return null;
+				let e = (this.getAttribute("popover") || "").toLowerCase();
+				return e === "" || e == "auto" ? "auto" : e == "hint" ? "hint" : "manual";
+			},
+			set(e) {
+				e === null ? this.removeAttribute("popover") : this.setAttribute("popover", e);
+			}
+		},
+		showPopover: {
+			enumerable: !0,
+			configurable: !0,
+			value(e = {}) {
+				showPopover(this);
+			}
+		},
+		hidePopover: {
+			enumerable: !0,
+			configurable: !0,
+			value() {
+				hidePopover(this, !0, !0);
+			}
+		},
+		togglePopover: {
+			enumerable: !0,
+			configurable: !0,
+			value(e = {}) {
+				return typeof e == "boolean" && (e = { force: e }), visibilityState.get(this) === "showing" && e.force === void 0 || e.force === !1 ? hidePopover(this, !0, !0) : (e.force === void 0 || e.force === !0) && showPopover(this), visibilityState.get(this) === "showing";
+			}
+		}
+	});
+	let n = Element.prototype.attachShadow;
+	n && Object.defineProperties(Element.prototype, { attachShadow: {
+		enumerable: !0,
+		configurable: !0,
+		writable: !0,
+		value(e) {
+			let t = n.call(this, e);
+			return injectStyles(t), t;
+		}
+	} });
+	let r = HTMLElement.prototype.attachInternals;
+	r && Object.defineProperties(HTMLElement.prototype, { attachInternals: {
+		enumerable: !0,
+		configurable: !0,
+		writable: !0,
+		value() {
+			let e = r.call(this);
+			return e.shadowRoot && injectStyles(e.shadowRoot), e;
+		}
+	} });
+	let i = /* @__PURE__ */ new WeakMap();
+	function a(e) {
+		Object.defineProperties(e.prototype, {
+			popoverTargetElement: {
+				enumerable: !0,
+				configurable: !0,
+				set(e) {
+					if (e === null) this.removeAttribute("popovertarget"), i.delete(this);
+					else if (e instanceof Element) this.setAttribute("popovertarget", ""), i.set(this, e);
+					else throw TypeError("popoverTargetElement must be an element or null");
+				},
+				get() {
+					if (this.localName !== "button" && this.localName !== "input" || this.localName === "input" && this.type !== "reset" && this.type !== "image" && this.type !== "button" || this.disabled || this.form && this.type === "submit") return null;
+					let e = i.get(this);
+					if (e && e.isConnected) return e;
+					if (e && !e.isConnected) return i.delete(this), null;
+					let t = getRootNode(this), n = this.getAttribute("popovertarget");
+					return (t instanceof Document || t instanceof ShadowRoot2) && n && t.getElementById(n) || null;
+				}
+			},
+			popoverTargetAction: {
+				enumerable: !0,
+				configurable: !0,
+				get() {
+					let e = (this.getAttribute("popovertargetaction") || "").toLowerCase();
+					return e === "show" || e === "hide" ? e : "toggle";
+				},
+				set(e) {
+					this.setAttribute("popovertargetaction", e);
+				}
+			}
+		});
+	}
+	a(HTMLButtonElement), a(HTMLInputElement);
+	let o = (e) => {
+		if (e.defaultPrevented) return;
+		let t = e.composedPath(), n = t[0];
+		if (!(n instanceof Element) || n?.shadowRoot) return;
+		let r = getRootNode(n);
+		if (!(r instanceof ShadowRoot2 || r instanceof Document)) return;
+		let i = t.find((e) => e.matches?.call(e, "[popovertargetaction],[popovertarget]"));
+		if (i) {
+			popoverTargetAttributeActivationBehavior(i), e.preventDefault();
+			return;
+		}
+	}, s = (e) => {
+		let t = e.key, n = e.target;
+		!e.defaultPrevented && n && (t === "Escape" || t === "Esc") && hideAllPopoversUntil(n.ownerDocument, !0, !0);
+	};
+	((e) => {
+		e.addEventListener("click", o), e.addEventListener("keydown", s), e.addEventListener("pointerdown", lightDismissOpenPopovers), e.addEventListener("pointerup", lightDismissOpenPopovers);
+	})(document), injectStyles(document);
+}
+isSupported() || apply();

package/dist/build/constants.css

@@ -1 +1 @@
-@property --scheme{syntax: "light | dark"; inherits: true; initial-value: light;}@layer design-system.defaults{:root{--colour-primary: hsl(223, 100%, 50%);--colour-primary-light: color-mix(in oklch, var(--colour-primary), white 90%);--colour-primary-lighter: color-mix(in oklch, var(--colour-primary), white 20%);--colour-primary-darker: color-mix(in oklch, var(--colour-primary), black 10%);--colour-primary-scheme: dark;--colour-accent: hsl(60, 94%, 68%);--colour-accent-light: color-mix(in oklch, var(--colour-accent), white 90%);--colour-accent-lighter: color-mix(in oklch, var(--colour-accent), white 20%);--colour-accent-darker: color-mix(in oklch, var(--colour-accent), black 10%);--colour-accent-scheme: light;--colour-scheme: light;color-scheme:var(--scheme);--colour-background: light-dark(hsl(0, 0%, 100%), hsl(60, 30%, 6%));--colour-background-alt: light-dark(hsl(60, 30%, 95%), hsl(0, 0%, 5%));--colour-foreground: light-dark(hsl(60, 30%, 6%), hsl(0, 0%, 100%));--colour-foreground-alt: light-dark(hsl(60, 30%, 20%), hsl(60, 5%, 60%));--colour-border: light-dark(hsl(60, 5%, 85%), hsl(0, 0%, 20%));--colour-link: light-dark(var(--colour-primary), var(--colour-primary-light));--colour-foreground-reverse: light-dark(hsl(0, 0%, 100%), hsl(60, 30%, 6%));--colour-background-reverse: light-dark(hsl(60, 30%, 6%), hsl(0, 0%, 100%));--colour-reverse-scheme: dark;--colour-error: hsl(348, 100%, 33%);--colour-success: hsl(120, 100%, 26%);--colour-warning: hsl(35, 100%, 32%);--colour-info: hsl(223, 100%, 50%);--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: max(1rem, 16px);--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-size: .125rem;--outline-style: solid;--_colour-outline: hsl(223, 100%, 50%);--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;--gutter-min: 1em;--gutter-max: 2em;--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: hsla(0, 0%, 13%, .15);--shadow-size: .875em;--shadow-shape: 0 0 var(--shadow-size);--box-shadow: var(--shadow-shape) var(--shadow-color);--border-radius: .25rem;--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)}}}
+@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@property --scheme{syntax: "light | dark"; inherits: true; initial-value: light;}@layer design-system.defaults{:root{--colour-primary: hsl(223, 100%, 50%);--colour-primary-light: color-mix(in oklch, var(--colour-primary), white 90%);--colour-primary-lighter: color-mix(in oklch, var(--colour-primary), white 20%);--colour-primary-darker: color-mix(in oklch, var(--colour-primary), black 10%);--colour-primary-scheme: dark;--colour-accent: hsl(60, 94%, 68%);--colour-accent-light: color-mix(in oklch, var(--colour-accent), white 90%);--colour-accent-lighter: color-mix(in oklch, var(--colour-accent), white 20%);--colour-accent-darker: color-mix(in oklch, var(--colour-accent), black 10%);--colour-accent-scheme: light;--colour-scheme: light;color-scheme:var(--scheme);--colour-background: light-dark(hsl(0, 0%, 100%), hsl(60, 30%, 6%));--colour-background-alt: light-dark(hsl(60, 30%, 95%), hsl(0, 0%, 5%));--colour-foreground: light-dark(hsl(60, 30%, 6%), hsl(0, 0%, 100%));--colour-foreground-alt: light-dark(hsl(60, 30%, 20%), hsl(60, 5%, 60%));--colour-border: light-dark(hsl(60, 5%, 85%), hsl(0, 0%, 20%));--colour-link: light-dark(var(--colour-primary), var(--colour-primary-light));--colour-foreground-reverse: light-dark(hsl(0, 0%, 100%), hsl(60, 30%, 6%));--colour-background-reverse: light-dark(hsl(60, 30%, 6%), hsl(0, 0%, 100%));--colour-reverse-scheme: dark;--colour-error: light-dark( hsl(348, 100%, 33%), rgb(244, 211, 208) );--colour-success: light-dark( hsl(120, 100%, 26%), rgb(211, 231, 209) );--colour-warning: light-dark( hsl(35, 100%, 32%), rgb(238, 222, 209) );--colour-info: light-dark( hsl(223, 100%, 50%), rgb(207, 223, 255) );--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: max(1rem, 16px);--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-size: .125rem;--outline-style: solid;--_colour-outline: hsl(223, 100%, 50%);--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;--gutter-min: 1em;--gutter-max: 2em;--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: hsla(0, 0%, 13%, .15);--shadow-size: .875em;--shadow-shape: 0 0 var(--shadow-size);--box-shadow: var(--shadow-shape) var(--shadow-color);--border-radius: .25rem;--border-radius-l: 2em;--border-radius-round: 50%;--ratio: 16 / 9;--ease: cubic-bezier(.25, 0, .3, 1)}@supports (color: color(display-p3 0 0 0%)) and (color: hsl(0 0% 0% / 0)) and (color: light-dark(red,red)){:root{--colour-info: light-dark( hsl(223 100% 50%), rgb(207, 223, 255) )}@media(color-gamut:p3){:root{--colour-info: light-dark( hsl(223 100% 50%), color(display-p3 .81854 .87401 1) )}}}@media(max-width:719.98px){:root{--section-xl: var(--spacing-xxl)}}}

package/dist/build/container-grid.css

@@ -1 +1 @@
-@layer design-system.layouts{.grid.container{--container-name: grid-item}@container grid-item (min-width: 946px){.grid.container{--grid-gap: var(--large-grid-gap, var(--gap-l))}}.grid.container :is(.grid--11-col,.grid--10-col,.grid--9-col,.grid--8-col,.grid--7-col,.grid--6-col,.grid--5-col,.grid--4-col,.grid--3-col,.grid--2-col,.grid--1-col){--grid-repeat: 12;--grid-span: 12}@container grid-item (min-width: 720px){.grid.container .grid--11-col{--grid-span: 11}}@container grid-item (min-width: 720px){.grid.container .grid--10-col{--grid-span: 10}}@container grid-item (min-width: 720px){.grid.container .grid--9-col{--grid-span: 9}}@container grid-item (min-width: 720px){.grid.container .grid--8-col{--grid-span: 8}}@container grid-item (min-width: 720px){.grid.container .grid--7-col{--grid-span: 7}}@container grid-item (min-width: 720px){.grid.container .grid--6-col{--grid-span: 6}}@container grid-item (min-width: 540px){.grid.container .grid--5-col{--grid-span: 6}}@container grid-item (min-width: 720px){.grid.container .grid--5-col{--grid-span: 5}}@container grid-item (min-width: 540px){.grid.container .grid--4-col{--grid-span: 6}}@container grid-item (min-width: 720px){.grid.container .grid--4-col{--grid-span: 4}}@container grid-item (min-width: 540px){.grid.container .grid--3-col{--grid-span: 6}}@container grid-item (min-width: 720px){.grid.container .grid--3-col{--grid-span: 3}}@container grid-item (min-width: 540px){.grid.container .grid--2-col{--grid-span: 3}}@container grid-item (min-width: 720px){.grid.container .grid--2-col{--grid-span: 2}}@container grid-item (min-width: 540px){.grid.container .grid--1-col{--grid-span: 3}}@container grid-item (min-width: 720px){.grid.container .grid--1-col{--grid-span: 1}}}@layer design-system.layouts{.grid.container:is(.grid--dynamic){container-type:initial}.grid.container:is(.grid--xs-2-cols,.grid--sm-2-cols,.grid--md-2-cols,.grid--md-3-cols,.grid--lg-3-cols,.grid--md-4-cols,.grid--lg-4-cols,.grid--xl-4-cols){--grid-repeat: 1}@container grid-item (min-width: 420px){.grid.container.grid--xs-2-cols{--grid-repeat: 2}}@container grid-item (min-width: 540px){.grid.container.grid--sm-2-cols{--grid-repeat: 2}}@container grid-item (min-width: 720px){.grid.container.grid--md-2-cols{--grid-repeat: 2}}@container grid-item (min-width: 720px){.grid.container.grid--md-3-cols{--grid-repeat: 3}}@container grid-item (min-width: 946px){.grid.container.grid--lg-3-cols{--grid-repeat: 3}}@container grid-item (min-width: 720px){.grid.container.grid--md-4-cols{--grid-repeat: 4}}@container grid-item (min-width: 946px){.grid.container.grid--lg-4-cols{--grid-repeat: 4}}@container grid-item (min-width: 1100px){.grid.container.grid--xl-4-cols{--grid-repeat: 4}}}
+@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.layouts{.grid.container{--container-name: grid-item}@container grid-item (min-width: 946px){.grid.container{--grid-gap: var(--large-grid-gap, var(--gap-l))}}.grid.container :is(.grid--11-col,.grid--10-col,.grid--9-col,.grid--8-col,.grid--7-col,.grid--6-col,.grid--5-col,.grid--4-col,.grid--3-col,.grid--2-col,.grid--1-col){--grid-repeat: 12;--grid-span: 12}@container grid-item (min-width: 720px){.grid.container .grid--11-col{--grid-span: 11}}@container grid-item (min-width: 720px){.grid.container .grid--10-col{--grid-span: 10}}@container grid-item (min-width: 720px){.grid.container .grid--9-col{--grid-span: 9}}@container grid-item (min-width: 720px){.grid.container .grid--8-col{--grid-span: 8}}@container grid-item (min-width: 720px){.grid.container .grid--7-col{--grid-span: 7}}@container grid-item (min-width: 720px){.grid.container .grid--6-col{--grid-span: 6}}@container grid-item (min-width: 540px){.grid.container .grid--5-col{--grid-span: 6}}@container grid-item (min-width: 720px){.grid.container .grid--5-col{--grid-span: 5}}@container grid-item (min-width: 540px){.grid.container .grid--4-col{--grid-span: 6}}@container grid-item (min-width: 720px){.grid.container .grid--4-col{--grid-span: 4}}@container grid-item (min-width: 540px){.grid.container .grid--3-col{--grid-span: 6}}@container grid-item (min-width: 720px){.grid.container .grid--3-col{--grid-span: 3}}@container grid-item (min-width: 540px){.grid.container .grid--2-col{--grid-span: 3}}@container grid-item (min-width: 720px){.grid.container .grid--2-col{--grid-span: 2}}@container grid-item (min-width: 540px){.grid.container .grid--1-col{--grid-span: 3}}@container grid-item (min-width: 720px){.grid.container .grid--1-col{--grid-span: 1}}}@layer design-system.layouts{.grid.container:is(.grid--dynamic){container-type:initial}.grid.container:is(.grid--xs-2-cols,.grid--sm-2-cols,.grid--md-2-cols,.grid--md-3-cols,.grid--lg-3-cols,.grid--md-4-cols,.grid--lg-4-cols,.grid--xl-4-cols){--grid-repeat: 1}@container grid-item (min-width: 420px){.grid.container.grid--xs-2-cols{--grid-repeat: 2}}@container grid-item (min-width: 540px){.grid.container.grid--sm-2-cols{--grid-repeat: 2}}@container grid-item (min-width: 720px){.grid.container.grid--md-2-cols{--grid-repeat: 2}}@container grid-item (min-width: 720px){.grid.container.grid--md-3-cols{--grid-repeat: 3}}@container grid-item (min-width: 946px){.grid.container.grid--lg-3-cols{--grid-repeat: 3}}@container grid-item (min-width: 720px){.grid.container.grid--md-4-cols{--grid-repeat: 4}}@container grid-item (min-width: 946px){.grid.container.grid--lg-4-cols{--grid-repeat: 4}}@container grid-item (min-width: 1100px){.grid.container.grid--xl-4-cols{--grid-repeat: 4}}}

package/dist/build/content-block.css

@@ -1 +1 @@
-@layer design-system.components{.mx-content-block{display:grid;grid-gap:var(--content-block-gap, var(--gap));gap:var(--content-block-gap, var(--gap))}.mx-content-block .mx-link-list{inline-size:100%}.mx-content-block__media{display:grid;margin:auto;position:relative;inline-size:100%}.mx-content-block__media img{aspect-ratio:var(--ratio);border-radius:var(--border-radius);-o-object-fit:cover;object-fit:cover;display:block}.mx-content-block__media .mx-skeleton--bg{aspect-ratio:var(--ratio)}}
+@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.components{.mx-content-block{display:grid;grid-gap:var(--content-block-gap, var(--gap));gap:var(--content-block-gap, var(--gap))}.mx-content-block .mx-link-list{inline-size:100%}.mx-content-block__media{display:grid;margin:auto;position:relative;inline-size:100%}.mx-content-block__media img{aspect-ratio:var(--ratio);border-radius:var(--border-radius);-o-object-fit:cover;object-fit:cover;display:block}.mx-content-block__media .mx-skeleton--bg{aspect-ratio:var(--ratio)}}

package/dist/build/dialog.css

@@ -1 +1 @@
-@layer design-system.defaults{mx-dialog{display:block}}@layer design-system.components{.mx-dialog{inline-size:min(100%,var(--container-max-width));max-block-size:90vh;overflow-x:auto;overflow-y:hidden;overflow:auto hidden;overscroll-behavior:contain;background-color:var(--dialog-background, var(--colour-background));border:1px solid var(--line-colour, var(--colour-border));border:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));padding:0;align-self:center;justify-self:center;place-self:center;opacity:0;transform:translateY(100%)}.mx-dialog::backdrop{background-color:#ffffffbf;opacity:0}.mx-dialog[open]{opacity:1;transform:translateY(0)}@starting-style{.mx-dialog[open]{opacity:0;transform:translateY(100%)}}.mx-dialog[open]::backdrop{opacity:.8}@starting-style{.mx-dialog[open]::backdrop{opacity:0}}.mx-dialog .mx-dialog__content{padding:var(--spacing-s)}@media(min-width:720px){.mx-dialog .mx-dialog__content{padding-block:var(--spacing-l);padding-inline:var(--spacing-xl)}}.mx-dialog>.mx-icon--close{position:absolute;inset-block-start:var(--spacing-xxs);inset-inline-end:var(--spacing-xxs);border:0;z-index:11}}@layer design-system.components{.mx-dialog--fullscreen{box-shadow:none;border:0;inset-block-start:0;inline-size:100%;block-size:100%;max-block-size:none}.mx-dialog--fullscreen[open]{display:grid}.mx-dialog--fullscreen .mx-dialog__content{inline-size:min(100%,var(--container-max-width));align-self:center;justify-self:center;place-self:center}}
+@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.defaults{mx-dialog{display:block}}@layer design-system.components{.mx-dialog{inline-size:min(100%,var(--container-max-width));max-block-size:90vh;overflow-x:auto;overflow-y:hidden;overflow:auto hidden;overscroll-behavior:contain;background-color:var(--dialog-background, var(--colour-background));border:1px solid var(--line-colour, var(--colour-border));border:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));padding:0;align-self:center;justify-self:center;place-self:center;opacity:0;transform:translateY(100%)}.mx-dialog::backdrop{background-color:#ffffffbf;opacity:0}.mx-dialog[open]{opacity:1;transform:translateY(0)}@starting-style{.mx-dialog[open]{opacity:0;transform:translateY(100%)}}.mx-dialog[open]::backdrop{opacity:.8}@starting-style{.mx-dialog[open]::backdrop{opacity:0}}.mx-dialog .mx-dialog__content{padding:var(--spacing-s)}@media(min-width:720px){.mx-dialog .mx-dialog__content{padding-block:var(--spacing-l);padding-inline:var(--spacing-xl)}}.mx-dialog>.mx-icon--close{position:absolute;inset-block-start:var(--spacing-xxs);inset-inline-end:var(--spacing-xxs);border:0;z-index:11}}@layer design-system.components{.mx-dialog--fullscreen{box-shadow:none;border:0;inset-block-start:0;inline-size:100%;block-size:100%;max-block-size:none}.mx-dialog--fullscreen[open]{display:grid}.mx-dialog--fullscreen .mx-dialog__content{inline-size:min(100%,var(--container-max-width));align-self:center;justify-self:center;place-self:center}}

package/dist/build/drop-menu.css

@@ -1 +1 @@
-@layer design-system.defaults{mx-drop-menu{display:block}mx-drop-menu:not(:defined) :where(.mx-drop-menu :is(a,button):not([class])){pointer-events:none;opacity:.7}}@layer design-system.components{:where(.mx-drop-menu){--popover-padding: 0;--popover-top: 0}:where(.mx-drop-menu) :where(button:not([class])){-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:inherit;font-family:inherit;font-size:inherit;background-color:transparent;color:inherit;border:medium none currentcolor;border:initial;text-align:start}[aria-checked=true]:is(:where(.mx-drop-menu) :where(button:not([class]))){text-decoration-line:underline}:where(.mx-drop-menu) :where(:is(a,button):not([class])){padding-block:var(--spacing-xxxs);padding-inline:var(--spacing-xs);cursor:pointer;min-inline-size:15ch;display:block}}
+@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.defaults{mx-drop-menu{display:block}mx-drop-menu:not(:defined) :where(.mx-drop-menu :is(a,button):not([class])){pointer-events:none;opacity:.7}}@layer design-system.components{:where(.mx-drop-menu){--popover-padding: 0;--popover-top: 0}:where(.mx-drop-menu) :where(button:not([class])){-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:inherit;font-family:inherit;font-size:inherit;background-color:transparent;color:inherit;border:medium none currentcolor;border:initial;text-align:start}[aria-checked=true]:is(:where(.mx-drop-menu) :where(button:not([class]))){text-decoration-line:underline}:where(.mx-drop-menu) :where(:is(a,button):not([class])){padding-block:var(--spacing-xxxs);padding-inline:var(--spacing-xs);cursor:pointer;min-inline-size:15ch;display:block}}

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

@@ -1,2 +1,2 @@
-import "./chunks/Popover-C4gisyxr.js";
-import "./chunks/DropMenu-LnJEp-sg.js";
+import "./chunks/Popover-hTv4lVea.js";
+import "./chunks/DropMenu-BckyZaZM.js";

package/dist/build/drupal.css

@@ -1 +1 @@
-main :is(.user-login-form,.user-register-form,.user-pass){inline-size:min(100%,var(--container-max-width-narrow));margin-block:var(--spacing-xxl);margin-inline:auto}.block-local-tasks-block .tab-list{position:fixed;inset-block-start:300px;inset-inline-start:0;inline-size:120px;margin-block-end:0;padding-inline-start:0;border:2px solid var(--line-colour, var(--colour-primary));border:var(--line-width, 2px) solid var(--line-colour, var(--colour-primary));border-start-end-radius:var(--spacing-xxs);border-end-end-radius:var(--spacing-xxs);list-style-type:none;overflow:hidden;z-index:501;transform:translate(-75%)}:is(.block-local-tasks-block .tab-list):hover{transform:translate(0)}:is(.block-local-tasks-block .tab-list) li{border-block-end:2px solid var(--line-colour, var(--colour-primary));border-block-end:var(--line-width, 2px) solid var(--line-colour, var(--colour-primary))}:is(:is(.block-local-tasks-block .tab-list) li):last-of-type{border-block-end:0 none}:is(.block-local-tasks-block .tab-list) a{display:block;-webkit-text-decoration:none;text-decoration:none;padding-block:var(--spacing-xxs);padding-inline:var(--spacing-m);color:var(--foreground, var(--colour-primary));background-color:var(--background, var(--colour-background))}@media print{.block-local-tasks-block{display:none}}
+@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;main :is(.user-login-form,.user-register-form,.user-pass){inline-size:min(100%,var(--container-max-width-narrow));margin-block:var(--spacing-xxl);margin-inline:auto}.block-local-tasks-block .tab-list{position:fixed;inset-block-start:300px;inset-inline-start:0;inline-size:120px;margin-block-end:0;padding-inline-start:0;border:2px solid var(--line-colour, var(--colour-primary));border:var(--line-width, 2px) solid var(--line-colour, var(--colour-primary));border-start-end-radius:var(--spacing-xxs);border-end-end-radius:var(--spacing-xxs);list-style-type:none;overflow:hidden;z-index:501;transform:translate(-75%)}:is(.block-local-tasks-block .tab-list):hover{transform:translate(0)}:is(.block-local-tasks-block .tab-list) li{border-block-end:2px solid var(--line-colour, var(--colour-primary));border-block-end:var(--line-width, 2px) solid var(--line-colour, var(--colour-primary))}:is(:is(.block-local-tasks-block .tab-list) li):last-of-type{border-block-end:0 none}:is(.block-local-tasks-block .tab-list) a{display:block;-webkit-text-decoration:none;text-decoration:none;padding-block:var(--spacing-xxs);padding-inline:var(--spacing-m);color:var(--foreground, var(--colour-primary));background-color:var(--background, var(--colour-background))}@media print{.block-local-tasks-block{display:none}}

package/dist/build/filters.css

@@ -1 +1 @@
-@layer design-system.components{.mx-filters{display:grid;grid-gap:var(--gap);gap:var(--gap)}.mx-filters:not(:defined) [data-show]{display:none}@media(min-width:720px){.mx-filters:not(:defined) .mx-filters__title .mx-icon--chevron-right{rotate:90deg}}@media(min-width:720px){.mx-filters:not(:defined) [open] .mx-filters__title .mx-icon--chevron-right{rotate:-90deg}}@media(min-width:720px){.mx-filters:defined .mx-filters__title{pointer-events:none}:is(.mx-filters:defined .mx-filters__title) .mx-icon{display:none}}.mx-filters__title{--heading-font-size: var(--font-size-l);--font-min: calc( var(--heading-font-size) - var(--heading-font-size) * var(--font-size-diff, .3) );font-weight:var(--font-weight-bold);font-size:clamp(max(var(--base-font-size),var(--font-min)),var(--font-min) + 1cqi,var(--heading-font-size));display:flex;gap:var(--spacing-s);align-items:center;min-block-size:40px}.mx-filters__title .mx-icon{margin-inline-start:auto}@media(min-width:720px){.mx-filters__title [data-counters]{display:none}}.mx-filters__title.mx-accordion__toggle+.mx-filters__form{padding-block-start:var(--block-padding, var(--gap))}.mx-filters__form .mx-accordion__toggle{display:flex;gap:var(--spacing-s);align-items:center}:is(.mx-filters__form .mx-accordion__toggle) .mx-icon{margin-inline-start:auto}.mx-filter-item .mx-accordion__content{padding-block-start:var(--spacing-xxxs)}@media(max-width:719.98px){.mx-filters--right .mx-filters__form{background-color:var(--background, var(--colour-background));padding-inline:var(--gutter, max(var(--spacing-s), min(6vw, var(--spacing-l))));padding-block-end:var(--block-padding);overflow-y:auto;position:fixed;z-index:200;inset-block:0;inset-inline:0;inline-size:100vw;display:none;opacity:0;transform:translate(100%)}.mx-filters--right [open] .mx-filters__form{opacity:1;transform:translate(0);display:block}@starting-style{.mx-filters--right [open] .mx-filters__form{opacity:0;transform:translate(100%);display:block}}}@media(min-width:720px){.mx-filters--right .mx-filters__form{--block-padding: 0}:is(.mx-filters--right .mx-filters__form) .mx-filters__title{display:none}}}
+@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.components{.mx-filters{display:grid;grid-gap:var(--gap);gap:var(--gap)}.mx-filters:not(:defined) [data-show]{display:none}@media(min-width:720px){.mx-filters:not(:defined) .mx-filters__title .mx-icon--chevron-right{rotate:90deg}}@media(min-width:720px){.mx-filters:not(:defined) [open] .mx-filters__title .mx-icon--chevron-right{rotate:-90deg}}@media(min-width:720px){.mx-filters:defined .mx-filters__title{pointer-events:none}:is(.mx-filters:defined .mx-filters__title) .mx-icon{display:none}}.mx-filters__title{--heading-font-size: var(--font-size-l);--font-min: calc( var(--heading-font-size) - var(--heading-font-size) * var(--font-size-diff, .3) );font-weight:var(--font-weight-bold);font-size:clamp(max(var(--base-font-size),var(--font-min)),var(--font-min) + 1cqi,var(--heading-font-size));display:flex;gap:var(--spacing-s);align-items:center;min-block-size:40px}.mx-filters__title .mx-icon{margin-inline-start:auto}@media(min-width:720px){.mx-filters__title [data-counters]{display:none}}.mx-filters__title.mx-accordion__toggle+.mx-filters__form{padding-block-start:var(--block-padding, var(--gap))}.mx-filters__form .mx-accordion__toggle{display:flex;gap:var(--spacing-s);align-items:center}:is(.mx-filters__form .mx-accordion__toggle) .mx-icon{margin-inline-start:auto}.mx-filter-item .mx-accordion__content{padding-block-start:var(--spacing-xxxs)}@media(max-width:719.98px){.mx-filters--right .mx-filters__form{background-color:var(--background, var(--colour-background));padding-inline:var(--gutter, max(var(--spacing-s), min(6vw, var(--spacing-l))));padding-block-end:var(--block-padding);overflow-y:auto;position:fixed;z-index:200;inset-block:0;inset-inline:0;inline-size:100vw;display:none;opacity:0;transform:translate(100%)}.mx-filters--right [open] .mx-filters__form{opacity:1;transform:translate(0);display:block}@starting-style{.mx-filters--right [open] .mx-filters__form{opacity:0;transform:translate(100%);display:block}}}@media(min-width:720px){.mx-filters--right .mx-filters__form{--block-padding: 0}:is(.mx-filters--right .mx-filters__form) .mx-filters__title{display:none}}}

package/dist/build/footer.css

@@ -1 +1 @@
-@layer design-system.layouts{.mx-footer{position:sticky;inset-block-start:100vh}.mx-footer__inner{display:grid;grid-template-areas:"navigation" "social" "copyright" "links";grid-gap:var(--gap);gap:var(--gap)}@media(min-width:720px){.mx-footer__inner{grid-template-areas:"navigation social" "copyright links";grid-template-columns:1fr max-content}}.mx-footer__inner:has(.mx-footer__aoc){grid-template-areas:"navigation" "social" "aoc" "copyright" "links"}@media(min-width:720px){.mx-footer__inner:has(.mx-footer__aoc){grid-template-areas:"navigation social" "aoc aoc" "copyright links"}}.mx-footer__inner .mx-logo,.mx-footer__inner img{grid-area:copyright}.mx-footer__inner .mx-social-links{grid-area:social;align-self:start;display:flex;gap:var(--spacing-xxxs)}.mx-footer__inner .mx-footer__copyright{grid-area:copyright;align-self:end}.mx-footer__inner .mx-footer__links{grid-area:links;align-self:end}@media(min-width:720px){.mx-footer__inner .mx-footer__links{justify-content:end}}.mx-footer__aoc{grid-area:aoc;padding-block:var(--footer-row-gap, var(--spacing-xxl))}.mx-nav--footer{grid-area:navigation}.mx-nav--footer:not(:has(.mx-nav__level-2)) ul{flex-flow:row wrap;align-items:center;gap:var(--spacing-l) var(--spacing-xxxl)}.mx-nav--footer:has(.mx-nav__level-2) ul{display:grid}.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1{--grid-repeat: 2;--grid-min: 10ch;gap:var(--spacing-l) var(--spacing-xxxl);grid-template-columns:repeat(2,minmax(min(100%,10ch),1fr));grid-template-columns:repeat(var(--grid-repeat),minmax(min(100%,var(--grid-min)),1fr))}@media(min-width:720px){.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1{--grid-repeat: auto-fit}}:is(.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1)>li>a{display:inline-block;margin-block-end:var(--spacing-l);font-weight:var(--font-weight-bold)}.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-2{gap:var(--spacing-xs)}.mx-nav--footer .mx-nav__toggle{display:none}}@media print{.mx-footer{display:none}}
+@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.layouts{.mx-footer{position:sticky;inset-block-start:100vh}.mx-footer__inner{display:grid;grid-template-areas:"navigation" "social" "copyright" "links";grid-gap:var(--gap);gap:var(--gap)}@media(min-width:720px){.mx-footer__inner{grid-template-areas:"navigation social" "copyright links";grid-template-columns:1fr max-content}}.mx-footer__inner:has(.mx-footer__aoc){grid-template-areas:"navigation" "social" "aoc" "copyright" "links"}@media(min-width:720px){.mx-footer__inner:has(.mx-footer__aoc){grid-template-areas:"navigation social" "aoc aoc" "copyright links"}}.mx-footer__inner .mx-logo,.mx-footer__inner img{grid-area:copyright}.mx-footer__inner .mx-social-links{grid-area:social;align-self:start;display:flex;gap:var(--spacing-xxxs)}.mx-footer__inner .mx-footer__copyright{grid-area:copyright;align-self:end}.mx-footer__inner .mx-footer__links{grid-area:links;align-self:end}@media(min-width:720px){.mx-footer__inner .mx-footer__links{justify-content:end}}.mx-footer__aoc{grid-area:aoc;padding-block:var(--footer-row-gap, var(--spacing-xxl))}.mx-nav--footer{grid-area:navigation}.mx-nav--footer:not(:has(.mx-nav__level-2)) ul{flex-flow:row wrap;align-items:center;gap:var(--spacing-l) var(--spacing-xxxl)}.mx-nav--footer:has(.mx-nav__level-2) ul{display:grid}.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1{--grid-repeat: 2;--grid-min: 10ch;gap:var(--spacing-l) var(--spacing-xxxl);grid-template-columns:repeat(2,minmax(min(100%,10ch),1fr));grid-template-columns:repeat(var(--grid-repeat),minmax(min(100%,var(--grid-min)),1fr))}@media(min-width:720px){.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1{--grid-repeat: auto-fit}}:is(.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1)>li>a{display:inline-block;margin-block-end:var(--spacing-l);font-weight:var(--font-weight-bold)}.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-2{gap:var(--spacing-xs)}.mx-nav--footer .mx-nav__toggle{display:none}}@media print{.mx-footer{display:none}}

package/dist/build/form.css

@@ -1 +1 @@
-@layer design-system.atoms{.mx-form-item{max-inline-size:var(--container-max-width)}.mx-form-item--inline{display:flex;align-items:flex-start}.mx-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-s)}}@layer design-system.atoms{:is(.mx-input__text,.mx-input__select,.mx-input__textarea){--outline-size: var(--line-width, 2px);--outline-offset: calc(var(--outline-size, 2px) * -1);box-shadow:none;font:inherit;letter-spacing:inherit;word-spacing:inherit;max-inline-size:100%;padding-block:calc(var(--form-spacing, var(--spacing-s)) - (2px * 2));padding-block:calc(var(--form-spacing, var(--spacing-s)) - (var(--line-width, 2px) * 2));padding-inline:var(--form-spacing, var(--spacing-s));border:2px solid var(--line-colour, var(--line-colour, var(--colour-border)));border:var(--line-width, 2px) solid var(--line-colour, var(--line-colour, var(--colour-border)));border-radius:var(--border-radius);background-color:var(--colour-background);color:var(--form-colour, var(--foreground, var(--colour-foreground)));line-height:var(--line-height-ui);block-size:var(--form-element-height, var(--spacing-xxl))}:is(.mx-input__text,.mx-input__select,.mx-input__textarea)::-moz-placeholder{color:var(--placeholder-colour, var(--colour-foreground-alt));opacity:1}:is(.mx-input__text,.mx-input__select,.mx-input__textarea)::placeholder{color:var(--placeholder-colour, var(--colour-foreground-alt));opacity:1}[disabled]:is(.mx-input__text,.mx-input__select,.mx-input__textarea){opacity:.6;opacity:var(--disabled-opacity, .6);cursor:not-allowed}.error:is(.mx-input__text,.mx-input__select,.mx-input__textarea){border-color:var(--error-foreground, var(--colour-error))}.success:is(.mx-input__text,.mx-input__select,.mx-input__textarea){border-color:var(--success-foreground, var(--colour-success))}.mx-input--small{min-inline-size:0;border-width:1px}.mx-input--wide{inline-size:100%}}@layer design-system.atoms{.mx-input__divider{padding:var(--form-spacing, var(--spacing-s));line-height:var(--line-height-ui)}}@layer design-system.atoms{.mx-input--icon{display:inline-block;max-inline-size:100%;min-inline-size:100%;border-radius:var(--border-radius);background-color:var(--background, var(--colour-background));position:relative}.mx-input--icon:before{position:absolute;block-size:100%;inset-block-start:0;inset-inline-start:var(--form-spacing, var(--spacing-s))}.mx-input--icon .mx-input__text{inline-size:100%;padding-inline-start:calc(var(--form-spacing, var(--spacing-s)) * 2.5);background-color:transparent}.mx-input--icon:has(.error):before{background-color:var(--error-foreground, var(--colour-error))}.mx-input--icon:has(.success):before{background-color:var(--success-foreground, var(--colour-success))}}@layer design-system.atoms{.mx-form--inline-button{position:relative;display:flex;max-inline-size:100%;min-inline-size:100%;border-radius:var(--border-radius);background-color:var(--background, var(--colour-background));border:2px solid var(--line-colour, var(--line-colour, var(--colour-border)));border:var(--line-width, 2px) solid var(--line-colour, var(--line-colour, var(--colour-border)))}.mx-form--inline-button:has(.mx-input__text:focus-visible){outline:var(--outline-size) solid currentcolor;outline:var(--outline-size) var(--outline-style, solid) var(--outline-color, currentcolor);outline-offset:-2px;outline-offset:calc(var(--line-width, 2px) * -1)}.mx-form--inline-button .mx-input__text{background-color:transparent;border:0;flex-grow:1}:is(.mx-form--inline-button .mx-input__text):focus-visible{outline:none}.mx-form--inline-button .mx-button{margin:var(--spacing-xxxxs);flex-shrink:0;border:0;border-radius:3px;block-size:calc(var(--form-element-height, var(--spacing-xxl)) - var(--spacing-xxxs))}}@layer design-system.atoms{:is(.mx-label,.mx-legend){display:block;margin-block-end:var(--spacing-xxxs);font-size:var(--font-size);color:var(--label-foreground, var(--foreground, var(--colour-foreground)))}.mx-label--inline:is(.mx-label,.mx-legend){display:inline-block;margin-block-end:0;margin-inline-end:var(--spacing-xxs)}.mx-checkbox [type=checkbox]{box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:var(--control-size, var(--spacing-m));block-size:var(--control-size, var(--spacing-m));background-color:var(--background, var(--colour-background));border:2px solid var(--line-colour, var(--colour-border));border:var(--line-width, 2px) solid var(--line-colour, var(--colour-border));border-radius:var(--border-radius)}@media(pointer:coarse){.mx-checkbox [type=checkbox]{--control-size: 2rem}}:is(.mx-checkbox [type=checkbox]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M5.6 9.6L2.4 6.4 0 8.8l5.6 5.6L16 4l-2.4-2.4z'/%3E%3C/svg%3E");background-size:.75rem;background-position:center}[disabled]:is(.mx-checkbox [type=checkbox]):after{opacity:.6;opacity:var(--disabled-opacity, .6);cursor:not-allowed;content:"";display:block;inline-size:100%;block-size:100%;border-radius:var(--border-radius)}[disabled]:is(.mx-checkbox [type=checkbox])+label{opacity:.6;opacity:var(--disabled-opacity, .6);cursor:not-allowed}.error:is(.mx-checkbox [type=checkbox]){border-color:var(--error-foreground, var(--colour-error))}.success:is(.mx-checkbox [type=checkbox]){border-color:var(--success-foreground, var(--colour-success))}}@layer design-system.atoms{.mx-radio [type=radio]{box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;inline-size:var(--control-size, var(--spacing-m));block-size:var(--control-size, var(--spacing-m));background-color:var(--background, var(--colour-background));border:2px solid var(--line-colour, var(--colour-border));border:var(--line-width, 2px) solid var(--line-colour, var(--colour-border));border-radius:50%}@media(pointer:coarse){.mx-radio [type=radio]{--control-size: 2rem}}:is(.mx-radio [type=radio]):checked:after{content:"";display:block;inline-size:.5rem;block-size:.5rem;margin:auto;border-radius:50%;background-color:var(--radio-colour, var(--colour-primary))}[disabled]:is(.mx-radio [type=radio]):after{opacity:.6;opacity:var(--disabled-opacity, .6);cursor:not-allowed;content:"";display:block;inline-size:100%;block-size:100%;border-radius:50%}[disabled]:is(.mx-radio [type=radio])+label{opacity:.6;opacity:var(--disabled-opacity, .6);cursor:not-allowed}.error:is(.mx-radio [type=radio]){border-color:var(--error-foreground, var(--colour-error))}.success:is(.mx-radio [type=radio]){border-color:var(--success-foreground, var(--colour-success))}:is(.mx-radio,.mx-checkbox){--outline-size: var(--line-width, 2px);--outline-offset: calc(var(--outline-size, 2px) * -1);margin-block-end:var(--spacing-xxxs);display:flex;align-items:center;gap:var(--control-gap, var(--spacing-xxs))}:is(.mx-radio,.mx-checkbox):last-child{margin-block-end:0}:is(.mx-radio,.mx-checkbox) label{cursor:pointer;margin:0}:is(.mx-radio,.mx-checkbox) input{flex-shrink:0}.mx-form-item--inline:is(.mx-radio,.mx-checkbox){display:inline-flex;margin-inline-end:var(--control-gap, var(--spacing-xxs))}}@layer design-system.atoms{.mx-input__select{--outline-size: var(--line-width, 2px);--outline-offset: calc(var(--outline-size, 2px) * -1);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:var(--background, var(--colour-background));background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z'/%3E%3C/svg%3E");background-position:right var(--form-spacing, var(--spacing-s)) center;padding-block:0;padding-inline-end:var(--spacing-xl)}.mx-input__select[multiple]{block-size:auto;background-image:none}.mx-input__select.mx-input--small{padding-inline-end:var(--spacing-m);background-position:right var(--spacing-xs) center}:is(.translated-rtl .mx-input__select,[dir=rtl] .mx-input__select){background-position:left var(--spacing-s) center}.mx-input--small:is(.translated-rtl .mx-input__select,[dir=rtl] .mx-input__select){background-position:left var(--spacing-xs) center}}@layer design-system.atoms{.mx-input__textarea{--outline-size: var(--line-width, 2px);--outline-offset: calc(var(--outline-size, 2px) * -1);block-size:calc(4 * var(--form-element-height, var(--spacing-xxl)));inline-size:100%}}@layer design-system.atoms{.mx-fieldset{border:2px solid var(--line-colour, var(--colour-border));border:var(--line-width, 2px) solid var(--line-colour, var(--colour-border));border-radius:var(--border-radius);padding:var(--form-spacing, var(--spacing-s));min-inline-size:0}.mx-fieldset legend{padding-block:0;padding-inline:var(--form-spacing, var(--spacing-s))}.mx-fieldset:is(.mx-fieldset--plain,:has(.mx-checkbox,.mx-radio)){border:0;padding:0}.mx-fieldset:is(.mx-fieldset--plain,:has(.mx-checkbox,.mx-radio)) legend{padding:0}.mx-fieldset.mx-fieldset--inline{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs)}.mx-fieldset.mx-fieldset--inline :is(.form__item,.form__item--inline){margin:0}}@layer design-system.atoms{.mx-description{margin-block:var(--form-spacing, var(--spacing-s));margin-inline:0;font-size:var(--font-size-xs)}.mx-description:last-child{margin-block-end:0}}@layer design-system.atoms{:is(.mx-success-message,.mx-error-message){margin-block:var(--form-spacing, var(--spacing-s));margin-inline:0;font-size:var(--font-size-s);color:var(--foreground, var(--colour-foreground));display:flex;gap:var(--spacing-xxs)}:is(.mx-success-message,.mx-error-message):last-child{margin-block-end:0}:is(.mx-success-message,.mx-error-message):before{content:"";display:block;inline-size:var(--spacing-m);block-size:var(--spacing-m);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;flex-shrink:0}.mx-error-message:before{-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='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm3.5 10.1l-1.4 1.4L8 9.4l-2.1 2.1-1.4-1.4L6.6 8 4.5 5.9l1.4-1.4L8 6.6l2.1-2.1 1.4 1.4L9.4 8l2.1 2.1z'/%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='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm3.5 10.1l-1.4 1.4L8 9.4l-2.1 2.1-1.4-1.4L6.6 8 4.5 5.9l1.4-1.4L8 6.6l2.1-2.1 1.4 1.4L9.4 8l2.1 2.1z'/%3E%3C/svg%3E");background-color:var(--error-foreground, var(--colour-error))}.mx-success-message:before{-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='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM7 11.4L3.6 8 5 6.6l2 2 4-4L12.4 6 7 11.4z'/%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='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM7 11.4L3.6 8 5 6.6l2 2 4-4L12.4 6 7 11.4z'/%3E%3C/svg%3E");background-color:var(--success-foreground, var(--colour-success))}}
+@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.atoms{.mx-form-item{max-inline-size:var(--container-max-width)}:is(.mx-form-item:has([required]) :is(.mx-label,.mx-legend)):after{content:"(required)";content:var(--required-text, "(required)");color:var(--colour-error)}.mx-form-item--inline{display:flex;align-items:flex-start}.mx-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-s)}}@layer design-system.atoms{:is(.mx-input__text,.mx-input__select,.mx-input__textarea){--outline-size: var(--line-width, 2px);--outline-offset: calc(var(--outline-size, 2px) * -1);box-shadow:none;font:inherit;letter-spacing:inherit;word-spacing:inherit;max-inline-size:100%;padding-block:calc(var(--form-spacing, var(--spacing-s)) - (2px * 2));padding-block:calc(var(--form-spacing, var(--spacing-s)) - (var(--line-width, 2px) * 2));padding-inline:var(--form-spacing, var(--spacing-s));border:2px solid var(--line-colour, var(--line-colour, var(--colour-border)));border:var(--line-width, 2px) solid var(--line-colour, var(--line-colour, var(--colour-border)));border-radius:var(--border-radius);background-color:var(--form-background, var(--background, var(--colour-background)));color:var(--form-colour, var(--foreground, var(--colour-foreground)));line-height:var(--line-height-ui);block-size:var(--form-element-height, var(--spacing-xxl))}:is(.mx-input__text,.mx-input__select,.mx-input__textarea)::-moz-placeholder{color:var(--placeholder-colour, var(--colour-foreground-alt));opacity:1}:is(.mx-input__text,.mx-input__select,.mx-input__textarea)::placeholder{color:var(--placeholder-colour, var(--colour-foreground-alt));opacity:1}[disabled]:is(.mx-input__text,.mx-input__select,.mx-input__textarea){opacity:.6;opacity:var(--disabled-opacity, .6);cursor:not-allowed}.error:is(.mx-input__text,.mx-input__select,.mx-input__textarea){border-color:var(--error-foreground, var(--colour-error))}.success:is(.mx-input__text,.mx-input__select,.mx-input__textarea){border-color:var(--success-foreground, var(--colour-success))}.mx-input--small{min-inline-size:0;border-width:1px}.mx-input--wide{inline-size:100%}}@layer design-system.atoms{.mx-input__divider{padding:var(--form-spacing, var(--spacing-s));line-height:var(--line-height-ui)}}@layer design-system.atoms{.mx-input--icon{display:inline-block;max-inline-size:100%;min-inline-size:100%;border-radius:var(--border-radius);background-color:var(--background, var(--colour-background));position:relative}.mx-input--icon:before{position:absolute;block-size:100%;inset-block-start:0;inset-inline-start:var(--form-spacing, var(--spacing-s))}.mx-input--icon .mx-input__text{inline-size:100%;padding-inline-start:calc(var(--form-spacing, var(--spacing-s)) * 2.5);background-color:transparent}.mx-input--icon:has(.error):before{background-color:var(--error-foreground, var(--colour-error))}.mx-input--icon:has(.success):before{background-color:var(--success-foreground, var(--colour-success))}}@layer design-system.atoms{.mx-form--inline-button{position:relative;display:flex;max-inline-size:100%;min-inline-size:100%;border-radius:var(--border-radius);background-color:var(--background, var(--colour-background));border:2px solid var(--line-colour, var(--line-colour, var(--colour-border)));border:var(--line-width, 2px) solid var(--line-colour, var(--line-colour, var(--colour-border)))}.mx-form--inline-button:has(.mx-input__text:focus-visible){outline:var(--outline-size) solid currentcolor;outline:var(--outline-size) var(--outline-style, solid) var(--outline-color, currentcolor);outline-offset:-2px;outline-offset:calc(var(--line-width, 2px) * -1)}.mx-form--inline-button .mx-input__text{background-color:transparent;border:0;flex-grow:1}:is(.mx-form--inline-button .mx-input__text):focus-visible{outline:none}.mx-form--inline-button .mx-button{margin:var(--spacing-xxxxs);flex-shrink:0;border:0;border-radius:3px;block-size:calc(var(--form-element-height, var(--spacing-xxl)) - var(--spacing-xxxs))}}@layer design-system.atoms{:is(.mx-label,.mx-legend){display:flex;gap:4px;margin-block-end:var(--spacing-xxxs);font-size:var(--font-size);color:var(--label-foreground, var(--foreground, var(--colour-foreground)))}.mx-label--inline:is(.mx-label,.mx-legend){display:inline-flex;margin-block-end:0;margin-inline-end:var(--spacing-xxs)}.mx-checkbox [type=checkbox]{box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:var(--control-size, var(--spacing-m));block-size:var(--control-size, var(--spacing-m));background-color:var(--background, var(--colour-background));border:2px solid var(--line-colour, var(--colour-border));border:var(--line-width, 2px) solid var(--line-colour, var(--colour-border));border-radius:var(--border-radius)}@media(pointer:coarse){.mx-checkbox [type=checkbox]{--control-size: 2rem}}:is(.mx-checkbox [type=checkbox]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M5.6 9.6L2.4 6.4 0 8.8l5.6 5.6L16 4l-2.4-2.4z'/%3E%3C/svg%3E");background-size:.75rem;background-position:center}[disabled]:is(.mx-checkbox [type=checkbox]):after{opacity:.6;opacity:var(--disabled-opacity, .6);cursor:not-allowed;content:"";display:block;inline-size:100%;block-size:100%;border-radius:var(--border-radius)}[disabled]:is(.mx-checkbox [type=checkbox])+label{opacity:.6;opacity:var(--disabled-opacity, .6);cursor:not-allowed}.error:is(.mx-checkbox [type=checkbox]){border-color:var(--error-foreground, var(--colour-error))}.success:is(.mx-checkbox [type=checkbox]){border-color:var(--success-foreground, var(--colour-success))}}@layer design-system.atoms{.mx-radio [type=radio]{box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;inline-size:var(--control-size, var(--spacing-m));block-size:var(--control-size, var(--spacing-m));background-color:var(--background, var(--colour-background));border:2px solid var(--line-colour, var(--colour-border));border:var(--line-width, 2px) solid var(--line-colour, var(--colour-border));border-radius:50%}@media(pointer:coarse){.mx-radio [type=radio]{--control-size: 2rem}}:is(.mx-radio [type=radio]):checked:after{content:"";display:block;inline-size:.5rem;block-size:.5rem;margin:auto;border-radius:50%;background-color:var(--radio-colour, var(--colour-primary))}[disabled]:is(.mx-radio [type=radio]):after{opacity:.6;opacity:var(--disabled-opacity, .6);cursor:not-allowed;content:"";display:block;inline-size:100%;block-size:100%;border-radius:50%}[disabled]:is(.mx-radio [type=radio])+label{opacity:.6;opacity:var(--disabled-opacity, .6);cursor:not-allowed}.error:is(.mx-radio [type=radio]){border-color:var(--error-foreground, var(--colour-error))}.success:is(.mx-radio [type=radio]){border-color:var(--success-foreground, var(--colour-success))}:is(.mx-radio,.mx-checkbox){--outline-size: var(--line-width, 2px);--outline-offset: calc(var(--outline-size, 2px) * -1);margin-block-end:var(--spacing-xxxs);display:flex;align-items:center;gap:var(--control-gap, var(--spacing-xxs))}:is(.mx-radio,.mx-checkbox):last-child{margin-block-end:0}:is(.mx-radio,.mx-checkbox) label{cursor:pointer;margin:0}:is(.mx-radio,.mx-checkbox) input{flex-shrink:0}.mx-form-item--inline:is(.mx-radio,.mx-checkbox){display:inline-flex;margin-inline-end:var(--control-gap, var(--spacing-xxs))}}@layer design-system.atoms{.mx-input__select{--outline-size: var(--line-width, 2px);--outline-offset: calc(var(--outline-size, 2px) * -1);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:var(--background, var(--colour-background));background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z'/%3E%3C/svg%3E");background-position:right var(--form-spacing, var(--spacing-s)) center;padding-block:0;padding-inline-end:var(--spacing-xl)}.mx-input__select[multiple]{block-size:auto;background-image:none}.mx-input__select.mx-input--small{padding-inline-end:var(--spacing-m);background-position:right var(--spacing-xs) center}:is(.translated-rtl .mx-input__select,[dir=rtl] .mx-input__select){background-position:left var(--spacing-s) center}.mx-input--small:is(.translated-rtl .mx-input__select,[dir=rtl] .mx-input__select){background-position:left var(--spacing-xs) center}}@layer design-system.atoms{.mx-input__textarea{--outline-size: var(--line-width, 2px);--outline-offset: calc(var(--outline-size, 2px) * -1);block-size:calc(4 * var(--form-element-height, var(--spacing-xxl)));inline-size:100%}}@layer design-system.atoms{.mx-fieldset{border:2px solid var(--line-colour, var(--colour-border));border:var(--line-width, 2px) solid var(--line-colour, var(--colour-border));border-radius:var(--border-radius);padding:var(--form-spacing, var(--spacing-s));min-inline-size:0}.mx-fieldset legend{padding-block:0;padding-inline:var(--form-spacing, var(--spacing-s))}.mx-fieldset:is(.mx-fieldset--plain,:has(.mx-checkbox,.mx-radio)){border:0;padding:0}.mx-fieldset:is(.mx-fieldset--plain,:has(.mx-checkbox,.mx-radio)) legend{padding:0}.mx-fieldset.mx-fieldset--inline{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs)}.mx-fieldset.mx-fieldset--inline :is(.form__item,.form__item--inline){margin:0}}@layer design-system.atoms{.mx-description{margin-block:var(--form-spacing, var(--spacing-s));margin-inline:0;font-size:var(--font-size-xs)}.mx-description:last-child{margin-block-end:0}}@layer design-system.atoms{:is(.mx-success-message,.mx-error-message){margin-block:var(--form-spacing, var(--spacing-s));margin-inline:0;font-size:var(--font-size-s);color:var(--foreground, var(--colour-foreground));display:flex;gap:var(--spacing-xxs)}:is(.mx-success-message,.mx-error-message):last-child{margin-block-end:0}:is(.mx-success-message,.mx-error-message):before{content:"";display:block;inline-size:var(--spacing-m);block-size:var(--spacing-m);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;flex-shrink:0}.mx-error-message:before{-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='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm3.5 10.1l-1.4 1.4L8 9.4l-2.1 2.1-1.4-1.4L6.6 8 4.5 5.9l1.4-1.4L8 6.6l2.1-2.1 1.4 1.4L9.4 8l2.1 2.1z'/%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='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm3.5 10.1l-1.4 1.4L8 9.4l-2.1 2.1-1.4-1.4L6.6 8 4.5 5.9l1.4-1.4L8 6.6l2.1-2.1 1.4 1.4L9.4 8l2.1 2.1z'/%3E%3C/svg%3E");background-color:var(--error-foreground, var(--colour-error))}.mx-success-message:before{-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='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM7 11.4L3.6 8 5 6.6l2 2 4-4L12.4 6 7 11.4z'/%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='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM7 11.4L3.6 8 5 6.6l2 2 4-4L12.4 6 7 11.4z'/%3E%3C/svg%3E");background-color:var(--success-foreground, var(--colour-success))}}

package/dist/build/global-alert.css

@@ -1 +1 @@
-@layer design-system.defaults{mx-closable-alert{display:block}}@layer design-system.components{.mx-global-alert{background-color:var(--background, var(--colour-primary-light));color:var(--foreground, var(--colour-foreground))}.mx-global-alert .mx-global-alert__inner{display:grid;grid-gap:var(--gap-s);gap:var(--gap-s);padding-block:var(--spacing-xxs);padding-inline:var(--spacing-s)}:is(.mx-global-alert .mx-global-alert__inner):has(.mx-icon--close){grid-template-columns:auto min-content;grid-template-areas:"content close"}:is(.mx-global-alert .mx-global-alert__inner):has(.mx-icon--close) .message__content{grid-area:content}.mx-global-alert a{color:inherit}.mx-global-alert.mx-global-alert--critical{--foreground: var(--colour-error);--background: color-mix(in oklch, var(--colour-error), white 95%)}.mx-global-alert .mx-icon--close{--icon-size: 1rem;grid-area:close;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:var(--spacing-l);block-size:var(--spacing-l);padding:0;border:0;background-color:transparent;justify-content:end;color:inherit}}
+@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.defaults{mx-closable-alert{display:block}}@layer design-system.components{.mx-global-alert{background-color:var(--alert-background, var(--colour-primary-light));color:var(--alert-foreground, var(--colour-foreground));color-scheme:light;color-scheme:var(--alert-scheme, light)}.mx-global-alert .mx-global-alert__inner{display:grid;grid-gap:var(--gap-s);gap:var(--gap-s);padding-block:var(--spacing-xxs);padding-inline:var(--spacing-s)}:is(.mx-global-alert .mx-global-alert__inner):has(.mx-icon--close){grid-template-columns:auto min-content;grid-template-areas:"content close"}:is(.mx-global-alert .mx-global-alert__inner):has(.mx-icon--close) .message__content{grid-area:content}.mx-global-alert a{color:inherit}.mx-global-alert.mx-global-alert--critical{--alert-foreground: var(--critical-alert-foreground, var(--colour-error));--alert-background: var( --critical-alert-background, color-mix(in oklch, var(--colour-error), white 95%) )}.mx-global-alert .mx-icon--close{--icon-size: 1rem;grid-area:close;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:var(--spacing-l);block-size:var(--spacing-l);padding:0;border:0;background-color:transparent;justify-content:end;color:inherit}}

package/dist/build/grid.css

@@ -1 +1 @@
-@layer design-system.layouts{.mx-grid{--grid-repeat: auto-fit;--grid-min: 20ch;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20ch),1fr));grid-template-columns:repeat(var(--grid-repeat),minmax(min(100%,var(--grid-min)),1fr));grid-template-rows:1fr;grid-gap:var(--grid-gap, var(--gap));gap:var(--grid-gap, var(--gap))}@media(min-width:946px){.mx-grid{--grid-gap: var(--large-grid-gap, var(--gap-l))}}.mx-grid:is(ul,ol){list-style:none;padding-inline-start:unset}[class*=mx-grid--cols-]{--grid-repeat: 1}@media(min-width:420px){.mx-grid--cols-xs-2{--grid-repeat: 2}}@media(min-width:540px){.mx-grid--cols-sm-2{--grid-repeat: 2}}@media(min-width:720px){.mx-grid--cols-md-2{--grid-repeat: 2}}@media(min-width:946px){.mx-grid--cols-lg-2{--grid-repeat: 2}}@media(min-width:1100px){.mx-grid--cols-xl-2{--grid-repeat: 2}}@media(min-width:720px){.mx-grid--cols-md-3{--grid-repeat: 3}}@media(min-width:946px){.mx-grid--cols-lg-3{--grid-repeat: 3}}@media(min-width:1100px){.mx-grid--cols-xl-3{--grid-repeat: 3}}@media(min-width:720px){.mx-grid--cols-md-4{--grid-repeat: 4}}@media(min-width:946px){.mx-grid--cols-lg-4{--grid-repeat: 4}}@media(min-width:1100px){.mx-grid--cols-xl-4{--grid-repeat: 4}}.mx-grid--collapse{--grid-gap: 0}.mx-grid--collapse-cols{-moz-column-gap:0;column-gap:0}.mx-grid--collapse-rows{row-gap:0}}@layer design-system.layouts{[class*=mx-grid-item__span-]{grid-column:auto / auto;grid-column:auto / var(--grid-span, auto)}@media(min-width:420px){.mx-grid-item__span-xs-2{--grid-span: span 2}}@media(min-width:540px){.mx-grid-item__span-sm-2{--grid-span: span 2}}@media(min-width:720px){.mx-grid-item__span-md-2{--grid-span: span 2}}@media(min-width:946px){.mx-grid-item__span-lg-2{--grid-span: span 2}}@media(min-width:1100px){.mx-grid-item__span-xl-2{--grid-span: span 2}}@media(min-width:720px){.mx-grid-item__span-md-3{--grid-span: span 3}}@media(min-width:946px){.mx-grid-item__span-lg-3{--grid-span: span 3}}@media(min-width:1100px){.mx-grid-item__span-xl-3{--grid-span: span 3}}@media(min-width:720px){.mx-grid-item__span-md-4{--grid-span: span 4}}@media(min-width:946px){.mx-grid-item__span-lg-4{--grid-span: span 4}}@media(min-width:1100px){.mx-grid-item__span-xl-4{--grid-span: span 4}}}@media print{.mx-grid{display:block}}
+@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.layouts{.mx-grid{--grid-repeat: auto-fit;--grid-min: 20ch;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20ch),1fr));grid-template-columns:repeat(var(--grid-repeat),minmax(min(100%,var(--grid-min)),1fr));grid-template-rows:1fr;grid-gap:var(--grid-gap, var(--gap));gap:var(--grid-gap, var(--gap))}@media(min-width:946px){.mx-grid{--grid-gap: var(--large-grid-gap, var(--gap-l))}}.mx-grid:is(ul,ol){list-style:none;padding-inline-start:unset}[class*=mx-grid--cols-]{--grid-repeat: 1}@media(min-width:420px){.mx-grid--cols-xs-2{--grid-repeat: 2}}@media(min-width:540px){.mx-grid--cols-sm-2{--grid-repeat: 2}}@media(min-width:720px){.mx-grid--cols-md-2{--grid-repeat: 2}}@media(min-width:946px){.mx-grid--cols-lg-2{--grid-repeat: 2}}@media(min-width:1100px){.mx-grid--cols-xl-2{--grid-repeat: 2}}@media(min-width:720px){.mx-grid--cols-md-3{--grid-repeat: 3}}@media(min-width:946px){.mx-grid--cols-lg-3{--grid-repeat: 3}}@media(min-width:1100px){.mx-grid--cols-xl-3{--grid-repeat: 3}}@media(min-width:720px){.mx-grid--cols-md-4{--grid-repeat: 4}}@media(min-width:946px){.mx-grid--cols-lg-4{--grid-repeat: 4}}@media(min-width:1100px){.mx-grid--cols-xl-4{--grid-repeat: 4}}.mx-grid--collapse{--grid-gap: 0}.mx-grid--collapse-cols{-moz-column-gap:0;column-gap:0}.mx-grid--collapse-rows{row-gap:0}}@layer design-system.layouts{[class*=mx-grid-item__span-]{grid-column:auto / auto;grid-column:auto / var(--grid-span, auto)}@media(min-width:420px){.mx-grid-item__span-xs-2{--grid-span: span 2}}@media(min-width:540px){.mx-grid-item__span-sm-2{--grid-span: span 2}}@media(min-width:720px){.mx-grid-item__span-md-2{--grid-span: span 2}}@media(min-width:946px){.mx-grid-item__span-lg-2{--grid-span: span 2}}@media(min-width:1100px){.mx-grid-item__span-xl-2{--grid-span: span 2}}@media(min-width:720px){.mx-grid-item__span-md-3{--grid-span: span 3}}@media(min-width:946px){.mx-grid-item__span-lg-3{--grid-span: span 3}}@media(min-width:1100px){.mx-grid-item__span-xl-3{--grid-span: span 3}}@media(min-width:720px){.mx-grid-item__span-md-4{--grid-span: span 4}}@media(min-width:946px){.mx-grid-item__span-lg-4{--grid-span: span 4}}@media(min-width:1100px){.mx-grid-item__span-xl-4{--grid-span: span 4}}}@media print{.mx-grid{display:block}}

package/dist/build/header.css

@@ -1 +1 @@
-@layer design-system.layouts{.mx-header__toggles{display:flex;gap:var(--toggle-gap, var(--spacing-xs));padding-inline-end:.125rem;position:relative;z-index:3;z-index:var(--toggle-index, 3)}@media(min-width:720px){.mx-header__toggles{display:none}}.mx-header__toggles .mx-button--secondary{border-color:transparent}.mx-header__toggles [hidden]{display:none}.mx-header__collapse-toggle{inline-size:100%;opacity:1;display:grid;position:fixed;z-index:2;z-index:var(--collapse-index, 2);inset:0;align-items:center}@starting-style{.mx-header__collapse-toggle{opacity:0;display:grid}}@media(max-width:719.98px){.mx-header__collapse-toggle{padding-inline:var(--gutter, var(--spacing-l));grid-template-columns:inherit}.mx-header__collapse-toggle .mx-header__nav-inner{grid-column:full}}@media(min-width:720px){.mx-header__collapse-toggle{position:relative;inline-size:auto;block-size:auto}}.mx-header__collapse-toggle[inert]{display:none;opacity:0;transition-duration:.4s}}@media(max-width:719.98px){.global-nav-up-only{display:none}}@layer design-system.layouts{.mx-header__inner{display:grid;grid-template-columns:1fr auto;align-items:center}.mx-header__brand{display:flex;gap:var(--brand-gap, var(--gap));align-items:center;margin-inline-end:auto}.mx-header__name{display:grid}.mx-header__main{display:flex;gap:var(--main-gap, var(--gap));align-items:center}.mx-header__search form{margin-block:var(--spacing-m)}@media(min-width:720px){.mx-header__search input{max-inline-size:150px}}@media(min-width:720px){.mx-header__nav-inner{display:flex}}.mx-header__nav-right{margin-block:var(--spacing-m)}@media(min-width:720px){.mx-header__nav-right{margin-inline-start:auto;margin-block:0;padding-block:4px}}}@media print{.mx-header .mx-header__nav{display:none}}
+@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.layouts{.mx-header__toggles{display:flex;gap:var(--toggle-gap, var(--spacing-xs));padding-inline-end:.125rem;position:relative;z-index:3;z-index:var(--toggle-index, 3)}@media(min-width:720px){.mx-header__toggles{display:none}}.mx-header__toggles .mx-button--secondary{border-color:transparent}.mx-header__toggles [hidden]{display:none}.mx-header__collapse-toggle{inline-size:100%;opacity:1;display:grid;position:fixed;z-index:2;z-index:var(--collapse-index, 2);inset:0;align-items:center}@starting-style{.mx-header__collapse-toggle{opacity:0;display:grid}}@media(max-width:719.98px){.mx-header__collapse-toggle{padding-inline:var(--gutter, var(--spacing-l));grid-template-columns:inherit}.mx-header__collapse-toggle .mx-header__nav-inner{grid-column:full}}@media(min-width:720px){.mx-header__collapse-toggle{position:relative;inline-size:auto;block-size:auto}}.mx-header__collapse-toggle[inert]{display:none;opacity:0;transition-duration:.4s}}@media(max-width:719.98px){.global-nav-up-only{display:none}}@layer design-system.layouts{.mx-header__inner{display:grid;grid-template-columns:1fr auto;align-items:center}.mx-header__brand{display:flex;gap:var(--brand-gap, var(--gap));align-items:center;margin-inline-end:auto}.mx-header__name{display:grid}.mx-header__main{display:flex;gap:var(--main-gap, var(--gap));align-items:center}.mx-header__search form{margin-block:var(--spacing-m)}@media(min-width:720px){.mx-header__search input{max-inline-size:150px}}@media(min-width:720px){.mx-header__nav-inner{display:flex}}.mx-header__nav-right{margin-block:var(--spacing-m)}@media(min-width:720px){.mx-header__nav-right{margin-inline-start:auto;margin-block:0;padding-block:4px}}}@media print{.mx-header .mx-header__nav{display:none}}