monobill-mintui 0.6.612 → 0.6.613

package/dist/components/side-navigation/index.js

@@ -0,0 +1,454 @@
+import '../../theme.css'
+import '../../icon.css'
+import '../../text.css'
+import '../../popover.css'
+import '../../stack.css'
+import '../../side-navigation.css'
+import "../chunks/icon-gQAtsERy.js";
+import { t as e } from "../chunks/register-element-BFYmIynH.js";
+import "../chunks/icon-C0OLmjDY.js";
+import "../chunks/text-BHkEs8U5.js";
+import "../chunks/caret-right-CVOgr4nk.js";
+import "../chunks/caret-down-Ch6IfR7r.js";
+import "../chunks/popover-gviDCspV.js";
+//#region src/components/side-navigation/SideNavigationLink.ts
+var t = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this._trigger = null, this._submenuContainer = null, this._contentObserver = null, this._renderFrame = null;
+	}
+	static get observedAttributes() {
+		return [
+			"label",
+			"icon",
+			"href",
+			"active",
+			"expanded",
+			"submenu-item"
+		];
+	}
+	connectedCallback() {
+		this.render(), this._observeSubmenuMutations();
+	}
+	disconnectedCallback() {
+		this._contentObserver &&= (this._contentObserver.disconnect(), null), this._renderFrame !== null && (cancelAnimationFrame(this._renderFrame), this._renderFrame = null);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (this.render(), e === "active" && this._isSubmenuItem() && this._refreshDropdownAncestor());
+	}
+	_scheduleRender() {
+		this._renderFrame === null && (this._renderFrame = requestAnimationFrame(() => {
+			this._renderFrame = null, this.render();
+		}));
+	}
+	_observeSubmenuMutations() {
+		this._contentObserver ||= new MutationObserver((e) => {
+			e.some((e) => [...Array.from(e.addedNodes), ...Array.from(e.removedNodes)].some((e) => e instanceof HTMLElement && e.getAttribute("slot") === "submenu")) && this._scheduleRender();
+		}), this._contentObserver.disconnect(), this._contentObserver.observe(this, {
+			childList: !0,
+			attributes: !0,
+			attributeFilter: ["slot"],
+			subtree: !1
+		});
+	}
+	_refreshDropdownAncestor() {
+		let e = this.parentElement;
+		for (; e;) {
+			if (e.tagName === "MINT-SIDENAV-LINK" && e !== this) {
+				e.render();
+				break;
+			}
+			e = e.parentElement;
+		}
+	}
+	_isActive() {
+		return this.getAttribute("active") === "true";
+	}
+	_isExpanded() {
+		return this.getAttribute("expanded") === "true";
+	}
+	_isSubmenuPanelVisible() {
+		return this._isExpanded() || this._isActive();
+	}
+	_isSubmenuItem() {
+		return this.getAttribute("submenu-item") === "true";
+	}
+	_getLabel() {
+		return this.getAttribute("label") || "";
+	}
+	_getIcon() {
+		return this.getAttribute("icon") || "";
+	}
+	_getHref() {
+		return this.getAttribute("href");
+	}
+	_getBaseClasses() {
+		return `mint-sidenav-link-control${this._isActive() ? " is-active" : ""}${this._isSubmenuItem() ? " is-submenu-item" : ""}`;
+	}
+	_hasSubmenu() {
+		return this.querySelectorAll(":scope > [slot=\"submenu\"]").length > 0 ? !0 : !!this._submenuContainer && this._submenuContainer.children.length > 0;
+	}
+	_createRow(e, t) {
+		let n = document.createElement("span");
+		if (n.className = "mint-sidenav-link-row", t) {
+			let e = document.createElement("mint-icon");
+			e.setAttribute("name", t), e.className = "mint-sidenav-link-icon", e.setAttribute("aria-hidden", "true"), n.appendChild(e);
+		}
+		let r = document.createElement("span");
+		return r.className = "mint-sidenav-link-label", r.textContent = e, n.appendChild(r), n;
+	}
+	_buildSimpleLink() {
+		let e = this._getHref(), t = this._getLabel(), n = this._getIcon(), r = e ? document.createElement("a") : document.createElement("button");
+		e ? r.setAttribute("href", e) : r.setAttribute("type", "button"), r.className = this._getBaseClasses(), r.setAttribute("aria-label", t || "Side navigation link"), r.appendChild(this._createRow(t, n)), this.replaceChildren(r), this._trigger = r;
+	}
+	_emitAccordionExpand() {
+		this.dispatchEvent(new CustomEvent("mint-sidenav-accordion", {
+			bubbles: !0,
+			composed: !0,
+			detail: { source: this }
+		}));
+	}
+	_setExpanded(e, t) {
+		this.setAttribute("expanded", String(e)), e && t && this._emitAccordionExpand();
+	}
+	_buildDropdownLink() {
+		let e = this._getLabel(), t = this._getIcon(), n = this._getHref(), r = Array.from(this.querySelectorAll(":scope > [slot=\"submenu\"]")), i = r.length > 0 ? r : this._submenuContainer ? Array.from(this._submenuContainer.children) : [], a = document.createElement("div");
+		a.className = "mint-sidenav-dropdown", this._submenuContainer = document.createElement("div"), this._submenuContainer.id = `mint-sidenav-submenu-${Math.random().toString(36).slice(2, 11)}`;
+		let o = this._submenuContainer.id;
+		if (this._submenuContainer.className = `mint-sidenav-submenu${this._isSubmenuPanelVisible() ? " is-expanded" : ""}`, i.forEach((e) => {
+			e.setAttribute("submenu-item", "true"), e.setAttribute("slot", "submenu"), this._submenuContainer?.appendChild(e);
+		}), n) {
+			let r = document.createElement("div");
+			r.className = "mint-sidenav-link-row-wrap";
+			let i = document.createElement("a");
+			i.setAttribute("href", n), i.className = `${this._getBaseClasses()} mint-sidenav-desktop-link`, i.setAttribute("aria-expanded", String(this._isSubmenuPanelVisible())), i.setAttribute("aria-controls", o), this._isActive() ? i.setAttribute("aria-current", "page") : i.removeAttribute("aria-current"), i.appendChild(this._createRow(e, t)), i.addEventListener("click", () => {
+				this._setExpanded(!0, !0);
+			});
+			let s = document.createElement("a");
+			s.setAttribute("href", n), s.className = `${this._getBaseClasses()} mint-sidenav-mobile-link`, s.setAttribute("aria-controls", o), s.appendChild(this._createRow(e, t)), this._isActive() ? s.setAttribute("aria-current", "page") : s.removeAttribute("aria-current");
+			let c = document.createElement("button");
+			c.type = "button", c.className = "mint-sidenav-mobile-toggle", c.setAttribute("aria-label", `Toggle ${e} submenu`), c.setAttribute("aria-expanded", String(this._isSubmenuPanelVisible())), c.setAttribute("aria-controls", o), c.addEventListener("click", (e) => {
+				e.preventDefault(), e.stopPropagation();
+				let t = !this._isExpanded();
+				this._setExpanded(t, t);
+			});
+			let l = document.createElement("mint-icon");
+			l.setAttribute("name", "caret-down"), l.className = `mint-sidenav-dropdown-caret${this._isSubmenuPanelVisible() ? " is-expanded" : ""}`, l.setAttribute("aria-hidden", "true"), c.appendChild(l), r.appendChild(i), r.appendChild(s), r.appendChild(c), a.appendChild(r), this._trigger = i;
+		} else {
+			let n = document.createElement("button");
+			n.type = "button", n.className = this._getBaseClasses(), n.setAttribute("aria-expanded", String(this._isSubmenuPanelVisible())), n.setAttribute("aria-controls", o), n.appendChild(this._createRow(e, t)), n.onclick = () => {
+				let e = !this._isExpanded();
+				this._setExpanded(e, e);
+			}, a.appendChild(n), this._trigger = n;
+		}
+		a.appendChild(this._submenuContainer), this.replaceChildren(a);
+	}
+	render() {
+		this._hasSubmenu() && !this._isSubmenuItem() ? this._buildDropdownLink() : this._buildSimpleLink();
+	}
+};
+customElements.get("mint-sidenav-link") || e("mint-sidenav-link", t);
+//#endregion
+//#region src/components/side-navigation/SideNavigationLinks.ts
+var n = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this._container = null, this._title = null, this._titleLabel = null, this._titleCaret = null, this._titleIsInteractive = null, this._list = null, this._titleClickHandler = null, this._listenerCounts = /* @__PURE__ */ new Map();
+	}
+	static get observedAttributes() {
+		return ["name"];
+	}
+	get onMintNameClick() {
+		return this._onMintNameClick;
+	}
+	set onMintNameClick(e) {
+		this._onMintNameClick = e, this.render();
+	}
+	addEventListener(e, t, n) {
+		super.addEventListener(e, t, n), this._trackListener(e, 1);
+	}
+	removeEventListener(e, t, n) {
+		super.removeEventListener(e, t, n), this._trackListener(e, -1);
+	}
+	connectedCallback() {
+		this.render();
+	}
+	disconnectedCallback() {
+		this._title instanceof HTMLButtonElement && this._titleClickHandler && this._title.removeEventListener("click", this._titleClickHandler);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	_getName() {
+		return this.getAttribute("name") || "";
+	}
+	_trackListener(e, t) {
+		if (e !== "mint-name-click") return;
+		let n = this._listenerCounts.get(e) || 0, r = Math.max(0, n + t);
+		this._listenerCounts.set(e, r), this.render();
+	}
+	_isNameInteractive() {
+		return (this._listenerCounts.get("mint-name-click") || 0) > 0 || typeof this._onMintNameClick == "function";
+	}
+	_emitNameClick(e) {
+		let t = new CustomEvent("mint-name-click", {
+			detail: {
+				name: this._getName(),
+				originalEvent: e
+			},
+			bubbles: !0,
+			composed: !0
+		});
+		this.dispatchEvent(t), typeof this._onMintNameClick == "function" && this._onMintNameClick(t);
+	}
+	render() {
+		this._container || (this._container = document.createElement("section"), this._container.className = "mint-sidenav-link-group", this.appendChild(this._container));
+		let e = this._getName(), t = e.trim().length > 0, n = this._isNameInteractive();
+		if (!this._title || this._titleIsInteractive !== n) {
+			this._title instanceof HTMLButtonElement && this._titleClickHandler && this._title.removeEventListener("click", this._titleClickHandler);
+			let e = n ? document.createElement("button") : document.createElement("div");
+			e instanceof HTMLButtonElement ? (e.type = "button", this._titleClickHandler = (e) => this._emitNameClick(e), e.addEventListener("click", this._titleClickHandler)) : (e.setAttribute("role", "heading"), e.setAttribute("aria-level", "3"), this._titleClickHandler = null), e.className = `mint-sidenav-group-trigger${n ? " is-interactive" : ""}`, this._titleLabel = document.createElement("mint-text"), this._titleLabel.setAttribute("size", "small"), this._titleLabel.setAttribute("bold", "true"), this._titleLabel.className = n ? "mint-sidenav-group-label is-interactive" : "mint-sidenav-group-label", e.appendChild(this._titleLabel), this._titleCaret = null, n && (this._titleCaret = document.createElement("mint-icon"), this._titleCaret.setAttribute("name", "caret-right"), this._titleCaret.className = "mint-sidenav-group-caret", this._titleCaret.setAttribute("aria-hidden", "true"), e.appendChild(this._titleCaret)), this._title?.parentElement === this._container ? this._container.replaceChild(e, this._title) : this._container.appendChild(e), this._title = e, this._titleIsInteractive = n;
+		}
+		this._titleLabel && (this._titleLabel.textContent = e, this._titleLabel.className = n ? "mint-sidenav-group-label is-interactive" : "mint-sidenav-group-label"), this._title && (this._title.className = `mint-sidenav-group-trigger${n ? " is-interactive" : ""}`), t ? this._title.parentElement !== this._container && this._container?.insertBefore(this._title, this._list) : this._title.parentElement === this._container && this._container?.removeChild(this._title), this._list || (this._list = document.createElement("div"), this._list.className = "mint-sidenav-link-list", this._container.appendChild(this._list)), Array.from(this.children).filter((e) => e !== this._container && e.tagName === "MINT-SIDENAV-LINK").forEach((e) => {
+			this._list && e.parentElement !== this._list && this._list.appendChild(e);
+		});
+	}
+};
+customElements.get("mint-sidenav-links") || e("mint-sidenav-links", n);
+//#endregion
+//#region src/components/side-navigation/SideNavigationActionLinks.ts
+var r = class extends HTMLElement {
+	static get observedAttributes() {
+		return ["separated"];
+	}
+	connectedCallback() {
+		this.render();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	_isSeparated() {
+		return this.getAttribute("separated") === "true";
+	}
+	render() {
+		this.className = this._isSeparated() ? "mint-sidenav-action-links is-separated" : "mint-sidenav-action-links";
+	}
+};
+customElements.get("mint-sidenav-action-links") || e("mint-sidenav-action-links", r);
+//#endregion
+//#region src/components/side-navigation/SideNavigationActionMenu.ts
+var i = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this._wrapper = null, this._trigger = null, this._popover = null, this._triggerId = "", this._contentObserver = null, this._renderFrame = null;
+	}
+	static get observedAttributes() {
+		return ["title", "subtitle"];
+	}
+	connectedCallback() {
+		this._triggerId = this.id ? `${this.id}-trigger` : `mint-sidenav-action-menu-${Math.random().toString(36).slice(2, 9)}`, this.render(), this._observeContentMutations();
+	}
+	disconnectedCallback() {
+		this._contentObserver &&= (this._contentObserver.disconnect(), null), this._renderFrame !== null && (cancelAnimationFrame(this._renderFrame), this._renderFrame = null);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	_scheduleRender() {
+		this._renderFrame === null && (this._renderFrame = requestAnimationFrame(() => {
+			this._renderFrame = null, this.render();
+		}));
+	}
+	_observeContentMutations() {
+		this._contentObserver ||= new MutationObserver(() => {
+			this._scheduleRender();
+		}), this._contentObserver.disconnect(), this._contentObserver.observe(this, {
+			childList: !0,
+			attributes: !0,
+			attributeFilter: ["slot"]
+		});
+	}
+	_getTitle() {
+		return this.getAttribute("title") || "";
+	}
+	_getSubtitle() {
+		return this.getAttribute("subtitle") || "";
+	}
+	_createDefaultGroup() {
+		let e = document.createElement("mint-sidenav-action-links"), t = document.createElement("div");
+		return t.appendChild(e), t;
+	}
+	render() {
+		let e = Array.from(this.children).filter((e) => e !== this._wrapper && e.getAttribute("slot") === "action-links");
+		this._wrapper || (this._wrapper = document.createElement("div"), this._wrapper.className = "mint-sidenav-action-menu-wrap", this.appendChild(this._wrapper)), this._wrapper.innerHTML = "", this._trigger = document.createElement("button"), this._trigger.type = "button", this._trigger.id = this._triggerId, this._trigger.className = "mint-sidenav-action-trigger";
+		let t = document.createElement("div");
+		t.className = "mint-sidenav-avatar", t.textContent = this._getTitle().split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
+		let n = document.createElement("div");
+		n.className = "mint-sidenav-action-text";
+		let r = document.createElement("mint-text");
+		r.setAttribute("size", "body"), r.setAttribute("bold", "true"), r.className = "mint-sidenav-action-title", r.textContent = this._getTitle();
+		let i = document.createElement("mint-text");
+		i.setAttribute("size", "small"), i.setAttribute("variant", "muted"), i.className = "mint-sidenav-action-subtitle", i.textContent = this._getSubtitle(), n.appendChild(r), n.appendChild(i), this._trigger.appendChild(t), this._trigger.appendChild(n), this._popover = document.createElement("mint-popover"), this._popover.setAttribute("trigger-id", this._triggerId), this._popover.setAttribute("direction", "right"), this._popover.setAttribute("padding", "0");
+		let a = document.createElement("div");
+		a.className = "mint-sidenav-action-menu-content", e.length > 0 ? e.forEach((e) => {
+			let t = e;
+			t.setAttribute("hidden", "true"), t.style.display = "none";
+			let n = t.cloneNode(!0);
+			n.removeAttribute("hidden"), n.style.removeProperty("display"), n.removeAttribute("slot"), [...n.matches("mint-button") ? [n] : [], ...Array.from(n.querySelectorAll("mint-button"))].forEach((e) => {
+				let t = e.querySelector(":scope > button");
+				for (; t;) {
+					let e = t.querySelector("button");
+					if (!e) break;
+					e.replaceWith(...Array.from(e.childNodes));
+				}
+			}), a.appendChild(n);
+		}) : a.appendChild(this._createDefaultGroup()), this._popover.appendChild(a), this._wrapper.appendChild(this._trigger), this._wrapper.appendChild(this._popover);
+	}
+};
+customElements.get("mint-sidenav-action-menu") || e("mint-sidenav-action-menu", i);
+//#endregion
+//#region src/components/side-navigation/SideNavigation.ts
+var a = "mint:url-change";
+function o() {
+	if (window.__mintUrlChangePatched) return;
+	window.__mintUrlChangePatched = !0;
+	let e = () => {
+		window.dispatchEvent(new Event(a));
+	}, t = (t) => {
+		let n = history[t].bind(history);
+		history[t] = ((...t) => {
+			let r = n(...t);
+			return e(), r;
+		});
+	};
+	t("pushState"), t("replaceState");
+}
+var s = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this._backdrop = null, this._container = null, this._header = null, this._content = null, this._footer = null, this._escapeHandler = null, this._mediaQuery = null, this._mediaListener = null, this._accordionHandler = null, this._urlChangeHandler = null, this._contentObserver = null, this._renderFrame = null, this._onMobileNavNavigateClick = (e) => {
+			if (this._mediaQuery?.matches) return;
+			let t = e.target;
+			if (!(t instanceof Element)) return;
+			let n = t.closest("a[href]");
+			if (!(n instanceof HTMLAnchorElement) || !this._container?.contains(n)) return;
+			let r = n.getAttribute("href");
+			!r || r === "#" || r.trim().toLowerCase().startsWith("javascript:") || this._isOpen() && this.removeAttribute("open");
+		};
+	}
+	static get observedAttributes() {
+		return [
+			"user-name",
+			"user-status",
+			"open",
+			"drawer-top-class",
+			"preview"
+		];
+	}
+	connectedCallback() {
+		this._attachEscapeListener(), this._attachMediaListener(), this._attachAccordionListener(), this._attachUrlChangeListener(), this._observeContentMutations(), this.render();
+	}
+	disconnectedCallback() {
+		this._detachEscapeListener(), this._detachMediaListener(), this._detachAccordionListener(), this._detachUrlChangeListener(), this._contentObserver &&= (this._contentObserver.disconnect(), null), this._renderFrame !== null && (cancelAnimationFrame(this._renderFrame), this._renderFrame = null);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	_scheduleRender() {
+		this._renderFrame === null && (this._renderFrame = requestAnimationFrame(() => {
+			this._renderFrame = null, this.render();
+		}));
+	}
+	_attachEscapeListener() {
+		this._escapeHandler || (this._escapeHandler = (e) => {
+			e.key === "Escape" && this.getAttribute("open") === "true" && this.removeAttribute("open");
+		}, document.addEventListener("keydown", this._escapeHandler));
+	}
+	_detachEscapeListener() {
+		this._escapeHandler &&= (document.removeEventListener("keydown", this._escapeHandler), null);
+	}
+	_attachMediaListener() {
+		this._mediaListener || (this._mediaQuery = window.matchMedia("(min-width: 1100px)"), this._mediaListener = () => {
+			this._mediaQuery?.matches && this.removeAttribute("open");
+		}, this._mediaQuery.addEventListener("change", this._mediaListener));
+	}
+	_detachMediaListener() {
+		this._mediaQuery && this._mediaListener && this._mediaQuery.removeEventListener("change", this._mediaListener), this._mediaQuery = null, this._mediaListener = null;
+	}
+	_attachAccordionListener() {
+		this._accordionHandler || (this._accordionHandler = (e) => {
+			let t = e.detail?.source;
+			!(t instanceof HTMLElement) || t.tagName !== "MINT-SIDENAV-LINK" || this.contains(t) && this.querySelectorAll("mint-sidenav-link").forEach((e) => {
+				e !== t && e.querySelector(":scope .mint-sidenav-submenu") && e.setAttribute("expanded", "false");
+			});
+		}, this.addEventListener("mint-sidenav-accordion", this._accordionHandler));
+	}
+	_detachAccordionListener() {
+		this._accordionHandler &&= (this.removeEventListener("mint-sidenav-accordion", this._accordionHandler), null);
+	}
+	_attachUrlChangeListener() {
+		this._urlChangeHandler || (o(), this._urlChangeHandler = () => {
+			this._mediaQuery?.matches || this._isOpen() && this.removeAttribute("open");
+		}, window.addEventListener("popstate", this._urlChangeHandler), window.addEventListener("hashchange", this._urlChangeHandler), window.addEventListener(a, this._urlChangeHandler));
+	}
+	_detachUrlChangeListener() {
+		this._urlChangeHandler &&= (window.removeEventListener("popstate", this._urlChangeHandler), window.removeEventListener("hashchange", this._urlChangeHandler), window.removeEventListener(a, this._urlChangeHandler), null);
+	}
+	_observeContentMutations() {
+		this._contentObserver ||= new MutationObserver(() => {
+			this._scheduleRender();
+		}), this._contentObserver.disconnect(), this._contentObserver.observe(this, {
+			childList: !0,
+			attributes: !0,
+			attributeFilter: ["slot"]
+		});
+	}
+	getUserName() {
+		return this.getAttribute("user-name") || "Acme Inc";
+	}
+	getUserStatus() {
+		return this.getAttribute("user-status") || "Enterprise";
+	}
+	_isOpen() {
+		return this.getAttribute("open") === "true";
+	}
+	_ensureBackdrop() {
+		this._backdrop || (this._backdrop = document.createElement("div"), this._backdrop.setAttribute("aria-hidden", "true"), this._backdrop.addEventListener("click", () => this.removeAttribute("open")), this.insertBefore(this._backdrop, this.firstChild));
+	}
+	_ensureContainer() {
+		this._container || (this._container = document.createElement("aside"), this._container.addEventListener("click", this._onMobileNavNavigateClick, !0), this.appendChild(this._container));
+	}
+	_syncShell() {
+		let e = this._isOpen(), t = this.hasAttribute("preview");
+		this._backdrop && (this._backdrop.className = `mint-sidenav-backdrop${e && !t ? " is-open" : ""}`), this._container && (this._container.className = `mint-sidenav-panel${e ? " is-open" : ""}${t ? " is-preview" : ""}`);
+	}
+	_buildUserHeader() {
+		if (!this._container) return;
+		this._header || (this._header = document.createElement("div"), this._header.className = "mint-sidenav-header", this._container.appendChild(this._header));
+		let e = Array.from(this.querySelectorAll("[slot=\"action-header\"]")).find((e) => e !== this._backdrop && e !== this._container);
+		if (e) {
+			this._header.replaceChildren(e);
+			return;
+		}
+		let t = document.createElement("mint-sidenav-action-menu");
+		t.setAttribute("title", this.getUserName()), t.setAttribute("subtitle", this.getUserStatus()), this._header.replaceChildren(t);
+	}
+	_replaceSlottedChildren(e, t) {
+		let n = Array.from(this.querySelectorAll(`[slot="${t}"]`)).filter((e) => e !== this._container && e !== this._backdrop);
+		e.replaceChildren(...n);
+	}
+	_buildContent() {
+		this._container && (this._content || (this._content = document.createElement("div"), this._content.className = "mint-sidenav-content", this._container.appendChild(this._content)), this._replaceSlottedChildren(this._content, "links"));
+	}
+	_buildFooter() {
+		if (!this._container) return;
+		this._footer || (this._footer = document.createElement("div"), this._footer.className = "mint-sidenav-footer", this._container.appendChild(this._footer));
+		let e = document.createElement("div");
+		e.className = "mint-sidenav-footer-links", this._replaceSlottedChildren(e, "bottom-links"), this._footer.innerHTML = "", this._footer.appendChild(e);
+	}
+	render() {
+		this._ensureBackdrop(), this._ensureContainer(), this._syncShell(), this._buildUserHeader(), this._buildContent(), this._buildFooter();
+	}
+};
+customElements.get("mint-side-navigation") || e("mint-side-navigation", s);
+//#endregion
+//#region src/components/side-navigation/index.ts
+var c = s;
+//#endregion
+export { r as MintSidenavActionLinks, i as MintSidenavActionMenu, t as MintSidenavLink, n as MintSidenavLinks, c as default };

package/dist/components/sortable/Sortable.d.ts

@@ -1,62 +1 @@
-type StackDirection = 'horizontal' | 'vertical';
-type TextAlign = 'left' | 'center' | 'right' | 'justify';
-type StackAlignContent = 'left' | 'right' | 'center';
-declare class MintSortable extends HTMLElement {
-    static get observedAttributes(): string[];
-    private _pointerId;
-    private _dragEl;
-    private _placeholder;
-    private _listRoot;
-    private _startIndex;
-    private _pointerStartX;
-    private _pointerStartY;
-    private _dragStartLeft;
-    private _dragStartTop;
-    private _scrollRaf;
-    private _boundPointerMove;
-    private _boundPointerUp;
-    private _boundPointerCancel;
-    private _childObserver;
-    private _pointerBoundRoot;
-    private _restoreAfter;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(_name: string, oldValue: string | null, newValue: string | null): void;
-    private _observeInnerStack;
-    private _unobserveInnerStack;
-    private _getInnerStack;
-    private _resolveListRoot;
-    /** Attribute on each sortable row used for persistence (default `data-sortable-id`). */
-    private _getItemKeyAttribute;
-    /** DOM order of item keys after the latest layout (excludes placeholder). */
-    private _collectOrderedKeys;
-    private _syncInnerStackAttributes;
-    private _applyHostScrollAndLayout;
-    private _stripHostLayoutClasses;
-    getDirection(): StackDirection;
-    getGap(): number;
-    getTextAlign(): TextAlign | '';
-    getAlignContent(): StackAlignContent | '';
-    private _isDisabled;
-    private _getHandleSelector;
-    private _getScrollSensitivity;
-    private _getScrollSpeed;
-    private _getAnimationDurationMs;
-    private _ensureListPointerBinding;
-    private _onListPointerDown;
-    private _closestSortableItem;
-    private _startDrag;
-    private _indexOfItem;
-    private _getLayoutChildren;
-    private _onPointerMove;
-    private _autoScroll;
-    private _maybeMovePlaceholder;
-    private _flipAnimate;
-    private _onPointerUp;
-    private _onPointerCancel;
-    private _finishDrag;
-    private _teardownDrag;
-}
-export default MintSortable;
-//# sourceMappingURL=Sortable.d.ts.map
+export { MintSortable as default, MintSortable } from '../../mintui-elements'

package/dist/components/sortable/Sortable.d.ts.map

@@ -1 +1,10 @@
-{"version":3,"file":"Sortable.d.ts","sourceRoot":"","sources":["../../../src/components/sortable/Sortable.ts"],"names":[],"mappings":"AAGA,KAAK,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAC/C,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AACxD,KAAK,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;AAmDpD,cAAM,YAAa,SAAQ,WAAW;IACpC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAcxC;IAED,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,WAAW,CAAI;IACvB,OAAO,CAAC,cAAc,CAAI;IAC1B,OAAO,CAAC,cAAc,CAAI;IAC1B,OAAO,CAAC,cAAc,CAAI;IAC1B,OAAO,CAAC,aAAa,CAAI;IACzB,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,iBAAiB,CAA2B;IACpD,OAAO,CAAC,eAAe,CAA2B;IAClD,OAAO,CAAC,mBAAmB,CAA2B;IACtD,OAAO,CAAC,cAAc,CAAgC;IACtD,OAAO,CAAC,iBAAiB,CAA2B;IACpD,OAAO,CAAC,aAAa,CAAuB;;IAS5C,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAS5B,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAM/F,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,gBAAgB;IAIxB,wFAAwF;IACxF,OAAO,CAAC,oBAAoB;IAI5B,6EAA6E;IAC7E,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,yBAAyB;IAejC,OAAO,CAAC,yBAAyB;IAgCjC,OAAO,CAAC,uBAAuB;IAmB/B,YAAY,IAAI,cAAc;IAK9B,MAAM,IAAI,MAAM;IAMhB,YAAY,IAAI,SAAS,GAAG,EAAE;IAM9B,eAAe,IAAI,iBAAiB,GAAG,EAAE;IAQzC,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,uBAAuB;IAK/B,OAAO,CAAC,yBAAyB;IAWjC,OAAO,CAAC,kBAAkB,CAoBzB;IAED,OAAO,CAAC,oBAAoB;IAkB5B,OAAO,CAAC,UAAU;IAqElB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,WAAW;IAsBnB,OAAO,CAAC,qBAAqB;IA4C7B,OAAO,CAAC,YAAY;IAqCpB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,WAAW;IA6EnB,OAAO,CAAC,aAAa;CAwBtB;AAMD,eAAe,YAAY,CAAA"}
+{
+  "version": 3,
+  "file": "Sortable.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "Sortable.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}