@pnx-mixtape/mxds 0.1.0-rc.4 → 0.1.0-rc.5

package/dist/build/back-to-top.css

@@ -0,0 +1 @@
+@layer popover-polyfill;@layer design-system.defaults{mx-back-to-top{display:block}}@layer design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-back-to-top{--back-to-top-display:block;display:var(--back-to-top-display,none);z-index:var(--back-to-top-z-index,10);position:fixed;inset-block-end:calc(var(--back-to-top-gap,64px) + var(--back-to-top-offset,var(--sticky-offset,0px)));inset-inline-end:var(--back-to-top-inline-end,var(--spacing-m));@media print{--back-to-top-display:none}}.mx-back-to-top--l{display:var(--back-to-top-display,none);z-index:var(--back-to-top-z-index,10);position:fixed;inset-block-end:calc(var(--back-to-top-gap,64px) + var(--back-to-top-offset,var(--sticky-offset,0px)));inset-inline-end:var(--back-to-top-inline-end,var(--spacing-m));@media (width>=946px){--back-to-top-display:block}@media print{--back-to-top-display:none}}:is(.mx-back-to-top,.mx-back-to-top--l).is-enhanced{visibility:hidden;opacity:0;transition:visibility 0s linear .3s,opacity .3s;@media (prefers-reduced-motion:reduce){transition:none}&.is-visible{visibility:visible;opacity:1;transition:visibility linear,opacity .3s}}}

package/dist/build/back-to-top.entry.js

@@ -0,0 +1 @@
+import "./chunks/BackToTop-4M-Wl7z3.js";

package/dist/build/button.css

@@ -1 +1 @@
-@layer popover-polyfill,design-system.defaults;@layer design-system.atoms{.mx-button{--outline-offset:1px;gap:var(--button-gap,var(--spacing-s));inline-size:fit-content;font-size:var(--button-font-size,var(--font-size));font-weight:var(--font-weight-bold);font-family:var(--font-family), sans-serif;line-height:var(--line-height-ui);border:var(--line-width,2px) solid var(--line-colour,currentcolor);border-radius:var(--radius,var(--border-radius-l));padding-block:var(--vertical-padding,var(--spacing-xxs));padding-inline:var(--horizontal-padding,var(--spacing-m));background-color:var(--button-bg,var(--background,var(--colour-background)));color:var(--button-fg,var(--foreground,var(--colour-foreground)));letter-spacing:var(--button-letter-spacing,0);min-block-size:var(--button-min-height,unset);text-decoration-line:none;display:inline-flex;&:hover{cursor:pointer;text-decoration-line:none}&:disabled{cursor:not-allowed;opacity:.3;@media (forced-colors:active){--forced-colour:GrayText;forced-color-adjust:none;opacity:1;color:graytext;background-color:buttonface;border-color:graytext}}@media (forced-colors:active){--forced-colour:ButtonText}}.mx-button--full-width{justify-content:center;inline-size:100%}.mx-button--large{--vertical-padding:var(--spacing-s);--horizontal-padding:var(--spacing-l)}.mx-button--small{--button-font-size:var(--font-size-s);--vertical-padding:var(--spacing-xxxs);--horizontal-padding:var(--spacing-s)}.mx-button--icon-only{inline-size:var(--button-min-height,var(--spacing-xl));block-size:var(--button-min-height,var(--spacing-xl));border-radius:var(--border-radius-round);flex-wrap:wrap;align-content:start;padding:0;overflow:hidden;&:before,&:after{--icon-size:100%;-webkit-mask-size:var(--spacing-s);mask-size:var(--spacing-s)}&:has(.mx-icon){place-content:center}}.mx-button--dark{--line-colour:var(--button-dark-line,var(--link-colour,var(--colour-link)));--button-bg:var(--button-dark-bg,var(--link-colour,var(--colour-link)));--button-fg:var(--button-dark-fg,var(--colour-foreground-reverse));&.mx-button--outline{--button-bg:transparent;--button-fg:var(--button-dark-bg,var(--link-colour,var(--colour-link)))}}.mx-button--light{--line-colour:var(--button-light-line,transparent);--button-bg:var(--button-light-bg,transparent);--button-fg:var(--button-light-fg,var(--link-colour,var(--colour-link)));text-decoration-line:underline;&:hover{text-decoration-line:underline}}.mx-button--accent{--line-colour:var(--button-accent-line,light-dark(var(--colour-accent),var(--colour-accent-darkest)));--button-bg:var(--button-accent-bg,light-dark(var(--colour-accent),var(--colour-accent-darkest)));--button-fg:var(--button-accent-fg,var(--colour-foreground));color-scheme:var(--button-accent-scheme,var(--colour-accent-scheme,light));&.mx-button--outline{--button-bg:transparent;--button-fg:var(--button-accent-bg,light-dark(var(--colour-accent),var(--colour-accent-darkest)));--line-colour:var(--button-fg);color-scheme:var(--button-accent-scheme-rev,var(--button-accent-scheme,dark))}}.mx-button--destructive{--line-colour:var(--colour-error);--button-bg:var(--colour-error);--button-fg:var(--colour-foreground-reverse);&.mx-button--outline{--button-bg:transparent;--button-fg:var(--colour-error)}}.mx-button--white{--button-bg:var(--colour-background);--button-fg:var(--colour-foreground);--line-colour:var(--colour-background);color-scheme:light;&.mx-button--outline{--button-bg:transparent;--button-fg:var(--colour-foreground-reverse)}}}@layer design-system.layout,design-system.utilities,design-system.components;
+@layer popover-polyfill,design-system.defaults;@layer design-system.atoms{.mx-button{--outline-offset:1px;gap:var(--button-gap,var(--spacing-s));inline-size:fit-content;font-size:var(--button-font-size,var(--font-size));font-weight:var(--font-weight-bold);font-family:var(--font-family), sans-serif;line-height:var(--line-height-ui);border:var(--line-width,2px) solid var(--line-colour,currentcolor);border-radius:var(--radius,var(--border-radius-l));padding-block:var(--vertical-padding,var(--spacing-xxs));padding-inline:var(--horizontal-padding,var(--spacing-m));background-color:var(--button-bg,var(--background,var(--colour-background)));color:var(--button-fg,var(--foreground,var(--colour-foreground)));letter-spacing:var(--button-letter-spacing,0);min-block-size:var(--button-min-height,unset);align-items:center;text-decoration-line:none;display:inline-flex;&:hover{cursor:pointer;text-decoration-line:none}&:disabled{cursor:not-allowed;opacity:.3;@media (forced-colors:active){--forced-colour:GrayText;forced-color-adjust:none;opacity:1;color:graytext;background-color:buttonface;border-color:graytext}}@media (forced-colors:active){--forced-colour:ButtonText}}.mx-button--full-width{justify-content:center;inline-size:100%}.mx-button--large{--vertical-padding:var(--spacing-s);--horizontal-padding:var(--spacing-l)}.mx-button--small{--button-font-size:var(--font-size-s);--vertical-padding:var(--spacing-xxxs);--horizontal-padding:var(--spacing-s)}.mx-button--icon-only{inline-size:var(--button-min-height,var(--spacing-xl));block-size:var(--button-min-height,var(--spacing-xl));border-radius:var(--border-radius-round);flex-wrap:wrap;align-content:start;padding:0;overflow:hidden;&:before,&:after{--icon-size:100%;-webkit-mask-size:var(--spacing-s);mask-size:var(--spacing-s)}&:has(.mx-icon){place-content:center}}.mx-button--dark{--line-colour:var(--button-dark-line,var(--link-colour,var(--colour-link)));--button-bg:var(--button-dark-bg,var(--link-colour,var(--colour-link)));--button-fg:var(--button-dark-fg,var(--colour-foreground-reverse));&.mx-button--outline{--button-bg:transparent;--button-fg:var(--button-dark-bg,var(--link-colour,var(--colour-link)))}}.mx-button--light{--line-colour:var(--button-light-line,transparent);--button-bg:var(--button-light-bg,transparent);--button-fg:var(--button-light-fg,var(--link-colour,var(--colour-link)));text-decoration-line:underline;&:hover{text-decoration-line:underline}}.mx-button--accent{--line-colour:var(--button-accent-line,light-dark(var(--colour-accent),var(--colour-accent-darkest)));--button-bg:var(--button-accent-bg,light-dark(var(--colour-accent),var(--colour-accent-darkest)));--button-fg:var(--button-accent-fg,var(--colour-foreground));color-scheme:var(--button-accent-scheme,var(--colour-accent-scheme,light));&.mx-button--outline{--button-bg:transparent;--button-fg:var(--button-accent-bg,light-dark(var(--colour-accent),var(--colour-accent-darkest)));--line-colour:var(--button-fg);color-scheme:var(--button-accent-scheme-rev,var(--button-accent-scheme,dark))}}.mx-button--destructive{--line-colour:var(--colour-error);--button-bg:var(--colour-error);--button-fg:var(--colour-foreground-reverse);&.mx-button--outline{--button-bg:transparent;--button-fg:var(--colour-error)}}.mx-button--white{--button-bg:var(--colour-background);--button-fg:var(--colour-foreground);--line-colour:var(--colour-background);color-scheme:light;&.mx-button--outline{--button-bg:transparent;--button-fg:var(--colour-foreground-reverse)}}}@layer design-system.layout,design-system.utilities,design-system.components;

package/dist/build/card.css

@@ -1 +1 @@
-@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-card{gap:var(--card-gap,var(--gap));block-size:100%;display:grid;&[class*=mx-background--]{border-radius:var(--border-radius);@container card (width>=720px){--content-min-spacing:var(--content-max-spacing,var(--spacing-m))}& .mx-card__content{padding-inline:var(--content-min-spacing,var(--spacing-s));padding-block-end:var(--content-min-spacing,var(--spacing-s))}&:not(:has(.mx-card__media,.mx-card__icon)) .mx-card__content{padding-block-start:var(--content-min-spacing,var(--spacing-s))}& .mx-card__icon{padding-inline:var(--content-min-spacing,var(--spacing-s));padding-block-start:var(--content-min-spacing,var(--spacing-s))}&.mx-background--box{padding-inline:unset}}&:has(.mx-card__media){grid-template:"media""content"1fr/1fr;@container card (width>=720px){--card-gap:var(--gap-l);--card-alignment:center;grid-template:"media content" 1fr / var(--media-col,1fr) var(--content-col,1fr);&.mx-card--reversed{grid-template-areas:"content media";grid-template-columns:var(--content-col,1fr) var(--media-col,1fr)}}@container card (width>=946px){--card-gap:var(--large-card-gap,6rem)}&[class*=mx-background--]{@container card (width>=720px){& .mx-card__content{padding-block-start:var(--content-min-spacing,var(--spacing-s))}&:where(:not(.mx-card--reversed)) .mx-card__content{padding-inline-start:0}&.mx-card--reversed .mx-card__content{padding-inline-end:0}}}& .mx-card__content{align-self:var(--align-content,var(--card-alignment,stretch));grid-area:content}& .mx-card__media{align-self:var(--align-media,var(--card-alignment,stretch));grid-area:media;inline-size:100%;& img{aspect-ratio:var(--ratio);border-radius:var(--border-radius);object-fit:cover;inline-size:100%}}& .mx-skeleton--bg,& .mx-card__icon{grid-area:media}}& .mx-link-list{inline-size:100%}}.mx-card__content>a:last-child{margin-block-start:auto}.mx-grid:has(>:nth-child(2):last-child)>:is(.mx-card,.mx-container:has(.mx-card)){inline-size:min(100%, var(--max-card-width,37ch));margin-inline:auto}.mx-container:has(>.mx-card){--container-name:card}.mx-card--block{position:relative;& a{&:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}&:is(:focus,:focus-visible){outline:unset}}&:has(a[aria-label]){& a:not(:has(.mx-icon)){margin-block-start:calc(var(--flow-gap,var(--gap)) * -1)}&:hover :is(h2,h3,h4){color:var(--link-colour,var(--colour-link))}}&:focus-within{outline:var(--outline-size,2px) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:var(--outline-offset,2px);&.mx-background--box{outline-offset:var(--outline-offset,-2px)}}}}.mx-card--collapse{@media (width<540px){& :is(p,.mx-text--lede){display:none}}@media (320px<width<720px){--flow-gap:var(--spacing-xxxs);&:has(.mx-card__media){--collapsed-media-col:var(--collapsed-image-width,100px);--ratio:1;grid-template:"content media" / var(--collapsed-content-col,1fr) var(--collapsed-media-col,1fr)}}}:is(.mx-card--collapse:where(:not(.mx-list-item)),.mx-container:has(>.mx-card--collapse)){&:where(:not(:first-child)){@media (width<720px){border-block-start:var(--line-width,1px) solid var(--line-colour,var(--colour-border));padding-block-start:var(--gap)}}}
+@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-card{gap:var(--card-gap,var(--gap));block-size:100%;display:grid;&[class*=mx-background--]{border-radius:var(--border-radius);@container card (width>=720px){--content-min-spacing:var(--content-max-spacing,var(--spacing-m))}& .mx-card__content{padding-inline:var(--content-min-spacing,var(--spacing-s));padding-block-end:var(--content-min-spacing,var(--spacing-s))}&:not(:has(.mx-card__media,.mx-card__icon)) .mx-card__content{padding-block-start:var(--content-min-spacing,var(--spacing-s))}& .mx-card__icon{padding-inline:var(--content-min-spacing,var(--spacing-s));padding-block-start:var(--content-min-spacing,var(--spacing-s))}&.mx-background--box{padding-inline:unset}}&:has(.mx-card__media){grid-template:"media""content"1fr/1fr;@container card (width>=720px){--card-gap:var(--gap-l);--card-alignment:center;grid-template:"media content" 1fr / var(--media-col,1fr) var(--content-col,1fr);&.mx-card--reversed{grid-template-areas:"content media";grid-template-columns:var(--content-col,1fr) var(--media-col,1fr)}}@container card (width>=946px){--card-gap:var(--large-card-gap,6rem)}&[class*=mx-background--]{@container card (width>=720px){& .mx-card__content{padding-block-start:var(--content-min-spacing,var(--spacing-s))}&:where(:not(.mx-card--reversed)) .mx-card__content{padding-inline-start:0}&.mx-card--reversed .mx-card__content{padding-inline-end:0}}}& .mx-card__content{align-self:var(--align-content,var(--card-alignment,stretch));grid-area:content}& .mx-card__media{align-self:var(--align-media,var(--card-alignment,stretch));grid-area:media;inline-size:100%;& img{aspect-ratio:var(--ratio);border-radius:var(--border-radius);object-fit:cover;inline-size:100%}}& .skeleton--bg,& .mx-card__icon{grid-area:media}}& .mx-link-list{inline-size:100%}}.mx-card__content>a:last-child{margin-block-start:auto}.mx-grid:has(>:nth-child(2):last-child)>:is(.mx-card,.mx-container:has(.mx-card)){inline-size:min(100%, var(--max-card-width,37ch));margin-inline:auto}.mx-container:has(>.mx-card){--container-name:card}.mx-card--block{position:relative;& a{&:before{content:"";block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}&:is(:focus,:focus-visible){outline:unset}}&:has(a[aria-label]){& a:not(:has(.mx-icon)){margin-block-start:calc(var(--flow-gap,var(--gap)) * -1)}&:hover :is(h2,h3,h4){color:var(--link-colour,var(--colour-link))}}&:focus-within{outline:var(--outline-size,2px) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:var(--outline-offset,2px);&.mx-background--box{outline-offset:var(--outline-offset,-2px)}}}}.mx-card--collapse{@media (width<540px){& :is(p,.mx-text--lede){display:none}}@media (320px<width<720px){--flow-gap:var(--spacing-xxxs);&:has(.mx-card__media){--collapsed-media-col:var(--collapsed-image-width,100px);--ratio:1;grid-template:"content media" / var(--collapsed-content-col,1fr) var(--collapsed-media-col,1fr)}}}:is(.mx-card--collapse:where(:not(.mx-list-item)),.mx-container:has(>.mx-card--collapse)){&:where(:not(:first-child)){@media (width<720px){border-block-start:var(--line-width,1px) solid var(--line-colour,var(--colour-border));padding-block-start:var(--gap)}}}

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

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

package/dist/build/chunks/AccordionGroup-BYtoAFxg.js

@@ -0,0 +1,47 @@
+//#region src/Component/Accordion/Elements/AccordionGroup.ts
+var e = class extends HTMLElement {
+	internals_;
+	controller;
+	constructor() {
+		super(), this.internals_ = this.attachInternals(), this.controller = new AbortController();
+	}
+	connectedCallback() {
+		if (!this.accordions || !this.expandTrigger || !this.collapseTrigger) return;
+		this.handleToggle();
+		let { signal: e } = this.controller;
+		this.addEventListener("click", this.handleClick, { signal: e }), this.accordions.forEach((t) => t.addEventListener("toggle", this.handleToggle, { signal: e }));
+	}
+	disconnectedCallback() {
+		this.controller.abort();
+	}
+	handleClick = ({ target: e }) => {
+		e === this.expandTrigger && this.handleExpand(), e === this.collapseTrigger && this.handleCollapse();
+	};
+	handleExpand = () => {
+		this.accordions.forEach((e) => e.open = !0), this.expandTrigger.disabled = !0, this.collapseTrigger.disabled = !1;
+	};
+	handleCollapse = () => {
+		this.accordions.forEach((e) => e.open = !1), this.expandTrigger.disabled = !1, this.collapseTrigger.disabled = !0;
+	};
+	handleToggle = () => {
+		this.expandTrigger.disabled = [...this.accordions].every((e) => e.open === !0), this.collapseTrigger.disabled = [...this.accordions].every((e) => e.open !== !0);
+	};
+	get accordions() {
+		let e = this.querySelectorAll("details");
+		if (!e.length) throw Error(`${this.localName} must contain at least one <details> element.`);
+		return e;
+	}
+	get expandTrigger() {
+		let e = this.querySelector("button[data-expand]");
+		if (!e) throw Error(`${this.localName} must contain a <button data-expand> element.`);
+		return e;
+	}
+	get collapseTrigger() {
+		let e = this.querySelector("button[data-collapse]");
+		if (!e) throw Error(`${this.localName} must contain a <button data-collapse> element.`);
+		return e;
+	}
+};
+customElements.get("mx-accordion-group") || customElements.define("mx-accordion-group", e);
+//#endregion
+export { e as t };

package/dist/build/chunks/AccordionMobile-D3sTeiM5.js

@@ -0,0 +1,26 @@
+import { t as e } from "./Accordion-D2wp8hBG.js";
+//#region src/Component/Accordion/Elements/AccordionMobile.ts
+var t = class extends e {
+	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", t);
+//#endregion
+export { t };

package/dist/build/chunks/Autocomplete-kRo8RNbC.js

@@ -0,0 +1,135 @@
+//#region src/Form/Autocomplete/Elements/Autocomplete.ts
+var e = class extends HTMLElement {
+	internals_;
+	controller;
+	observer;
+	activeOption;
+	constructor() {
+		super(), this.internals_ = this.attachInternals(), this.controller = new AbortController(), this.activeOption = null;
+	}
+	connectedCallback() {
+		if (!this.input || !this.listbox || !this.status) return;
+		let { signal: e } = this.controller;
+		this.input.addEventListener("input", this.handleInput, { signal: e }), this.input.addEventListener("keydown", this.handleKeydown, { signal: e }), this.input.addEventListener("focus", this.handleFocus, { signal: e }), this.input.addEventListener("blur", this.handleBlur, { signal: e }), this.listbox.addEventListener("mousedown", this.handleListboxMousedown, { signal: e }), this.listbox.addEventListener("click", this.handleOptionClick, { signal: e }), this.observer = new MutationObserver(this.handleOptionsChange), this.observer.observe(this.listbox, { childList: !0 });
+	}
+	disconnectedCallback() {
+		this.controller.abort(), this.observer?.disconnect();
+	}
+	handleOptionsChange = () => {
+		this.activeOption && !this.options.includes(this.activeOption) && this.setActive(null), this.updateVisibility();
+	};
+	handleInput = () => {
+		this.setActive(null), this.dispatchSearch(), this.updateVisibility();
+	};
+	handleFocus = () => {
+		this.updateVisibility();
+	};
+	handleBlur = () => {
+		this.close();
+	};
+	handleListboxMousedown = (e) => {
+		e.preventDefault();
+	};
+	handleKeydown = (e) => {
+		if (!this.isOpen) (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), this.updateVisibility());
+		else switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), this.moveActive(1);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), this.moveActive(-1);
+				break;
+			case "Home":
+				e.preventDefault(), this.setActive(this.visibleOptions[0] ?? null);
+				break;
+			case "End":
+				e.preventDefault(), this.setActive(this.visibleOptions.at(-1) ?? null);
+				break;
+			case "Enter":
+				if (!this.activeOption) return;
+				e.preventDefault(), this.select(this.activeOption);
+				break;
+			case "Escape": e.preventDefault(), this.close();
+		}
+	};
+	handleOptionClick = (e) => {
+		let t = e.target.closest("[role=\"option\"]");
+		t && this.select(t);
+	};
+	dispatchSearch() {
+		let e = new CustomEvent("mx-autocomplete-search", {
+			bubbles: !0,
+			detail: { query: this.input.value.trim() }
+		});
+		this.dispatchEvent(e);
+	}
+	updateVisibility() {
+		let e = this.input.value.trim().length > 0, t = this.visibleOptions.length, n = e && t > 0;
+		this.listbox.hidden = !n, this.input.setAttribute("aria-expanded", String(n)), this.status.textContent = e ? t === 0 ? this.noResultsLabel : `${t} result${t === 1 ? "" : "s"} available` : "";
+	}
+	moveActive(e) {
+		let t = this.visibleOptions;
+		if (t.length === 0) return;
+		let n = ((this.activeOption ? t.indexOf(this.activeOption) : -1) + e + t.length) % t.length;
+		this.setActive(t[n]);
+	}
+	setActive(e) {
+		this.activeOption?.setAttribute("aria-selected", "false"), this.activeOption = e, e?.setAttribute("aria-selected", "true"), this.input.setAttribute("aria-activedescendant", e?.id ?? ""), e?.scrollIntoView({ block: "nearest" });
+	}
+	select(e) {
+		let t = e.textContent ?? "";
+		this.input.value = t, this.close(), this.input.focus();
+		let n = new CustomEvent("mx-autocomplete-select", {
+			bubbles: !0,
+			detail: {
+				value: e.dataset.value ?? t,
+				label: t
+			}
+		});
+		this.dispatchEvent(n);
+	}
+	close() {
+		this.listbox.hidden = !0, this.input.setAttribute("aria-expanded", "false"), this.status.textContent = "", this.setActive(null);
+	}
+	get isOpen() {
+		return !this.listbox.hidden;
+	}
+	get noResultsLabel() {
+		return this.dataset.noResultsLabel || "No results found";
+	}
+	get control() {
+		let e = this.querySelector("[data-control]");
+		if (!e) throw Error(`${this.localName} must contain a [data-control] element.`);
+		return e;
+	}
+	get input() {
+		let e = this.control.querySelector("input[role=\"combobox\"]");
+		if (!e) throw Error(`${this.localName} must contain an <input role="combobox">.`);
+		return e;
+	}
+	get listbox() {
+		let e = this.querySelector("[role=\"listbox\"]");
+		if (!e) throw Error(`${this.localName} must contain a [role="listbox"] element.`);
+		return e;
+	}
+	get status() {
+		let e = this.querySelector("[data-autocomplete-status]");
+		if (!e) throw Error(`${this.localName} must contain a [data-autocomplete-status] element.`);
+		return e;
+	}
+	get options() {
+		return Array.from(this.listbox.querySelectorAll("[role=\"option\"]"));
+	}
+	get visibleOptions() {
+		return this.options.filter((e) => !e.hidden);
+	}
+	get pending() {
+		return this.control.getAttribute("aria-busy") === "true";
+	}
+	set pending(e) {
+		this.control.setAttribute("aria-busy", String(e));
+	}
+};
+customElements.get("mx-autocomplete") || customElements.define("mx-autocomplete", e);
+//#endregion
+export { e as t };

package/dist/build/chunks/BackToTop-4M-Wl7z3.js

@@ -0,0 +1,64 @@
+//#region src/Component/BackToTop/Elements/BackToTop.ts
+var e = (e) => {
+	let t = Number.parseFloat(e);
+	return Number.isNaN(t) ? window.innerHeight : e.endsWith("vh") ? t / 100 * window.innerHeight : t;
+}, t = class extends HTMLElement {
+	internals_;
+	controller;
+	io;
+	constructor() {
+		super(), this.internals_ = this.attachInternals(), this.controller = new AbortController();
+	}
+	connectedCallback() {
+		let { signal: t } = this.controller;
+		this.classList.add("is-enhanced"), this.trigger?.addEventListener("click", this.handleClick, { signal: t });
+		let n = this.getAttribute("target"), r = n ? document.querySelector(n) : null;
+		if (r) {
+			this.io = new IntersectionObserver(([{ boundingClientRect: e }]) => {
+				this.setVisible(e.y < 0);
+			}), this.io.observe(r);
+			return;
+		}
+		let i = e(this.getAttribute("visibleafter") || "100vh");
+		this.setVisible(window.scrollY > i), window.addEventListener("scroll", () => this.setVisible(window.scrollY > i), {
+			signal: t,
+			passive: !0
+		});
+	}
+	disconnectedCallback() {
+		this.controller.abort(), this.io?.disconnect();
+	}
+	get trigger() {
+		return this.querySelector("a");
+	}
+	setVisible(e) {
+		this.classList.contains("is-visible") !== e && (this.classList.toggle("is-visible", e), this.dispatchEvent(new CustomEvent("back-to-top-toggle", {
+			bubbles: !0,
+			cancelable: !0,
+			detail: {
+				isVisible: e,
+				target: this
+			}
+		})));
+	}
+	handleClick = (e) => {
+		let t = e.currentTarget.getAttribute("href");
+		if (!t?.startsWith("#")) return;
+		let n = document.querySelector(t);
+		if (!n) return;
+		e.preventDefault();
+		let r = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+		n.scrollIntoView({
+			behavior: r ? "auto" : "smooth",
+			block: "start"
+		});
+		let i = n.hasAttribute("tabindex");
+		i || n.setAttribute("tabindex", "-1"), n.focus({ preventScroll: !0 }), i || n.addEventListener("blur", () => n.removeAttribute("tabindex"), {
+			once: !0,
+			signal: this.controller.signal
+		}), window.history?.pushState?.(null, "", t);
+	};
+};
+customElements.get("mx-back-to-top") || customElements.define("mx-back-to-top", t);
+//#endregion
+export { t };

package/dist/build/chunks/ClosableAlert-yy84gae6.js

@@ -0,0 +1,55 @@
+import { s as e, t } from "./utilities-Dd-08SW6.js";
+//#region src/Component/GlobalAlert/Elements/ClosableAlert.ts
+var n = 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", document.body?.focus?.();
+		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 = t(`<button class="mx-icon mx-icon--close" aria-controls="${this.id}" aria-label="Close GlobalAlert" type="button"></button>`), this.container.appendChild(e)), e;
+	}
+	generatedId() {
+		let t = `mx-alert-${Math.floor(Math.random() * 1e4)}`;
+		return e(t, 20);
+	}
+};
+customElements.get("mx-closable-alert") || customElements.define("mx-closable-alert", n);
+//#endregion
+export { n as t };

package/dist/build/chunks/CookieConsent-wd8gQ2Oe.js

@@ -0,0 +1,18 @@
+import { t as e } from "./cookie-compliance-CG6x-TcV.js";
+//#region src/Component/CookieConsent/Elements/CookieConsent.ts
+var t = class extends HTMLElement {
+	internals_;
+	compliance;
+	constructor() {
+		super(), this.internals_ = this.attachInternals();
+	}
+	connectedCallback() {
+		this.compliance = new e(this), this.compliance.init();
+	}
+	disconnectedCallback() {
+		this.compliance?.destroy();
+	}
+};
+customElements.get("mx-cookie-consent") || customElements.define("mx-cookie-consent", t);
+//#endregion
+export { t };

package/dist/build/chunks/Dialog-DWoXW-7Z.js

@@ -0,0 +1,48 @@
+import { i as e, r as t } from "./utilities-Dd-08SW6.js";
+//#region src/Component/Dialog/Elements/Dialog.ts
+var n = class extends HTMLElement {
+	internals_;
+	controller;
+	scrollLockClass = "body--scroll-lock";
+	constructor() {
+		super(), this.internals_ = this.attachInternals(), this.controller = new AbortController();
+	}
+	connectedCallback() {
+		if (!this.dialog) return;
+		let { signal: n } = this.controller;
+		this.openBtns?.forEach((e) => e.addEventListener("click", this.handleOpen, { signal: n })), this.closeBtns?.forEach((e) => e.addEventListener("click", this.handleClose, { signal: n })), document.addEventListener("click", (t) => {
+			this.dialog?.open && e(t, this.dialog, this.handleClose, [...this.openBtns, ...this.closeBtns]);
+		}, { signal: n }), document.addEventListener("keydown", (e) => {
+			this.dialog?.open && t(e, this.handleClose);
+		}, { signal: n });
+	}
+	disconnectedCallback() {
+		this.dialog && (typeof this.dialog.close == "function" && this.dialog.close(), this.openBtns?.forEach((e) => e.setAttribute("aria-expanded", "false")), this.isModal && document.body.classList.remove(this.scrollLockClass), this.controller.abort());
+	}
+	handleOpen = (e) => {
+		this.dialog && (e.preventDefault(), typeof this.dialog.show == "function" && (this.isModal ? this.dialog.showModal() : this.dialog.show()), this.openBtns?.forEach((e) => e.setAttribute("aria-expanded", "true")), this.isModal && document.body.classList.add(this.scrollLockClass));
+	};
+	handleClose = () => {
+		this.dialog && (typeof this.dialog.close == "function" && this.dialog.close(), this.openBtns?.forEach((e) => e.setAttribute("aria-expanded", "false")), this.isModal && document.body.classList.remove(this.scrollLockClass));
+	};
+	get dialog() {
+		let e = this.querySelector("dialog");
+		if (!e) throw Error(`${this.localName} must contain a <dialog> element.`);
+		return e;
+	}
+	get openBtns() {
+		let e = document.querySelectorAll(`[href="#${this.id}"], [aria-controls="${this.id}"]`);
+		return e?.forEach((e) => {
+			e.setAttribute("aria-controls", this.id);
+		}), e;
+	}
+	get closeBtns() {
+		return this.querySelectorAll("button[data-close]");
+	}
+	get isModal() {
+		return this.hasAttribute("data-modal");
+	}
+};
+customElements.get("mx-dialog") || customElements.define("mx-dialog", n);
+//#endregion
+export { n as t };

package/dist/build/chunks/DropMenu-CSTZq0Zt.js

@@ -0,0 +1,68 @@
+import { t as e } from "./Popover-CiTAftNU.js";
+//#region src/Component/DropMenu/Elements/DropMenu.ts
+var t = class extends e {
+	controller;
+	closeOnClick;
+	constructor() {
+		super(), this.controller = new AbortController();
+	}
+	async connectedCallback() {
+		if (await super.connectedCallback(), !this.container || !this.trigger) return;
+		this.closeOnClick = this.hasAttribute("closeonclick");
+		let { signal: e } = this.controller;
+		document.addEventListener("click", (e) => {
+			let t = e.target, n = t.closest("a, button");
+			(t === this.container || [...this.items].includes(n)) && (this.handleSelect(e), e.preventDefault());
+		}, { signal: e }), document.addEventListener("keydown", (e) => {
+			let { target: t, key: n } = e, r = [...this.items];
+			if (t === this.container || r.includes(t)) switch (n) {
+				case "Enter":
+					e.preventDefault(), this.handleSelect(e);
+					break;
+				case "ArrowDown":
+				case "ArrowRight":
+					e.preventDefault(), this.moveFocus(t, 1);
+					break;
+				case "ArrowUp":
+				case "ArrowLeft":
+					e.preventDefault(), this.moveFocus(t, -1);
+					break;
+				case "Home":
+					e.preventDefault(), r[0].focus();
+					break;
+				case "End": e.preventDefault(), r.at(-1).focus();
+			}
+		}, { signal: e });
+	}
+	disconnectedCallback() {
+		this.controller.abort();
+	}
+	handleSelect = (e) => {
+		let t = e.target;
+		this.items?.forEach((e) => {
+			e instanceof HTMLButtonElement && e.setAttribute("aria-checked", String(e === t));
+		});
+		let n = new CustomEvent("drop-menu-select", {
+			bubbles: !0,
+			cancelable: !0,
+			detail: {
+				event: e,
+				target: t
+			}
+		});
+		this.container.dispatchEvent(n), this.closeOnClick && this.container.togglePopover();
+	};
+	moveFocus = (e, t) => {
+		let n = [...this.items], r = n.indexOf(e);
+		if (r === -1) return;
+		let i = r;
+		for (let e = 0; e < n.length && (i = (i + t + n.length) % n.length, n[i].getAttribute("tabindex") === "-1"); e += 1);
+		n[i]?.focus();
+	};
+	get items() {
+		return this.container.querySelectorAll("a, button");
+	}
+};
+customElements.get("mx-dropmenu") || customElements.define("mx-dropmenu", t);
+//#endregion
+export { t };

package/dist/build/chunks/FeedbackForm-BochXEDx.js

@@ -0,0 +1,64 @@
+import { n as e } from "./cookie-compliance-CG6x-TcV.js";
+import "./utilities-Dd-08SW6.js";
+//#region src/Form/FeedbackForm/Elements/FeedbackForm.ts
+var t = class extends HTMLElement {
+	internals_;
+	controller;
+	revealed;
+	constructor() {
+		super(), this.internals_ = this.attachInternals(), this.controller = new AbortController(), this.revealed = !1;
+	}
+	static get observedAttributes() {
+		return ["pending"];
+	}
+	connectedCallback() {
+		let { signal: e } = this.controller;
+		this.classList.add("is-enhanced"), this.form?.setAttribute("novalidate", ""), this.querySelectorAll("input[type=\"radio\"]").forEach((t) => {
+			t.addEventListener("change", this.handleRatingChange, { signal: e });
+		}), this.form?.addEventListener("submit", this.handleSubmit, { signal: e });
+	}
+	disconnectedCallback() {
+		this.controller.abort();
+	}
+	attributeChangedCallback(e) {
+		if (e !== "pending") return;
+		let t = this.hasAttribute("pending");
+		this.internals_.states[t ? "add" : "delete"]("pending"), this.submitButton?.toggleAttribute("disabled", t), this.submitButton?.setAttribute("aria-busy", String(t));
+	}
+	handleRatingChange = () => {
+		this.revealed || (this.revealed = !0, this.comment?.focus());
+	};
+	handleSubmit = (t) => {
+		let n = this.comment;
+		if (n?.required && !e.notEmpty(n.value)) {
+			t.preventDefault(), n.setAttribute("aria-invalid", "true"), this.status?.removeAttribute("hidden"), n.focus();
+			return;
+		}
+		n?.removeAttribute("aria-invalid"), this.status?.setAttribute("hidden", "");
+		let r = this.querySelector("input[type=\"radio\"]:checked")?.value ?? null, i = new CustomEvent("mx-feedback-form-submit", {
+			bubbles: !0,
+			cancelable: !0,
+			detail: {
+				rating: r,
+				comment: n?.value ?? "",
+				form: this.form
+			}
+		});
+		this.dispatchEvent(i) || t.preventDefault();
+	};
+	get form() {
+		return this.querySelector("form");
+	}
+	get comment() {
+		return this.querySelector(".mx-feedback-form__reveal textarea");
+	}
+	get status() {
+		return this.querySelector(".mx-feedback-form__reveal [role=\"alert\"]");
+	}
+	get submitButton() {
+		return this.querySelector(".mx-form-actions button");
+	}
+};
+customElements.get("mx-feedback-form") || customElements.define("mx-feedback-form", t);
+//#endregion
+export { t };