monobill-mintui 0.4.7 → 0.4.9

package/dist/index.d.ts

@@ -28,6 +28,8 @@ import './components/off-canvas/index';
 import './components/tabs/index';
 import './components/chart/index';
 import './components/side-navigation/index';
+import './components/top-navigation/index';
+import './components/bottom-navigation/index';
 export { default as Button } from './components/button/Button';
 export { default as Switch } from './components/switch/Switch';
 export { default as Spinner } from './components/spinner/Spinner';
@@ -66,4 +68,7 @@ export { default as SideNavigationLinks } from './components/side-navigation/Sid
 export { default as SideNavigationLink } from './components/side-navigation/SideNavigationLink';
 export { default as SideNavigationActionMenu } from './components/side-navigation/SideNavigationActionMenu';
 export { default as SideNavigationActionLinks } from './components/side-navigation/SideNavigationActionLinks';
+export { default as TopNavigation } from './components/top-navigation/TopNavigation';
+export { default as BottomNavigation } from './components/bottom-navigation/BottomNavigation';
+export { default as BottomNavItem } from './components/bottom-navigation/BottomNavItem';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { m as e } from "./plus-csC2ambK.js";
+import { h as e } from "./menu-BD7OJkcn.js";
 //#region src/components/spinner/Spinner.ts
 var t = class extends HTMLElement {
 	static get observedAttributes() {
@@ -147,21 +147,20 @@ var n = class extends HTMLElement {
 			console.warn(`Icon "${t}" not found. Make sure you've imported the icon: import '@monobill-mintui/icon/icons/${t}'`), this.innerHTML = "", this.style.maskImage = "", this.style.webkitMaskImage = "", this.style.backgroundColor = "";
 			return;
 		}
-		let r = this.closest("mint-button") || this.parentElement?.closest("mint-button"), i = this.closest("mint-switch") || this.parentElement?.closest("mint-switch"), a = this.closest("mint-select") || this.parentElement?.closest("mint-select");
+		let r = this.closest("mint-button") || this.parentElement?.closest("mint-button"), i = this.closest("mint-switch") || this.parentElement?.closest("mint-switch"), a = this.closest("mint-select") || this.parentElement?.closest("mint-select"), o = !!this.closest("mint-sidenav-link") && !r && !i && !a;
 		if (!Array.from(this.classList).some((e) => e.startsWith("w-") || e.startsWith("h-")) && !a) {
 			let e;
-			e = i ? "w-3 h-3" : r ? "w-[1em] h-[1em]" : "w-[1.3em] h-[1.3em]", this.classList.remove("w-4", "h-4", "w-5", "h-5", "w-[1em]", "h-[1em]", "w-[1.3em]", "h-[1.3em]", "w-3", "h-3", "w-[0.875em]", "h-[0.875em]"), e.split(" ").forEach((e) => {
+			e = i ? "w-3 h-3" : r || o ? "w-[1em] h-[1em]" : "w-[1.3em] h-[1.3em]", this.classList.remove("w-4", "h-4", "w-5", "h-5", "w-[1em]", "h-[1em]", "w-[1.3em]", "h-[1.3em]", "w-3", "h-3", "w-[0.875em]", "h-[0.875em]"), e.split(" ").forEach((e) => {
 				e && this.classList.add(e);
 			});
 		}
 		this.innerHTML = this.generateSVGMarkup(n), this.style.maskImage = "", this.style.webkitMaskImage = "", this.style.maskSize = "", this.style.webkitMaskSize = "", this.style.maskRepeat = "", this.style.webkitMaskRepeat = "", this.style.maskPosition = "", this.style.webkitMaskPosition = "", this.style.backgroundColor = "", this.style.aspectRatio = "1 / 1";
-		let o = this.querySelector("svg");
-		if (o && (o.style.width = "100%", o.style.height = "100%"), i) this.classList.remove("text-gray-100", "text-gray-900"), this.classList.add("text-gray-900");
-		else if (r) this.classList.remove("text-gray-100", "text-gray-900");
-		else {
+		let s = this.querySelector("svg");
+		if (s && (s.style.width = "100%", s.style.height = "100%"), i) this.classList.remove("text-gray-100", "text-gray-900"), this.classList.add("text-gray-900");
+		else if (!r && !o) {
 			let e = document.documentElement.classList.contains("dark") ? "text-gray-100" : "text-gray-900";
 			this.classList.remove("text-gray-100", "text-gray-900"), this.classList.add(e);
-		}
+		} else this.classList.remove("text-gray-100", "text-gray-900");
 	}
 };
 customElements.get("mint-icon") || customElements.define("mint-icon", n);
@@ -1603,6 +1602,9 @@ var p = class extends HTMLElement {
 		let e = this._isInsideModal() ? "z-[60]" : "z-50";
 		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "fixed", "top-0", "left-0", e, "pointer-events-none"), this.isOpen() || this.classList.add("hidden"), this.render(), this._setupTrigger(), this._observeDarkMode();
 	}
+	_ownsNode(e) {
+		return e ? !!(this.contains(e) || this._triggerElement?.contains(e)) : !1;
+	}
 	_isInsideModal() {
 		let e = this;
 		for (; e;) {
@@ -1616,7 +1618,7 @@ var p = class extends HTMLElement {
 		return !1;
 	}
 	disconnectedCallback() {
-		this._triggerElement && this._triggerElement.tagName === "MINT-BUTTON" && this._triggerElement.removeAttribute("active"), this._darkModeObserver &&= (this._darkModeObserver.disconnect(), null), this._clickOutsideHandler &&= (document.removeEventListener("click", this._clickOutsideHandler), null), this._triggerClickHandler && this._triggerElement && (this._triggerElement.removeEventListener("click", this._triggerClickHandler, !0), this._triggerClickHandler = null), this._removeHoverListeners(), this._scrollHandler &&= (window.removeEventListener("scroll", this._scrollHandler, !0), null), this._resizeHandler &&= (window.removeEventListener("resize", this._resizeHandler), null);
+		this._removeHoverListeners(), this._overlay?.remove(), this._popover?.remove(), this._overlay = null, this._popover = null, this._triggerElement && this._triggerElement.tagName === "MINT-BUTTON" && this._triggerElement.removeAttribute("active"), this._darkModeObserver &&= (this._darkModeObserver.disconnect(), null), this._clickOutsideHandler &&= (document.removeEventListener("click", this._clickOutsideHandler, !1), null), this._triggerClickHandler && this._triggerElement && (this._triggerElement.removeEventListener("click", this._triggerClickHandler, !0), this._triggerClickHandler = null), this._scrollHandler &&= (window.removeEventListener("scroll", this._scrollHandler, !0), null), this._resizeHandler &&= (window.removeEventListener("resize", this._resizeHandler), null);
 	}
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
@@ -1692,12 +1694,12 @@ var p = class extends HTMLElement {
 			e._cancelHoverClose(), e.open();
 		}, this._triggerHoverLeaveHandler = function(t) {
 			let n = t.relatedTarget;
-			n && (e.contains(n) || e._triggerElement?.contains(n)) || e._scheduleHoverClose();
+			n && e._ownsNode(n) || e._scheduleHoverClose();
 		}, this._triggerElement.addEventListener("mouseenter", this._triggerHoverEnterHandler), this._triggerElement.addEventListener("mouseleave", this._triggerHoverLeaveHandler), this._popover && (this._popoverHoverEnterHandler = function() {
 			e._cancelHoverClose();
 		}, this._popoverHoverLeaveHandler = function(t) {
 			let n = t.relatedTarget;
-			n && (e.contains(n) || e._triggerElement?.contains(n)) || e._scheduleHoverClose();
+			n && e._ownsNode(n) || e._scheduleHoverClose();
 		}, this._popover.addEventListener("mouseenter", this._popoverHoverEnterHandler), this._popover.addEventListener("mouseleave", this._popoverHoverLeaveHandler));
 	}
 	_removeHoverListeners() {
@@ -1777,7 +1779,7 @@ var p = class extends HTMLElement {
 			}), !this._clickOutsideHandler) {
 				let e = this;
 				this._clickOutsideHandler = function(t) {
-					let n = t.composedPath(), r = n.includes(e);
+					let n = t.composedPath(), r = n.some((t) => t === e ? !0 : t instanceof Node ? e._ownsNode(t) : !1);
 					if (!(e._triggerElement && n.includes(e._triggerElement)) && !r) {
 						e.close();
 						return;
@@ -1795,7 +1797,7 @@ var p = class extends HTMLElement {
 		}), this._clickOutsideHandler &&= (document.removeEventListener("click", this._clickOutsideHandler, !1), null);
 		if (this._overlay) {
 			let e = this._isInsideModal() ? "z-[55]" : "z-40";
-			this._overlay.className = `fixed inset-0 pointer-events-none ${e}`;
+			this._overlay.className = `fixed inset-0 pointer-events-none ${e}`, this._overlay.parentElement !== this && this.appendChild(this._overlay);
 		} else {
 			this._overlay = document.createElement("div");
 			let e = this._isInsideModal() ? "z-[55]" : "z-40";
@@ -1803,7 +1805,7 @@ var p = class extends HTMLElement {
 		}
 		if (this._popover) {
 			let e = this._isInsideModal() ? "z-[60]" : "z-50";
-			this._popover.className = `fixed ${e} pointer-events-auto`;
+			this._popover.className = `fixed ${e} pointer-events-auto`, this._popover.parentElement !== this && this.appendChild(this._popover);
 		} else {
 			this._popover = document.createElement("div");
 			let e = this._isInsideModal() ? "z-[60]" : "z-50";
@@ -8430,7 +8432,7 @@ customElements.get("mint-chart") || customElements.define("mint-chart", N);
 //#region src/components/side-navigation/SideNavigationLink.ts
 var P = class extends HTMLElement {
 	constructor(...e) {
-		super(...e), this._trigger = null, this._mobileTrigger = null, this._submenuContainer = null, this._mobilePopover = null, this._triggerId = "";
+		super(...e), this._trigger = null, this._submenuContainer = null;
 	}
 	static get observedAttributes() {
 		return [
@@ -8446,7 +8448,17 @@ var P = class extends HTMLElement {
 		this.classList.add("block"), this.render();
 	}
 	attributeChangedCallback(e, t, n) {
-		t !== n && this.render();
+		t !== n && (this.render(), e === "active" && this._isSubmenuItem() && this._refreshDropdownAncestor());
+	}
+	_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";
@@ -8473,8 +8485,8 @@ var P = class extends HTMLElement {
 			"cursor-pointer",
 			"rounded-lg",
 			"border",
-			"d-block",
-			this._isSubmenuItem() ? "px-2 py-1.5 md:px-2" : "px-2 py-2 md:px-3",
+			"block",
+			this._isSubmenuItem() ? "px-2 py-1.5" : "px-3 py-2",
 			"text-left",
 			"text-sm",
 			"transition-colors",
@@ -8485,18 +8497,18 @@ var P = class extends HTMLElement {
 	_hasSubmenu() {
 		return this.querySelectorAll(":scope > [slot=\"submenu\"]").length > 0 ? !0 : !!this._submenuContainer && this._submenuContainer.children.length > 0;
 	}
-	_createRow(e, t, n = !1, r = !1) {
-		let i = document.createElement("span"), a = this._isSubmenuItem();
-		if (i.className = a ? "inline-flex w-full items-center justify-start gap-2" : `inline-flex w-full items-center ${r ? "justify-center" : "justify-center md:justify-start"} gap-2`, t) {
+	_createRow(e, t, n = !1) {
+		let r = document.createElement("span");
+		if (this._isSubmenuItem(), r.className = "inline-flex w-full items-center justify-start gap-2", t) {
 			let e = document.createElement("mint-icon");
-			e.setAttribute("name", t), e.className = "h-4 w-4 shrink-0", i.appendChild(e);
+			e.setAttribute("name", t), e.className = "h-4 w-4 shrink-0", r.appendChild(e);
 		}
-		let o = document.createElement("span");
-		if (o.className = a ? "inline truncate" : `${r ? "hidden" : "hidden md:inline"} truncate`, o.textContent = e, i.appendChild(o), n && !r) {
+		let i = document.createElement("span");
+		if (i.className = "inline truncate", i.textContent = e, r.appendChild(i), n) {
 			let e = document.createElement("mint-icon");
-			e.setAttribute("name", this._isExpanded() ? "caret-down" : "caret-right"), e.className = "ml-auto hidden h-4 w-4 text-gray-500 md:inline-flex dark:text-gray-400", i.appendChild(e);
+			e.setAttribute("name", this._isExpanded() ? "caret-down" : "caret-right"), e.className = "ml-auto inline-flex h-4 w-4 shrink-0 text-gray-500 dark:text-gray-400", r.appendChild(e);
 		}
-		return i;
+		return r;
 	}
 	_buildSimpleLink() {
 		let e = this._getHref(), t = this._getLabel(), n = this._getIcon(), r = e ? document.createElement("a") : document.createElement("button");
@@ -8506,20 +8518,20 @@ var P = class extends HTMLElement {
 		let e = this._getLabel(), t = this._getIcon(), n = Array.from(this.querySelectorAll(":scope > [slot=\"submenu\"]")), r = n.length > 0 ? n : this._submenuContainer ? Array.from(this._submenuContainer.children) : [], i = document.createElement("div");
 		i.className = "w-full";
 		let a = document.createElement("button");
-		a.type = "button", a.className = `${this._getBaseClasses()} hidden md:block`, a.setAttribute("aria-expanded", String(this._isExpanded())), a.appendChild(this._createRow(e, t, !0)), a.onclick = () => {
+		a.type = "button", a.className = `${this._getBaseClasses()} block w-full`, a.setAttribute("aria-expanded", String(this._isExpanded())), a.appendChild(this._createRow(e, t, !0)), a.onclick = () => {
 			this.setAttribute("expanded", this._isExpanded() ? "false" : "true");
-		}, this._triggerId = this.id || `mint-sidenav-link-${Math.random().toString(36).slice(2, 9)}`, this.id ||= this._triggerId;
-		let o = document.createElement("button");
-		o.type = "button", o.id = `${this._triggerId}-mobile-trigger`, o.className = `${this._getBaseClasses()} md:hidden`, o.appendChild(this._createRow(e, t, !1, !0)), this._submenuContainer = document.createElement("div"), this._submenuContainer.className = `hidden md:block mt-1 ml-5 border-l border-gray-200 pl-2 space-y-1 dark:border-gray-700 ${this._isExpanded() ? "" : "md:hidden"}`, r.forEach((e) => {
+		}, this._submenuContainer = document.createElement("div"), this._submenuContainer.className = [
+			"mt-1",
+			"ml-5",
+			"border-l",
+			"border-gray-200",
+			"pl-2",
+			"space-y-1",
+			"dark:border-gray-700",
+			this._isExpanded() ? "block" : "hidden"
+		].join(" "), r.forEach((e) => {
 			e.setAttribute("submenu-item", "true"), e.setAttribute("slot", "submenu"), this._submenuContainer?.appendChild(e);
-		}), this._mobilePopover = document.createElement("mint-popover"), this._mobilePopover.setAttribute("trigger-id", o.id), this._mobilePopover.setAttribute("direction", "right"), this._mobilePopover.setAttribute("padding", "0"), this._mobilePopover.className = "md:hidden";
-		let s = document.createElement("div");
-		s.className = "w-56 rounded-xl border border-gray-200 bg-white p-2 shadow-xl dark:border-gray-700 dark:bg-gray-900";
-		let c = document.createElement("div");
-		c.className = "px-2 pb-1 text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400", c.textContent = e, s.appendChild(c), r.forEach((e) => {
-			let t = e.cloneNode(!0);
-			t.removeAttribute("slot"), t.setAttribute("submenu-item", "true"), s.appendChild(t);
-		}), this._mobilePopover.appendChild(s), i.appendChild(a), i.appendChild(o), i.appendChild(this._submenuContainer), i.appendChild(this._mobilePopover), this.replaceChildren(i), this._trigger = a, this._mobileTrigger = o;
+		}), i.appendChild(a), i.appendChild(this._submenuContainer), this.replaceChildren(i), this._trigger = a;
 	}
 	render() {
 		this._hasSubmenu() && !this._isSubmenuItem() ? this._buildDropdownLink() : this._buildSimpleLink();
@@ -8545,9 +8557,9 @@ var F = class extends HTMLElement {
 		return this.getAttribute("name") || "";
 	}
 	render() {
-		this._container || (this._container = document.createElement("section"), this._container.className = "mb-4", this.appendChild(this._container)), this._title || (this._title = document.createElement("mint-text"), this._title.setAttribute("size", "small"), this._title.setAttribute("bold", "true"), this._title.className = "mb-2 hidden uppercase tracking-wide text-gray-500 md:block dark:text-gray-400", this._container.appendChild(this._title));
+		this._container || (this._container = document.createElement("section"), this._container.className = "mb-4", this.appendChild(this._container)), this._title || (this._title = document.createElement("mint-text"), this._title.setAttribute("size", "small"), this._title.setAttribute("bold", "true"), this._title.className = "mb-2 uppercase tracking-wide text-gray-500 dark:text-gray-400 px-3", this._container.appendChild(this._title));
 		let e = this._getName();
-		this._title.textContent = e, e.trim().length === 0 ? (this._title.classList.add("hidden"), this._title.classList.remove("md:block", "mb-2")) : this._title.classList.add("hidden", "md:block", "mb-2"), this._list || (this._list = document.createElement("div"), this._list.className = "space-y-1", this._container.appendChild(this._list)), Array.from(this.children).filter((e) => e !== this._container && e.tagName === "MINT-SIDENAV-LINK").forEach((e) => {
+		this._title.textContent = e, e.trim().length === 0 ? (this._title.classList.add("hidden"), this._title.classList.remove("block", "mb-2")) : (this._title.classList.remove("hidden"), this._title.classList.add("block", "mb-2")), this._list || (this._list = document.createElement("div"), this._list.className = "space-y-1", 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);
 		});
 	}
@@ -8617,17 +8629,17 @@ var L = class extends HTMLElement {
 	}
 	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 = "relative", this.appendChild(this._wrapper)), this._wrapper.innerHTML = "", this._trigger = document.createElement("button"), this._trigger.type = "button", this._trigger.id = this._triggerId, this._trigger.className = "flex w-full cursor-pointer items-center gap-3 rounded-xl border border-gray-200 bg-gray-50 px-2 py-2 text-left transition-colors hover:bg-gray-100 md:px-3 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700";
+		this._wrapper || (this._wrapper = document.createElement("div"), this._wrapper.className = "relative", this.appendChild(this._wrapper)), this._wrapper.innerHTML = "", this._trigger = document.createElement("button"), this._trigger.type = "button", this._trigger.id = this._triggerId, this._trigger.className = "flex w-full cursor-pointer items-center gap-3 rounded-xl border border-gray-200 bg-gray-50 px-3 py-2 text-left transition-colors hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700";
 		let t = document.createElement("div");
 		t.className = "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-blue-600 text-xs font-semibold text-white", t.textContent = this._getTitle().split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
 		let n = document.createElement("div");
-		n.className = "hidden min-w-0 flex-1 md:block";
+		n.className = "min-w-0 flex-1";
 		let r = document.createElement("mint-text");
 		r.setAttribute("size", "body"), r.setAttribute("bold", "true"), r.className = "truncate text-gray-900 dark:text-gray-100", r.textContent = this._getTitle();
 		let i = document.createElement("mint-text");
 		i.setAttribute("size", "small"), i.setAttribute("variant", "muted"), i.className = "truncate", i.textContent = this._getSubtitle();
 		let a = document.createElement("div");
-		a.className = "mint-sidenav-action-menu-caret hidden pointer-events-none z-10 md:flex md:flex-col md:items-center";
+		a.className = "mint-sidenav-action-menu-caret pointer-events-none z-10 flex flex-col items-center";
 		let o = document.createElement("mint-icon");
 		o.setAttribute("name", "caret-up"), o.className = "h-[.9em] w-[.9em] text-gray-400 dark:text-gray-500 mb-[-.2rem]";
 		let s = document.createElement("mint-icon");
@@ -8645,30 +8657,112 @@ customElements.get("mint-sidenav-action-menu") || customElements.define("mint-si
 //#region src/components/side-navigation/SideNavigation.ts
 var R = class extends HTMLElement {
 	constructor(...e) {
-		super(...e), this._container = null, this._header = null, this._content = null, this._footer = null;
+		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;
 	}
 	static get observedAttributes() {
-		return ["user-name", "user-status"];
+		return [
+			"user-name",
+			"user-status",
+			"open",
+			"drawer-top-class"
+		];
 	}
 	connectedCallback() {
-		this.classList.add("block", "h-screen", "min-h-screen"), this.render();
+		this.classList.add("relative", "block", "shrink-0", "w-0", "overflow-visible", "min-[1100px]:w-[17rem]", "min-[1100px]:shrink-0"), this._attachEscapeListener(), this._attachMediaListener(), this.render();
+	}
+	disconnectedCallback() {
+		this._detachEscapeListener(), this._detachMediaListener();
 	}
 	attributeChangedCallback(e, t, n) {
 		t !== n && 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;
+	}
 	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.className = "flex h-screen min-h-screen w-[4.75rem] flex-col border-r border-gray-200 bg-white p-2 md:w-[17rem] md:p-3 dark:border-gray-700 dark:bg-gray-900", this.appendChild(this._container));
+		this._container || (this._container = document.createElement("aside"), this.appendChild(this._container));
+	}
+	_syncShell() {
+		let e = "max-[1099.98px]:top-14", t = this._isOpen();
+		if (this._backdrop && (this._backdrop.className = [
+			"fixed",
+			e,
+			"left-0",
+			"right-0",
+			"bottom-0",
+			"z-40",
+			"bg-black/50",
+			"transition-opacity",
+			"duration-200",
+			"min-[1100px]:hidden",
+			t ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"
+		].join(" ")), this._container) {
+			let n = t ? "max-[1099.98px]:translate-x-0" : "max-[1099.98px]:-translate-x-full";
+			this._container.className = [
+				"flex",
+				"min-h-0",
+				"flex-col",
+				"border-r",
+				"border-gray-200",
+				"bg-white",
+				"p-2",
+				"dark:border-gray-700",
+				"dark:bg-gray-900",
+				"w-[4.75rem]",
+				"max-[1099.98px]:fixed",
+				e,
+				"max-[1099.98px]:bottom-0",
+				"max-[1099.98px]:left-0",
+				"max-[1099.98px]:z-50",
+				"max-[1099.98px]:h-auto",
+				"max-[1099.98px]:w-[17rem]",
+				"max-[1099.98px]:max-w-[85vw]",
+				"max-[1099.98px]:shadow-xl",
+				"max-[1099.98px]:transition-transform",
+				"max-[1099.98px]:duration-200",
+				"max-[1099.98px]:ease-out",
+				n,
+				"min-[1100px]:fixed",
+				"min-[1100px]:left-0",
+				"min-[1100px]:top-14",
+				"min-[1100px]:bottom-0",
+				"min-[1100px]:z-30",
+				"min-[1100px]:w-[17rem]",
+				"min-[1100px]:translate-x-0",
+				"min-[1100px]:p-3",
+				"min-[1100px]:shadow-none"
+			].join(" ");
+		}
 	}
 	_buildUserHeader() {
 		if (!this._container) return;
 		this._header || (this._header = document.createElement("div"), this._header.className = "mb-4", this._container.appendChild(this._header));
-		let e = Array.from(this.children).find((e) => e.getAttribute("slot") === "action-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;
@@ -8677,22 +8771,160 @@ var R = class extends HTMLElement {
 		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);
+		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 = "grow overflow-y-auto", this._container.appendChild(this._content)), this._replaceSlottedChildren(this._content, "links"));
+		this._container && (this._content || (this._content = document.createElement("div"), this._content.className = "min-h-0 grow overflow-y-auto", 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 = "mt-auto border-t border-gray-200 pt-3 dark:border-gray-700", this._container.appendChild(this._footer));
+		this._footer || (this._footer = document.createElement("div"), this._footer.className = "mt-auto border-t border-gray-200 py-3 dark:border-gray-700", this._container.appendChild(this._footer));
 		let e = document.createElement("div");
 		e.className = "space-y-1", this._replaceSlottedChildren(e, "bottom-links"), this._footer.innerHTML = "", this._footer.appendChild(e);
 	}
 	render() {
-		this._ensureContainer(), this._buildUserHeader(), this._buildContent(), this._buildFooter();
+		this._ensureBackdrop(), this._ensureContainer(), this._syncShell(), this._buildUserHeader(), this._buildContent(), this._buildFooter();
 	}
 };
 customElements.get("mint-side-navigation") || customElements.define("mint-side-navigation", R);
 //#endregion
-export { E as Alert, l as BackButton, r as Button, r as default, s as Card, N as Chart, m as Checkbox, C as Chip, g as Choice, T as Clickable, v as DatePicker, b as Dropzone, x as Form, d as Grid, n as Icon, _ as Input, c as Link, f as Modal, O as OffCanvas, u as Page, p as Popover, D as ResourceTable, y as Select, R as SideNavigation, I as SideNavigationActionLinks, L as SideNavigationActionMenu, P as SideNavigationLink, F as SideNavigationLinks, t as Spinner, o as Stack, i as Switch, k as Tab, j as TabContent, A as TabList, S as Table, M as Tabs, w as Tags, a as Text };
+//#region src/components/top-navigation/TopNavigation.ts
+var z = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this._bar = null, this._menuButton = null, this._logoLink = null, this._menuClickHandler = null;
+	}
+	static get observedAttributes() {
+		return [
+			"logo-src",
+			"logo-href",
+			"logo-alt",
+			"menu-target"
+		];
+	}
+	connectedCallback() {
+		this.classList.add("sticky", "top-0", "z-50", "w-full", "shrink-0", "bg-white", "dark:bg-gray-900"), this.render();
+	}
+	disconnectedCallback() {
+		this._menuButton && this._menuClickHandler && (this._menuButton.removeEventListener("click", this._menuClickHandler), this._menuClickHandler = null);
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	_getLogoSrc() {
+		return this.getAttribute("logo-src") || "";
+	}
+	_getLogoHref() {
+		return this.getAttribute("logo-href") || "/";
+	}
+	_getLogoAlt() {
+		return this.getAttribute("logo-alt") || "Home";
+	}
+	_getMenuTargetId() {
+		return (this.getAttribute("menu-target") || "").replace(/^#/, "");
+	}
+	_toggleMenuTarget() {
+		let e = this._getMenuTargetId();
+		if (!e) return;
+		let t = document.getElementById(e);
+		!t || t.tagName !== "MINT-SIDE-NAVIGATION" || (t.getAttribute("open") === "true" ? t.removeAttribute("open") : t.setAttribute("open", "true"));
+	}
+	render() {
+		if (this._bar || (this._bar = document.createElement("div"), this._bar.className = "flex h-14 w-full items-center gap-2 border-b border-gray-200 px-3 dark:border-gray-700", this.appendChild(this._bar)), !this._menuButton) {
+			this._menuButton = document.createElement("button"), this._menuButton.type = "button", this._menuButton.className = "inline-flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-lg border border-transparent text-gray-700 transition-colors hover:bg-black/5 min-[1100px]:hidden dark:text-gray-200 dark:hover:bg-white/10", this._menuButton.setAttribute("aria-label", "Open navigation menu");
+			let e = document.createElement("mint-icon");
+			e.setAttribute("name", "menu"), e.className = "h-5 w-5", this._menuButton.appendChild(e), this._menuClickHandler = () => this._toggleMenuTarget(), this._menuButton.addEventListener("click", this._menuClickHandler), this._bar.appendChild(this._menuButton);
+		}
+		let e = !!this._getMenuTargetId();
+		this._menuButton.classList.toggle("hidden", !e), this._logoLink || (this._logoLink = document.createElement("a"), this._logoLink.className = "flex shrink-0 items-center", this._bar.appendChild(this._logoLink)), this._logoLink.href = this._getLogoHref(), this._logoLink.setAttribute("aria-label", this._getLogoAlt());
+		let t = this._getLogoSrc();
+		if (t) {
+			let e = document.createElement("img");
+			e.className = "h-8 max-w-[10rem] object-contain", e.decoding = "async", e.src = t, e.alt = this._getLogoAlt(), this._logoLink.replaceChildren(e), this._logoLink.classList.remove("pointer-events-none", "opacity-40");
+		} else {
+			this._logoLink.replaceChildren(), this._logoLink.classList.add("pointer-events-none", "opacity-40");
+			let e = document.createElement("span");
+			e.className = "text-sm font-semibold text-gray-400 dark:text-gray-500", e.textContent = "Logo", this._logoLink.appendChild(e);
+		}
+		let n = this._bar.querySelector("[data-mint-topnav-spacer]");
+		n || (n = document.createElement("div"), n.setAttribute("data-mint-topnav-spacer", "true"), n.className = "min-w-0 flex-1", this._bar.appendChild(n));
+		let r = Array.from(this.querySelectorAll("[slot=\"actions\"]")), i = this._bar.querySelector("[data-mint-topnav-actions]");
+		i || (i = document.createElement("div"), i.setAttribute("data-mint-topnav-actions", "true"), i.className = "flex shrink-0 items-center gap-2", this._bar.appendChild(i)), i.replaceChildren(...r);
+	}
+};
+customElements.get("mint-top-navigation") || customElements.define("mint-top-navigation", z);
+//#endregion
+//#region src/components/bottom-navigation/BottomNavigation.ts
+var B = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this._lastScrollY = 0, this._scrollHandler = null;
+	}
+	connectedCallback() {
+		this.classList.add("fixed", "bottom-0", "left-0", "right-0", "z-30", "flex", "w-full", "items-stretch", "justify-around", "gap-1", "border-t", "border-gray-200", "bg-white", "px-1", "pt-1", "pb-[env(safe-area-inset-bottom,0px)]", "min-[1100px]:hidden", "transition-transform", "duration-200", "ease-out", "translate-y-0", "dark:border-gray-700", "dark:bg-gray-900"), this.setAttribute("role", "navigation"), this.setAttribute("aria-label", "Primary"), this._lastScrollY = window.scrollY, this._attachScrollListener();
+	}
+	disconnectedCallback() {
+		this._detachScrollListener();
+	}
+	_attachScrollListener() {
+		this._scrollHandler || (this._scrollHandler = () => {
+			let e = window.scrollY;
+			if (e <= 8) {
+				this.classList.remove("translate-y-full"), this.classList.add("translate-y-0"), this._lastScrollY = e;
+				return;
+			}
+			let t = e - this._lastScrollY;
+			Math.abs(t) < 4 || (t > 0 ? (this.classList.remove("translate-y-0"), this.classList.add("translate-y-full")) : (this.classList.remove("translate-y-full"), this.classList.add("translate-y-0")), this._lastScrollY = e);
+		}, window.addEventListener("scroll", this._scrollHandler, { passive: !0 }));
+	}
+	_detachScrollListener() {
+		this._scrollHandler &&= (window.removeEventListener("scroll", this._scrollHandler), null);
+	}
+};
+customElements.get("mint-bottom-navigation") || customElements.define("mint-bottom-navigation", B);
+//#endregion
+//#region src/components/bottom-navigation/BottomNavItem.ts
+var V = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this._root = null;
+	}
+	static get observedAttributes() {
+		return [
+			"icon",
+			"label",
+			"href",
+			"active"
+		];
+	}
+	connectedCallback() {
+		this.classList.add("contents"), this.render();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	_isActive() {
+		return this.getAttribute("active") === "true";
+	}
+	_getLabel() {
+		return this.getAttribute("label") || "";
+	}
+	_getIcon() {
+		return this.getAttribute("icon") || "";
+	}
+	_getHref() {
+		return this.getAttribute("href");
+	}
+	render() {
+		let e = this._getHref(), t = this._getLabel(), n = this._getIcon(), r = this._isActive(), i = r ? "text-blue-600 dark:text-blue-400" : "text-gray-600 hover:bg-black/5 dark:text-gray-300 dark:hover:bg-white/10", a;
+		e ? (a = document.createElement("a"), a.href = e) : (a = document.createElement("button"), a.type = "button"), a.className = `flex min-w-0 flex-1 flex-col items-center justify-center gap-1 rounded-lg px-1 py-2 text-center text-[11px] font-medium leading-tight transition-colors ${i}`, a.setAttribute("aria-current", r ? "page" : "false"), a.setAttribute("aria-label", t || "Navigation item");
+		let o = document.createElement("span");
+		if (o.className = "inline-flex h-6 w-6 items-center justify-center", n) {
+			let e = document.createElement("mint-icon");
+			e.setAttribute("name", n), e.className = r ? "h-6 w-6" : "h-6 w-6 opacity-90", o.appendChild(e);
+		}
+		let s = document.createElement("span");
+		s.className = "block w-full truncate", s.textContent = t, a.appendChild(o), a.appendChild(s), this.replaceChildren(a), this._root = a;
+	}
+};
+customElements.get("mint-bottom-nav-item") || customElements.define("mint-bottom-nav-item", V);
+//#endregion
+export { E as Alert, l as BackButton, V as BottomNavItem, B as BottomNavigation, r as Button, r as default, s as Card, N as Chart, m as Checkbox, C as Chip, g as Choice, T as Clickable, v as DatePicker, b as Dropzone, x as Form, d as Grid, n as Icon, _ as Input, c as Link, f as Modal, O as OffCanvas, u as Page, p as Popover, D as ResourceTable, y as Select, R as SideNavigation, I as SideNavigationActionLinks, L as SideNavigationActionMenu, P as SideNavigationLink, F as SideNavigationLinks, t as Spinner, o as Stack, i as Switch, k as Tab, j as TabContent, A as TabList, S as Table, M as Tabs, w as Tags, a as Text, z as TopNavigation };

package/dist/{plus-csC2ambK.js → menu-BD7OJkcn.js}

@@ -133,4 +133,14 @@ var h = {
 };
 t(h);
 //#endregion
-export { d as a, c, a as d, i as f, t as h, f as i, s as l, n as m, m as n, u as o, r as p, p as r, l as s, h as t, o as u };
+//#region src/components/icon/icons/menu.ts
+var g = {
+	name: "menu",
+	viewBox: "0 0 24 24",
+	path: "M4 6h16M4 12h16M4 18h16",
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+};
+t(g);
+//#endregion
+export { f as a, l as c, o as d, a as f, t as g, n as h, p as i, c as l, r as m, h as n, d as o, i as p, m as r, u as s, g as t, s as u };

package/dist/{plus-C2ciGlkq.cjs → menu-CeF8GTxj.cjs}

@@ -1 +1 @@
-var e=new Map;function t(t){e.set(t.name,t)}function n(t){return e.get(t)}var r={name:`close`,viewBox:`0 0 24 24`,path:`M6 18L18 6M6 6l12 12`,strokeLinecap:`round`,strokeLinejoin:`round`};t(r);var i={name:`check`,viewBox:`0 0 24 24`,path:`M5 13l4 4L19 7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(i);var a={name:`info`,viewBox:`0 0 24 24`,path:`M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(a);var o={name:`success`,viewBox:`0 0 24 24`,path:`M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(o);var s={name:`warning`,viewBox:`0 0 24 24`,path:`M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(s);var c={name:`error`,viewBox:`0 0 24 24`,path:`M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(c);var l={name:`sort-arrows`,viewBox:`0 0 24 24`,path:`M1 5l5-4m0 0l5 4m-5-4v22 M13 19l5 4m0 0l5-4m-5 4V1`,strokeLinecap:`round`,strokeLinejoin:`round`},u={name:`caret-left`,viewBox:`0 0 24 24`,path:`M15 19l-7-7 7-7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(u);var d={name:`caret-right`,viewBox:`0 0 24 24`,path:`M9 5l7 7-7 7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(d);var f={name:`caret-down`,viewBox:`0 0 24 24`,path:`M19 9l-7 7-7-7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(f);var p={name:`caret-up`,viewBox:`0 0 24 24`,path:`M5 15l7-7 7 7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(p);var m={name:`user`,viewBox:`0 0 24 24`,path:`M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(m);var h={name:`plus`,viewBox:`0 0 24 24`,path:`M12 4v16m8-8H4`,strokeLinecap:`round`,strokeLinejoin:`round`};t(h),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return o}});
+var e=new Map;function t(t){e.set(t.name,t)}function n(t){return e.get(t)}var r={name:`close`,viewBox:`0 0 24 24`,path:`M6 18L18 6M6 6l12 12`,strokeLinecap:`round`,strokeLinejoin:`round`};t(r);var i={name:`check`,viewBox:`0 0 24 24`,path:`M5 13l4 4L19 7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(i);var a={name:`info`,viewBox:`0 0 24 24`,path:`M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(a);var o={name:`success`,viewBox:`0 0 24 24`,path:`M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(o);var s={name:`warning`,viewBox:`0 0 24 24`,path:`M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(s);var c={name:`error`,viewBox:`0 0 24 24`,path:`M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(c);var l={name:`sort-arrows`,viewBox:`0 0 24 24`,path:`M1 5l5-4m0 0l5 4m-5-4v22 M13 19l5 4m0 0l5-4m-5 4V1`,strokeLinecap:`round`,strokeLinejoin:`round`},u={name:`caret-left`,viewBox:`0 0 24 24`,path:`M15 19l-7-7 7-7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(u);var d={name:`caret-right`,viewBox:`0 0 24 24`,path:`M9 5l7 7-7 7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(d);var f={name:`caret-down`,viewBox:`0 0 24 24`,path:`M19 9l-7 7-7-7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(f);var p={name:`caret-up`,viewBox:`0 0 24 24`,path:`M5 15l7-7 7 7`,strokeLinecap:`round`,strokeLinejoin:`round`};t(p);var m={name:`user`,viewBox:`0 0 24 24`,path:`M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z`,strokeLinecap:`round`,strokeLinejoin:`round`};t(m);var h={name:`plus`,viewBox:`0 0 24 24`,path:`M12 4v16m8-8H4`,strokeLinecap:`round`,strokeLinejoin:`round`};t(h);var g={name:`menu`,viewBox:`0 0 24 24`,path:`M4 6h16M4 12h16M4 18h16`,strokeLinecap:`round`,strokeLinejoin:`round`};t(g),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return s}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monobill-mintui",
-  "version": "0.4.7",
+  "version": "0.4.9",
   "description": "A modern framework-agnostic UI kit built as Web Components. Requires Tailwind CSS.",
   "type": "module",
   "main": "./dist/index.cjs",