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

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

@@ -1,407 +0,0 @@
-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/chunks/utilities-DepaJdUg.js

@@ -1,242 +0,0 @@
-var DisclosureWidget = class {
-	options;
-	context;
-	trigger;
-	element;
-	id;
-	isOpen;
-	attached;
-	constructor(e, t, n, r = document) {
-		if (!e) throw Error("toggle is required.");
-		if (!t) throw Error("element is required.");
-		this.options = {
-			attribute: "inert",
-			shouldPreventDefault: !0,
-			setInitialAttribute: !0,
-			clickEvent: "click",
-			...n
-		}, this.context = r || document, this.trigger = e, this.element = t, this.id = this.element.id || this.generatedId();
-	}
-	init = () => {
-		if (Object.prototype.hasOwnProperty.call(this.trigger, "disclosureWidget")) return;
-		let { attribute: e, setInitialAttribute: t } = this.options;
-		this.trigger.disclosureWidget = this, t && this.element.setAttribute(e, ""), this.attach();
-	};
-	handleToggle = () => {
-		let { attribute: e, setInitialAttribute: t } = this.options;
-		this.element.toggleAttribute(e);
-		let n = this.element.hasAttribute(e);
-		this.isOpen = t ? !n : n, this.trigger.setAttribute("aria-expanded", String(this.isOpen));
-		let r = new CustomEvent("disclosure-toggle", {
-			bubbles: !0,
-			cancelable: !0,
-			detail: {
-				isOpen: this.isOpen,
-				id: this.id,
-				options: this.options,
-				target: this.element
-			}
-		});
-		this.trigger.dispatchEvent(r);
-	};
-	handleMouse = (e) => {
-		let { currentTarget: t, type: n, relatedTarget: r } = e;
-		if (n === "mouseover" || n === "mouseout") {
-			let e = this.trigger.parentNode;
-			if (e !== t || e.contains(r)) return;
-		} else if (this.trigger !== t) return;
-		let { shouldPreventDefault: i } = this.options;
-		this.handleToggle(), i && (e.preventDefault(), e.stopPropagation());
-	};
-	handleKeyboard = (e) => {
-		let { key: t, target: n } = e;
-		if (this.trigger !== n) return;
-		let { isOpen: r } = this, { shouldPreventDefault: i } = this.options;
-		switch (t) {
-			case "ArrowDown":
-			case "Enter":
-				r || this.handleToggle(), i && e.preventDefault();
-				break;
-			case "ArrowUp":
-			case "Escape":
-				r && this.handleToggle(), i && e.preventDefault();
-				break;
-			default: break;
-		}
-	};
-	attach = () => {
-		if (this.attached) return;
-		let { clickEvent: e } = this.options;
-		if (e === "mouseover") {
-			let e = this.trigger.parentNode;
-			e.addEventListener("mouseover", this.handleMouse), e.addEventListener("mouseout", this.handleMouse);
-		} else this.trigger.addEventListener("click", this.handleMouse);
-		this.trigger.addEventListener("keydown", this.handleKeyboard), this.trigger.setAttribute("aria-expanded", "false"), this.trigger.hasAttribute("aria-controls") || this.trigger.setAttribute("aria-controls", this.id), this.attached = !0;
-	};
-	detach = () => {
-		if (!this.attached) return;
-		this.isOpen && this.handleToggle();
-		let { clickEvent: e } = this.options;
-		if (e === "mouseover") {
-			let e = this.trigger.parentNode;
-			e.removeEventListener("mouseover", this.handleMouse), e.removeEventListener("mouseout", this.handleMouse);
-		} else this.trigger.removeEventListener("click", this.handleMouse);
-		this.trigger.removeEventListener("keydown", this.handleKeyboard), this.trigger.removeAttribute("aria-expanded"), this.attached = !1;
-	};
-	generatedId = () => {
-		let e = this.trigger?.textContent?.trim();
-		return e ? makeAnchor(e) : "";
-	};
-}, Keyboard = class {
-	constructor() {
-		window.Mixtape = window.Mixtape || {}, window.Mixtape.Popups = window.Mixtape.Popups || [], window.Mixtape.Menu = window.Mixtape.Menu || {};
-	}
-	attachPopup = (e, t) => {
-		window.Mixtape.Popups.push({
-			id: e,
-			closefn: t
-		});
-	};
-	detachPopup = (e) => {
-		window.Mixtape.Popups = window.Mixtape.Popups.filter((t) => t.id !== e);
-	};
-	attachMenu = (e, t) => {
-		window.Mixtape.Menu = {
-			context: e,
-			items: t
-		};
-	};
-	detachMenu = () => {
-		window.Mixtape.Menu = null;
-	};
-	getNextFocusableMenuItem = (e, t = !1) => t ? e === 0 ? window.Mixtape.Menu.items.length - 1 : e - 1 : window.Mixtape.Menu.items.length > e + 1 ? e + 1 : 0;
-	moveFocus = (e, t = !1) => {
-		if (!window.Mixtape.Menu.items) return;
-		let n = 0;
-		window.Mixtape.Menu.items.forEach((t, r) => {
-			t === e && (n = r);
-		});
-		let r = this.getNextFocusableMenuItem(n, t), i = window.Mixtape.Menu.items[r].getAttribute("tabindex");
-		if (i !== "-1") window.Mixtape.Menu.items[r].focus();
-		else {
-			for (; i === "-1";) r = this.getNextFocusableMenuItem(r, t), i = window.Mixtape.Menu.items[r].getAttribute("tabindex");
-			window.Mixtape.Menu.items[r].focus();
-		}
-		window.Mixtape.Menu.active = r;
-	};
-	handleGlobalClick = ({ target: e }) => {
-		let t = window.Mixtape.Popups ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1] : null;
-		if (t && t.id) {
-			let n = document.querySelector(`#${t.id}`).parentElement;
-			if (n && (e === n || n?.contains(e))) return;
-			t.closefn();
-		}
-	};
-	handleGlobalKeydown = (e) => {
-		let t = window.Mixtape.Popups ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1] : null, n = e.target;
-		switch (e.key) {
-			case "Escape":
-				t && t.closefn();
-				break;
-			case "ArrowDown":
-			case "ArrowRight":
-				window.Mixtape.Menu?.items && (e.preventDefault(), this.moveFocus(n));
-				break;
-			case "ArrowUp":
-			case "ArrowLeft":
-				window.Mixtape.Menu?.items && (e.preventDefault(), this.moveFocus(n, !0));
-				break;
-			default: break;
-		}
-	};
-	attachEventListeners = (e) => {
-		window.addEventListener("click", this.handleGlobalClick, { signal: e }), window.addEventListener("keydown", this.handleGlobalKeydown, { signal: e });
-	};
-};
-function assign(e) {
-	for (var t = 1; t < arguments.length; t++) {
-		var n = arguments[t];
-		for (var r in n) e[r] = n[r];
-	}
-	return e;
-}
-var defaultConverter = {
-	read: function(e) {
-		return e[0] === "\"" && (e = e.slice(1, -1)), e.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
-	},
-	write: function(e) {
-		return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g, decodeURIComponent);
-	}
-};
-function init(e, t) {
-	function r(r, i, a) {
-		if (!(typeof document > "u")) {
-			a = assign({}, t, a), typeof a.expires == "number" && (a.expires = new Date(Date.now() + a.expires * 864e5)), a.expires &&= a.expires.toUTCString(), r = encodeURIComponent(r).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
-			var o = "";
-			for (var s in a) a[s] && (o += "; " + s, a[s] !== !0 && (o += "=" + a[s].split(";")[0]));
-			return document.cookie = r + "=" + e.write(i, r) + o;
-		}
-	}
-	function a(t) {
-		if (!(typeof document > "u" || arguments.length && !t)) {
-			for (var n = document.cookie ? document.cookie.split("; ") : [], r = {}, i = 0; i < n.length; i++) {
-				var a = n[i].split("="), o = a.slice(1).join("=");
-				try {
-					var s = decodeURIComponent(a[0]);
-					if (r[s] = e.read(o, s), t === s) break;
-				} catch {}
-			}
-			return t ? r[t] : r;
-		}
-	}
-	return Object.create({
-		set: r,
-		get: a,
-		remove: function(e, t) {
-			r(e, "", assign({}, t, { expires: -1 }));
-		},
-		withAttributes: function(e) {
-			return init(this.converter, assign({}, this.attributes, e));
-		},
-		withConverter: function(e) {
-			return init(assign({}, this.converter, e), this.attributes);
-		}
-	}, {
-		attributes: { value: Object.freeze(t) },
-		converter: { value: Object.freeze(e) }
-	});
-}
-init(defaultConverter, { path: "/" });
-const makeAnchor = (e, t = 20) => {
-	if (typeof e != "string" || !e) return "";
-	let n = e.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^-a-z0-9]/g, "").replace(/[\n\r]+|[\s]{2,}/g, "");
-	return [...[
-		,
-		,
-		,
-		,
-		,
-		,
-	].keys()].forEach(() => {
-		n.charAt(0).match(/[a-z]/g) || (n = n.substring(1));
-	}), t && (n = n.substring(0, t + 1)), n;
-}, createElement = (e) => {
-	try {
-		let t = document.createElement("div");
-		return t.innerHTML = e, t.firstElementChild;
-	} catch (e) {
-		return console.error(e), null;
-	}
-}, handleOutsideClick = (e, t, n, r = []) => {
-	let { target: i, clientY: a, clientX: o } = e, s = i instanceof HTMLOptionElement || i instanceof HTMLSelectElement;
-	if ((r?.filter((e) => e === i || e.contains(i))).length || s) return;
-	let c = new IntersectionObserver(([{ boundingClientRect: e }]) => {
-		let { top: t, height: r, width: i, left: s } = e;
-		t <= a && a <= t + r && s <= o && o <= s + i || n(), c.disconnect();
-	});
-	c.observe(t);
-}, handleEscape = (e, t) => {
-	let { key: n } = e;
-	n === "Escape" && t();
-};
-export { Keyboard as a, makeAnchor as i, handleEscape as n, DisclosureWidget as o, handleOutsideClick as r, createElement as t };

package/dist/build/container-grid.css

@@ -1 +0,0 @@
-@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}}}