@pnx-mixtape/mxds 0.0.30 → 0.1.0-rc.0

package/dist/build/filters.entry.js

@@ -1,113 +1 @@
-import "./chunks/utilities-DepaJdUg.js";
-import { t as Accordion } from "./chunks/Accordion-BzKLBuWL.js";
-var AccordionMobile = class extends Accordion {
-	mq;
-	toggleAttribute;
-	constructor() {
-		super(), this.mq = this.getAttribute("mq") || "(max-width: 720px)";
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.handleBreakpoint(this.breakpoint);
-		let { signal: e } = this.controller;
-		this.breakpoint.addEventListener("change", this.handleBreakpoint, { signal: e });
-	}
-	disconnectedCallback() {
-		this.controller.abort();
-	}
-	handleBreakpoint = ({ matches: e }) => {
-		this.details && this.details.toggleAttribute("open", !e);
-	};
-	get breakpoint() {
-		return window.matchMedia(this.mq);
-	}
-};
-customElements.get("mx-accordionmobile") || customElements.define("mx-accordionmobile", AccordionMobile);
-var Filters = class extends HTMLElement {
-	internals_;
-	controller;
-	entries;
-	static observedAttributes = ["count"];
-	constructor() {
-		super(), this.internals_ = this.attachInternals(), this.controller = new AbortController();
-	}
-	connectedCallback() {
-		if (!this.items) return;
-		let { signal: e } = this.controller;
-		this.closeBtn?.addEventListener("click", this.handleClose, { signal: e }), this.showBtn?.previousElementSibling.setAttribute("hidden", "until-found"), this.showBtn?.addEventListener("click", this.handleShow, { signal: e }), this.resetBtn?.setAttribute("disabled", ""), this.submitBtn?.setAttribute("disabled", ""), this.handleCounters(), this.addEventListener("change", this.handleCounters, { signal: e }), this.form?.addEventListener("submit", this.handleCounters, { signal: e }), this.form?.addEventListener("reset", this.handleReset, { signal: e });
-	}
-	disconnectedCallback() {
-		this.controller.abort();
-	}
-	attributeChangedCallback(e, t, n) {
-		if (e === "count" && t !== n) {
-			let e = parseInt(n, 10) > 0;
-			if (this.resetBtn?.toggleAttribute("disabled", !e), this.submitBtn?.toggleAttribute("disabled", !e), !this.allCounter) return;
-			this.allCounter.textContent = e ? n : "";
-		}
-	}
-	handleClose = (e) => {
-		this.details && (this.details.open = !1, e.preventDefault());
-	};
-	handleShow = (e) => {
-		e.preventDefault();
-		let t = this.showBtn.previousElementSibling;
-		t.removeAttribute("hidden");
-		let n = t.previousElementSibling.querySelector("input");
-		n && (n.focus({ preventScroll: !0 }), setTimeout(() => {
-			this.showBtn.setAttribute("hidden", "");
-		}, 100));
-	};
-	handleReset = () => {
-		this.entries.forEach((e, t) => {
-			this.entries.set(t, {
-				...e,
-				count: null
-			}), e.counter && (e.counter.textContent = "");
-		}), this.setAttribute("count", "0");
-	};
-	handleCounters = () => {
-		let e = new FormData(this.form, this.submitBtn);
-		this.entries.forEach((t, n) => {
-			let { length: r } = e.getAll(n).filter(Boolean), i = r > 0 ? r : null;
-			this.entries.set(n, {
-				...t,
-				count: i
-			}), t.counter && (t.counter.textContent = i?.toString() || "");
-		});
-		let t = [...this.entries].filter(([, e]) => e.count).length;
-		this.setAttribute("count", t.toString());
-	};
-	get items() {
-		let e = this.querySelectorAll(".mx-filter-item");
-		if (!e) throw Error(`${this.localName} must contain a .mx-filter-item element.`);
-		return this.entries = /* @__PURE__ */ new Map(), e.forEach((e) => {
-			let t = e.querySelector("input, select")?.getAttribute("name");
-			this.entries.set(t, {
-				item: e,
-				counter: e.querySelector("[data-counter]")
-			});
-		}), e;
-	}
-	get details() {
-		return this.querySelector("mx-accordionmobile > details");
-	}
-	get closeBtn() {
-		return this.details?.querySelector("button[data-close]");
-	}
-	get form() {
-		return this.querySelector("form");
-	}
-	get resetBtn() {
-		return this.querySelector("button[type='reset']");
-	}
-	get submitBtn() {
-		return this.querySelector("button[type='submit']");
-	}
-	get showBtn() {
-		return this.querySelector("button[data-show]");
-	}
-	get allCounter() {
-		return this.querySelector("[data-counters]");
-	}
-};
-customElements.get("mx-filters") || customElements.define("mx-filters", Filters);
+import{n as e}from"./chunks/cookie-compliance-Bbm-0vpj.js";import"./chunks/utilities-C5dAO2YA.js";import"./chunks/Accordion-z-dH6nFH.js";import"./chunks/AccordionMobile-BYPPNyf5.js";import{createFocusTrap as t}from"focus-trap";var n=class extends HTMLElement{internals_;controller;entries;timeout;mq;focusTrap;rafId;focusTrapTimeout;scrollLockClass=`body--scroll-lock`;isRight;static observedAttributes=[`count`];constructor(){super(),this.internals_=this.attachInternals(),this.controller=new AbortController,this.mq=this.getAttribute(`mq`)||`(max-width: 720px)`,this.isRight=this.classList.contains(`mx-filters--right`)}connectedCallback(){if(!this.items)return;let{signal:e}=this.controller;this.closeBtn?.addEventListener(`click`,this.handleClose,{signal:e}),this.showBtn?.previousElementSibling.setAttribute(`hidden`,`until-found`),this.showBtn?.addEventListener(`click`,this.handleShow,{signal:e}),this.resetBtn?.setAttribute(`disabled`,``),this.submitBtn?.setAttribute(`disabled`,``),this.handleCounters(),this.addEventListener(`change`,this.handleCounters,{signal:e}),this.form?.addEventListener(`submit`,this.handleCounters,{signal:e}),this.form?.addEventListener(`reset`,this.handleReset,{signal:e}),this.isRight&&(this.handleBreakpoint(this.breakpoint),this.breakpoint.addEventListener(`change`,this.handleBreakpoint,{signal:e}),this.focusTrap=t(this.form,{escapeDeactivates:!1,setReturnFocus:this.details,allowOutsideClick:!0,onActivate:()=>document.body.classList.add(this.scrollLockClass),onDeactivate:()=>document.body.classList.remove(this.scrollLockClass),checkCanFocusTrap:([e])=>new Promise(t=>{this.focusTrapTimeout=setTimeout(()=>{this.rafId&&=(cancelAnimationFrame(this.rafId),null),t()},2e3);let n=()=>{getComputedStyle(e).display===`none`?this.rafId=requestAnimationFrame(n):(this.focusTrapTimeout&&=(clearTimeout(this.focusTrapTimeout),null),this.rafId=null,t())};this.rafId=requestAnimationFrame(n)})}))}disconnectedCallback(){this.controller.abort(),this.timeout&&=(clearTimeout(this.timeout),null),this.rafId&&=(cancelAnimationFrame(this.rafId),null),this.focusTrapTimeout&&=(clearTimeout(this.focusTrapTimeout),null),this.focusTrap?.deactivate(),document.body.classList.remove(this.scrollLockClass)}attributeChangedCallback(t,n,r){if(t===`count`&&n!==r){let t=e.integer(r,1);if(this.resetBtn?.toggleAttribute(`disabled`,!t),this.submitBtn?.toggleAttribute(`disabled`,!t),!this.allCounter)return;this.allCounter.textContent=t?r:``}}handleClose=e=>{this.details&&(this.details.open=!1,e.preventDefault())};handleShow=e=>{e.preventDefault();let t=this.showBtn.previousElementSibling;t.removeAttribute(`hidden`);let n=t.previousElementSibling.querySelector(`input`);n&&(n.focus({preventScroll:!0}),this.timeout=setTimeout(()=>{this.showBtn.setAttribute(`hidden`,``)},100))};handleReset=()=>{this.entries.forEach((e,t)=>{this.entries.set(t,{...e,count:null}),e.counter&&(e.counter.textContent=``)}),this.setAttribute(`count`,`0`)};handleCounters=()=>{let e=new FormData(this.form,this.submitBtn);this.entries.forEach((t,n)=>{let{length:r}=e.getAll(n).filter(Boolean),i=r>0?r:null;this.entries.set(n,{...t,count:i}),t.counter&&(t.counter.textContent=i?.toString()||``)});let t=[...this.entries].filter(([,e])=>e.count).length;this.setAttribute(`count`,t.toString())};handleBreakpoint=({matches:e})=>{if(!this.details)return;let{signal:t}=this.controller;e?this.details.addEventListener(`toggle`,this.handleToggle,{signal:t}):(this.details.removeEventListener(`toggle`,this.handleToggle),document.body.classList.remove(this.scrollLockClass),this.focusTrap?.deactivate())};handleToggle=async()=>{if(this.details.open)try{await this.focusTrap?.activate()}catch{}else this.focusTrap?.deactivate()};get items(){let e=this.querySelectorAll(`.mx-filter-item`);if(!e)throw Error(`${this.localName} must contain a .mx-filter-item element.`);return this.entries=new Map,e.forEach(e=>{let t=e.querySelector(`input, select`)?.getAttribute(`name`);this.entries.set(t,{item:e,counter:e.querySelector(`[data-counter]`)})}),e}get details(){return this.querySelector(`mx-accordionmobile > details`)}get closeBtn(){return this.details?.querySelector(`button[data-close]`)}get form(){return this.querySelector(`form`)}get resetBtn(){return this.querySelector(`button[type='reset']`)}get submitBtn(){return this.querySelector(`button[type='submit']`)}get showBtn(){return this.querySelector(`button[data-show]`)}get allCounter(){return this.querySelector(`[data-counters]`)}get breakpoint(){return window.matchMedia(this.mq)}};customElements.get(`mx-filters`)||customElements.define(`mx-filters`,n);

package/dist/build/footer.css

@@ -1 +1 @@
-@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}}
+@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{gap:var(--gap);grid-template-areas:"navigation""social""copyright""links";display:grid;@media (width>=720px){grid-template-columns:1fr max-content;grid-template-areas:"navigation social""copyright links"}&:has(.mx-footer__aoc){grid-template-areas:"navigation""social""aoc""copyright""links";@media (width>=720px){grid-template-areas:"navigation social""aoc aoc""copyright links"}}& .mx-logo,& img{grid-area:copyright}& .mx-social-links{align-self:start;gap:var(--spacing-xxxs);grid-area:social;display:flex}& .mx-footer__copyright{grid-area:copyright;align-self:end}& .mx-footer__links{grid-area:links;align-self:end;@media (width>=720px){justify-content:end}}}.mx-footer__aoc{padding-block:var(--footer-row-gap,var(--spacing-xxl));grid-area:aoc}.mx-nav--footer{grid-area:navigation;&:not(:has(.mx-nav__level-2)) ul{align-items:center;gap:var(--spacing-l) var(--spacing-xxxl);flex-flow:wrap}&:has(.mx-nav__level-2){& ul{display:grid}& .mx-nav__level-1{--grid-repeat:2;--grid-min:10ch;gap:var(--spacing-l) var(--spacing-xxxl);grid-template-columns:repeat(var(--grid-repeat), minmax(min(100%, var(--grid-min)), 1fr));@media (width>=720px){--grid-repeat:auto-fit}&>li>a{font-weight:var(--font-weight-bold);margin-block-end:var(--spacing-l);display:inline-block}}& .mx-nav__level-2{gap:var(--spacing-xs)}}& .mx-nav__toggle{display:none}}}

package/dist/build/form.css

@@ -1 +1 @@
-@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))}}
+@layer popover-polyfill,design-system.defaults;@layer design-system.atoms{.mx-form-item{max-inline-size:var(--container-max-width);&:has([required]) :is(.mx-label,.mx-legend){&.mx-required{color:var(--colour-error)}}&:has([required]:valid) :is(.mx-label,.mx-legend){--colour-error:currentcolor}}.mx-form-item--inline{align-items:flex-start;display:flex}.mx-form-actions{align-items:center;gap:var(--spacing-s);flex-wrap:wrap;display:flex}: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)) - (var(--line-width,2px) * 2));padding-inline:var(--form-spacing,var(--spacing-s));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));&::placeholder{color:var(--placeholder-colour,var(--foreground-alt,var(--colour-foreground-alt)));opacity:1}&[disabled]{opacity:var(--disabled-opacity,.6);cursor:not-allowed}&.error{border-color:var(--error-foreground,var(--colour-error))}&.success{border-color:var(--success-foreground,var(--colour-success))}}.mx-input--small{border-width:1px;min-inline-size:0}.mx-input--wide{inline-size:100%}.mx-input__divider{padding:var(--form-spacing,var(--spacing-s));line-height:var(--line-height-ui)}.mx-input--icon{border-radius:var(--border-radius);background-color:var(--background,var(--colour-background));min-inline-size:100%;max-inline-size:100%;display:inline-block;position:relative;&:before{block-size:100%;position:absolute;inset-block-start:0;inset-inline-start:var(--form-spacing,var(--spacing-s))}& .mx-input__text{inline-size:100%;background-color:#0000;padding-inline-start:calc(var(--form-spacing,var(--spacing-s)) * 2.5)}&:has(.error):before{background-color:var(--error-foreground,var(--colour-error))}&:has(.success):before{background-color:var(--success-foreground,var(--colour-success))}}.mx-form--inline-button{border-radius:var(--border-radius);background-color:var(--background,var(--colour-background));border:var(--line-width,2px) solid var(--line-colour,var(--line-colour,var(--colour-border)));min-inline-size:100%;max-inline-size:100%;display:flex;position:relative;&:has(.mx-input__text:focus-visible){outline:var(--outline-size) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:calc(var(--line-width,2px) * -1)}& .mx-input__text{background-color:#0000;border:0;flex-grow:1;&:focus-visible{outline:none}}& .mx-button{margin:var(--spacing-xxxxs);block-size:calc(var(--form-element-height,var(--spacing-xxl)) - var(--spacing-xxxs));border:0;border-radius:3px;flex-shrink:0}}:is(.mx-label,.mx-legend){font-size:var(--font-size);color:var(--label-foreground,var(--foreground,var(--colour-foreground)));gap:4px;margin-block-end:var(--spacing-xxxs);display:flex;&.mx-label--inline{margin-block-end:0;margin-inline-end:var(--spacing-xxs);display:inline-flex}}.mx-checkbox [type=checkbox]{box-shadow: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:var(--line-width,2px) solid var(--line-colour,var(--colour-border));border-radius:var(--border-radius);@media (pointer:coarse){--control-size:2rem}&:checked{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M5.6%209.6L2.4%206.4%200%208.8l5.6%205.6L16%204l-2.4-2.4z'%20/%3e%3c/svg%3e");background-position:50%;background-size:.75rem}&[disabled]{&:after{opacity:var(--disabled-opacity,.6);cursor:not-allowed;content:"";border-radius:var(--border-radius);block-size:100%;inline-size:100%;display:block}&+label{opacity:var(--disabled-opacity,.6);cursor:not-allowed}}&.error{border-color:var(--error-foreground,var(--colour-error))}&.success{border-color:var(--success-foreground,var(--colour-success))}}.mx-radio [type=radio]{box-shadow: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:var(--line-width,2px) solid var(--line-colour,var(--colour-border));border-radius:50%;display:flex;@media (pointer:coarse){--control-size:2rem}&:checked{&:after{content:"";background-color:var(--radio-colour,var(--colour-primary));border-radius:50%;block-size:.5rem;inline-size:.5rem;margin:auto;display:block}}&[disabled]{&:after{opacity:var(--disabled-opacity,.6);cursor:not-allowed;content:"";border-radius:50%;block-size:100%;inline-size:100%;display:block}&+label{opacity:var(--disabled-opacity,.6);cursor:not-allowed}}&.error{border-color:var(--error-foreground,var(--colour-error))}&.success{border-color:var(--success-foreground,var(--colour-success))}}:is(.mx-radio,.mx-checkbox){--outline-size:var(--line-width,2px);--outline-offset:var(--outline-size,2px);align-items:center;gap:var(--control-gap,var(--spacing-xxs));margin-block-end:var(--spacing-xxxs);display:flex;&:last-child{margin-block-end:0}& label{cursor:pointer;margin:0}& input{flex-shrink:0;&:focus-visible{outline:var(--outline-size) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:var(--outline-offset)}}&.mx-form-item--inline{margin-inline-end:var(--control-gap,var(--spacing-xxs));display:inline-flex}}@supports (appearance:base-select){.mx-input__select,::picker(select){appearance:base-select}::picker(select){border-radius:var(--border-radius);border:var(--line-width,2px) solid var(--line-colour,var(--line-colour,var(--colour-border)));inset-block-start:var(--spacing-xxxs)}}.mx-input__select{--outline-size:var(--line-width,2px);--outline-offset:calc(var(--outline-size,2px) * -1);appearance:none;cursor:pointer;background-color:var(--background,var(--colour-background));background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z'%20/%3e%3c/svg%3e");background-position:right var(--form-spacing,var(--spacing-s)) center;padding-block:0;padding-inline-end:var(--spacing-xl);@supports (appearance:base-select){&,& ::picker(select){appearance:base-select;background-image:none;padding-inline-end:0}& selectedcontent{align-items:center;column-gap:var(--spacing-xxxs);block-size:100%;display:flex}& option{padding-block:var(--spacing-xxs)}}&::picker-icon{aspect-ratio:1;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%2011.4L2.6%206%204%204.6l4%204%204-4L13.4%206z'%20/%3e%3c/svg%3e");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}&:open::picker-icon{rotate:180deg}& option::checkmark{content:"";inline-size:var(--icon-size,var(--spacing-s));block-size:var(--icon-size,var(--spacing-s));background-color:currentColor;display:block;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M5.6%209.6L2.4%206.4%200%208.8l5.6%205.6L16%204l-2.4-2.4z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M5.6%209.6L2.4%206.4%200%208.8l5.6%205.6L16%204l-2.4-2.4z'%20/%3e%3c/svg%3e")}&[multiple]{background-image:none;block-size:auto}&.mx-input--small{background-position:right var(--spacing-xs) center;padding-inline-end:var(--spacing-m)}}:is(.translated-rtl .mx-input__select,[dir=rtl] .mx-input__select){background-position:left var(--spacing-s) center;&.mx-input--small{background-position:left var(--spacing-xs) center}}.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%}.mx-fieldset{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;& legend{padding-block:0;padding-inline:var(--form-spacing,var(--spacing-s))}&:is(.mx-fieldset--plain,:has(.mx-checkbox,.mx-radio)){border:0;padding:0;& legend{padding:0}}&.mx-fieldset--inline{gap:var(--spacing-xxs);flex-wrap:wrap;display:flex;& :is(.form__item,.form__item--inline){margin:0}}}.mx-description{margin-block:var(--form-spacing,var(--spacing-s));font-size:var(--font-size-xs);margin-inline:0;&:last-child{margin-block-end:0}}:is(.mx-success-message,.mx-error-message){margin-block:var(--form-spacing,var(--spacing-s));font-size:var(--font-size-s);color:var(--foreground,var(--colour-foreground));gap:var(--spacing-xxs);margin-inline:0;display:flex;&:last-child{margin-block-end:0}&:before{content:"";inline-size:var(--spacing-m);block-size:var(--spacing-m);flex-shrink:0;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.mx-error-message:before{background-color:var(--error-foreground,var(--colour-error));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zm3.5%2010.1l-1.4%201.4L8%209.4l-2.1%202.1-1.4-1.4L6.6%208%204.5%205.9l1.4-1.4L8%206.6l2.1-2.1%201.4%201.4L9.4%208l2.1%202.1z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zm3.5%2010.1l-1.4%201.4L8%209.4l-2.1%202.1-1.4-1.4L6.6%208%204.5%205.9l1.4-1.4L8%206.6l2.1-2.1%201.4%201.4L9.4%208l2.1%202.1z'%20/%3e%3c/svg%3e")}.mx-success-message:before{background-color:var(--success-foreground,var(--colour-success));-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zM7%2011.4L3.6%208%205%206.6l2%202%204-4L12.4%206%207%2011.4z'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%3e%3cpath%20d='M8%200C3.6%200%200%203.6%200%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zM7%2011.4L3.6%208%205%206.6l2%202%204-4L12.4%206%207%2011.4z'%20/%3e%3c/svg%3e")}}@layer design-system.layout,design-system.utilities,design-system.components;

package/dist/build/gallery.css

@@ -0,0 +1 @@
+@layer popover-polyfill;@layer design-system.defaults{mx-gallery{display:block}}@layer design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-gallery__preview{grid-template-columns:repeat(auto-fill, minmax(var(--gallery-item-min-width,8rem), 1fr));gap:var(--gallery-gap,var(--spacing-xs));display:grid}.mx-gallery__trigger{cursor:pointer;background-color:#0000;border:0;block-size:100%;inline-size:100%;padding:0;display:block;& img{object-fit:cover;block-size:100%;inline-size:100%;display:block}&:focus-visible{outline:var(--outline-size,2px) solid var(--outline-color,currentcolor);outline-offset:2px}}.mx-gallery .mx-dialog .mx-carousel{--inline-size:var(--gallery-dialog-carousel-size,100%);& img{inline-size:100%;max-inline-size:100dvw;max-block-size:var(--gallery-dialog-max-height,calc(100dvh - 180px));object-fit:contain}}}

package/dist/build/gallery.entry.js

@@ -0,0 +1 @@
+import"./chunks/Gallery-BT3cxS5m.js";

package/dist/build/global-alert.css

@@ -1 +1 @@
-@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}}
+@layer popover-polyfill;@layer design-system.defaults{mx-closable-alert{display:block}}@layer design-system.atoms,design-system.layout,design-system.utilities;@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:var(--alert-scheme,light);& .mx-global-alert__inner{gap:var(--gap-s);padding-block:var(--spacing-xxs);padding-inline:var(--spacing-s);display:grid;&:has(.mx-icon--close){grid-template-columns:auto min-content;grid-template-areas:"content close";& .message__content{grid-area:content}}}& a{color:inherit}&.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-icon--close{--icon-size:1rem;appearance:none;inline-size:var(--spacing-l);block-size:var(--spacing-l);color:inherit;background-color:#0000;border:0;grid-area:close;justify-content:end;padding:0}}}

package/dist/build/global-alert.entry.js

@@ -1,51 +1 @@
-import { i as makeAnchor, t as createElement } from "./chunks/utilities-DepaJdUg.js";
-var GlobalAlert = class extends HTMLElement {
-	internals_;
-	controller;
-	constructor() {
-		super(), this.internals_ = this.attachInternals(), this.controller = new AbortController();
-	}
-	connectedCallback() {
-		if (!this.container) return;
-		if (this.id = this.id || this.generatedId(), this.localStorage) {
-			this.controller.abort(), this.remove();
-			return;
-		}
-		let { signal: e } = this.controller;
-		this.close?.addEventListener("click", this.handleClose, { signal: e });
-	}
-	disconnectedCallback() {
-		this.controller.abort(), this.close.remove();
-	}
-	handleClose = () => {
-		this.controller.abort(), this.remove(), this.localStorage = "true";
-		let e = new CustomEvent("GlobalAlert-close", {
-			bubbles: !0,
-			cancelable: !0,
-			detail: {
-				id: this.id,
-				target: this
-			}
-		});
-		this.dispatchEvent(e);
-	};
-	get localStorage() {
-		return localStorage.getItem(this.id);
-	}
-	set localStorage(e) {
-		localStorage.setItem(this.id, e);
-	}
-	get container() {
-		let e = this.querySelector("[data-container]");
-		if (!e) throw Error(`${this.localName} must contain a [data-container] element.`);
-		return e;
-	}
-	get close() {
-		let e = this.querySelector(".mx-icon--close");
-		return e || (e = createElement(`<button class="mx-icon mx-icon--close" aria-controls="${this.id}" aria-label="Close GlobalAlert" type="button"></button>`), this.container.appendChild(e)), e;
-	}
-	generatedId() {
-		return makeAnchor(`mx-alert-${Math.floor(Math.random() * 1e4)}`, 20);
-	}
-};
-customElements.get("mx-closable-alert") || customElements.define("mx-closable-alert", GlobalAlert);
+import"./chunks/ClosableAlert-DdXbF1J2.js";

package/dist/build/grid.css

@@ -1 +1 @@
-@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}}
+@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;grid-template-columns:repeat(var(--grid-repeat), minmax(min(100%, var(--grid-min)), 1fr));gap:var(--grid-gap,var(--gap));grid-template-rows:1fr;display:grid;@media (width>=946px){--grid-gap:var(--large-grid-gap,var(--gap-l))}&:is(ul,ol){padding-inline-start:unset;list-style:none}}[class*=mx-grid--cols-]{--grid-repeat:1}.mx-grid--cols-xs-2{@media (width>=420px){--grid-repeat:2}}.mx-grid--cols-sm-2{@media (width>=540px){--grid-repeat:2}}.mx-grid--cols-md-2{@media (width>=720px){--grid-repeat:2}}.mx-grid--cols-lg-2{@media (width>=946px){--grid-repeat:2}}.mx-grid--cols-xl-2{@media (width>=1100px){--grid-repeat:2}}.mx-grid--cols-md-3{@media (width>=720px){--grid-repeat:3}}.mx-grid--cols-lg-3{@media (width>=946px){--grid-repeat:3}}.mx-grid--cols-xl-3{@media (width>=1100px){--grid-repeat:3}}.mx-grid--cols-md-4{@media (width>=720px){--grid-repeat:4}}.mx-grid--cols-lg-4{@media (width>=946px){--grid-repeat:4}}.mx-grid--cols-xl-4{@media (width>=1100px){--grid-repeat:4}}.mx-grid--collapse{--grid-gap:0}.mx-grid--collapse-cols{column-gap:0}.mx-grid--collapse-rows{row-gap:0}[class*=mx-grid-item__span-]{grid-column:auto / var(--grid-span,auto)}.mx-grid-item__span-xs-2{@media (width>=420px){--grid-span:span 2}}.mx-grid-item__span-sm-2{@media (width>=540px){--grid-span:span 2}}.mx-grid-item__span-md-2{@media (width>=720px){--grid-span:span 2}}.mx-grid-item__span-lg-2{@media (width>=946px){--grid-span:span 2}}.mx-grid-item__span-xl-2{@media (width>=1100px){--grid-span:span 2}}.mx-grid-item__span-md-3{@media (width>=720px){--grid-span:span 3}}.mx-grid-item__span-lg-3{@media (width>=946px){--grid-span:span 3}}.mx-grid-item__span-xl-3{@media (width>=1100px){--grid-span:span 3}}.mx-grid-item__span-md-4{@media (width>=720px){--grid-span:span 4}}.mx-grid-item__span-lg-4{@media (width>=946px){--grid-span:span 4}}.mx-grid-item__span-xl-4{@media (width>=1100px){--grid-span:span 4}}}

package/dist/build/header.css

@@ -1 +1 @@
-@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}}
+@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{gap:var(--toggle-gap,var(--spacing-xs));z-index:var(--toggle-index,3);padding-inline-end:.125rem;display:flex;position:relative;@media (width>=720px){display:none}& .mx-button--secondary{border-color:#0000}& [hidden]{display:none}}.mx-header__collapse-toggle{opacity:1;inline-size:100%;z-index:var(--collapse-index,2);align-items:center;display:grid;position:fixed;inset:0;@starting-style{opacity:0;display:grid}@media (width<720px){padding-inline:var(--gutter,var(--spacing-l));grid-template-columns:inherit;& .mx-header__nav-inner{grid-column:full}}@media (width>=720px){block-size:auto;inline-size:auto;position:relative}&[inert]{opacity:0;transition-duration:.4s;display:none}}.global-nav-up-only{@media (width<720px){display:none}}.mx-header__inner{grid-template-columns:1fr auto;align-items:center;display:grid}.mx-header__brand{gap:var(--brand-gap,var(--gap));align-items:center;margin-inline-end:auto;display:flex}.mx-header__name{display:grid}.mx-header__main{gap:var(--main-gap,var(--gap));align-items:center;display:flex}.mx-header__search{& form{margin-block:var(--spacing-m)}& input{@media (width>=720px){max-inline-size:150px}}}.mx-header__nav-inner{@media (width>=720px){display:flex}}.mx-header__nav-right{margin-block:var(--spacing-m);@media (width>=720px){margin-block:0;margin-inline-start:auto;padding-block:4px}}}