monobill-mintui 0.6.612 → 0.6.613

package/dist/components/chunks/popover-gviDCspV.js

@@ -0,0 +1,188 @@
+import { t as e } from "./register-element-BFYmIynH.js";
+//#region src/components/popover/Popover.js
+var t = new Set([
+	"up",
+	"down",
+	"left",
+	"right"
+]), n = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"direction",
+			"open",
+			"trigger-id",
+			"trigger-toggle",
+			"trigger-align",
+			"padding",
+			"hover",
+			"distance"
+		];
+	}
+	constructor() {
+		super(), this._trigger = null, this._triggerLookupTimer = null, this._clickHandler = null, this._hoverEnterHandler = null, this._hoverLeaveHandler = null, this._outsideHandler = null, this._escapeHandler = null, this._positionHandler = null, this._scrollHandler = null, this._resizeObserver = null, this._hoverCloseTimer = null, this._closeAnimationTimer = null, this._blobAnimation = null;
+	}
+	connectedCallback() {
+		this.render(), this._setupTrigger();
+	}
+	disconnectedCallback() {
+		this._removeTrigger(), this._removeOpenListeners(), clearTimeout(this._hoverCloseTimer), clearTimeout(this._closeAnimationTimer), this._blobAnimation?.cancel();
+	}
+	attributeChangedCallback(e, t, n) {
+		t === n || !this.isConnected || ((e === "trigger-id" || e === "trigger-toggle" || e === "hover") && this._setupTrigger(), this.render());
+	}
+	getDirection() {
+		let e = this.getAttribute("direction") || "down";
+		return t.has(e) ? e : "down";
+	}
+	getTriggerId() {
+		return this.getAttribute("trigger-id") || "";
+	}
+	isOpen() {
+		return this.hasAttribute("open") && this.getAttribute("open") !== "false";
+	}
+	isHoverEnabled() {
+		return this.hasAttribute("hover") && this.getAttribute("hover") !== "false";
+	}
+	isTriggerToggleEnabled() {
+		return this.getAttribute("trigger-toggle") !== "false";
+	}
+	open() {
+		this.setAttribute("open", "true");
+	}
+	close() {
+		this.removeAttribute("open");
+	}
+	_removeTrigger() {
+		clearTimeout(this._triggerLookupTimer), this._triggerLookupTimer = null, this._trigger && (this._clickHandler && this._trigger.removeEventListener("click", this._clickHandler), this._hoverEnterHandler && this._trigger.removeEventListener("mouseenter", this._hoverEnterHandler), this._hoverLeaveHandler && this._trigger.removeEventListener("mouseleave", this._hoverLeaveHandler), this._hoverEnterHandler && this.removeEventListener("mouseenter", this._hoverEnterHandler), this._hoverLeaveHandler && this.removeEventListener("mouseleave", this._hoverLeaveHandler), this._trigger.removeAttribute("aria-haspopup"), this._trigger.removeAttribute("aria-expanded"), this._trigger = null, this._clickHandler = this._hoverEnterHandler = this._hoverLeaveHandler = null);
+	}
+	_setupTrigger() {
+		this._removeTrigger();
+		let e = this.getTriggerId();
+		if (e) {
+			if (this._trigger = document.getElementById(e), !this._trigger) {
+				this._triggerLookupTimer = setTimeout(() => {
+					this.isConnected && this.getTriggerId() === e && !this._trigger && this._setupTrigger();
+				}, 40);
+				return;
+			}
+			this._trigger.setAttribute("aria-haspopup", "true"), this._trigger.setAttribute("aria-expanded", String(this.isOpen())), this.isTriggerToggleEnabled() && (this._clickHandler = (e) => {
+				this._trigger?.tagName === "A" && e.preventDefault(), this.isOpen() ? this.close() : this.open();
+			}, this._trigger.addEventListener("click", this._clickHandler)), this.isHoverEnabled() && (this._hoverEnterHandler = () => {
+				clearTimeout(this._hoverCloseTimer), this.open();
+			}, this._hoverLeaveHandler = () => this._scheduleHoverClose(), this._trigger.addEventListener("mouseenter", this._hoverEnterHandler), this._trigger.addEventListener("mouseleave", this._hoverLeaveHandler), this.addEventListener("mouseenter", this._hoverEnterHandler), this.addEventListener("mouseleave", this._hoverLeaveHandler));
+		}
+	}
+	_scheduleHoverClose() {
+		clearTimeout(this._hoverCloseTimer), this._hoverCloseTimer = setTimeout(() => {
+			!this._trigger?.matches(":hover") && !this.matches(":hover") && this.close();
+		}, 140);
+	}
+	_removeOpenListeners() {
+		this._outsideHandler && document.removeEventListener("click", this._outsideHandler), this._escapeHandler && document.removeEventListener("keydown", this._escapeHandler), this._positionHandler && window.removeEventListener("resize", this._positionHandler), this._scrollHandler && window.removeEventListener("scroll", this._scrollHandler, !0), this._resizeObserver?.disconnect(), this._resizeObserver = null, this._outsideHandler = this._escapeHandler = this._positionHandler = this._scrollHandler = null;
+	}
+	_setOpenListeners() {
+		if (!this._outsideHandler) {
+			if (this._outsideHandler = (e) => {
+				let t = e.composedPath();
+				t.includes(this) || t.includes(this._trigger) || (e.target instanceof Element ? e.target : null)?.closest("[data-keep-popover-open]") || this.close();
+			}, this._escapeHandler = (e) => {
+				e.key === "Escape" && (this.close(), this._trigger?.focus?.());
+			}, this._positionHandler = () => {
+				this.isOpen() && this._position();
+			}, this._scrollHandler = () => {
+				this.isOpen() && this._position({
+					allowViewportFlip: !1,
+					clampToViewport: !1
+				});
+			}, typeof ResizeObserver < "u" && this._trigger) {
+				this._resizeObserver = new ResizeObserver(() => {
+					this.isOpen() && this._position();
+				}), this._resizeObserver.observe(this);
+				let e = this._trigger, t = 0;
+				for (; e && e !== document.documentElement && t < 8;) this._resizeObserver.observe(e), e = e.parentElement, t += 1;
+			}
+			setTimeout(() => {
+				this.isOpen() && this._outsideHandler && document.addEventListener("click", this._outsideHandler);
+			}, 0), document.addEventListener("keydown", this._escapeHandler), window.addEventListener("resize", this._positionHandler), window.addEventListener("scroll", this._scrollHandler, !0);
+		}
+	}
+	_position({ allowViewportFlip: e = !0, clampToViewport: t = !0 } = {}) {
+		let n = document.getElementById(this.getTriggerId());
+		n && n !== this._trigger && this._setupTrigger();
+		let r = n || this._trigger;
+		if (!r) return;
+		let i = r.getBoundingClientRect(), a = {
+			width: this.offsetWidth,
+			height: this.offsetHeight
+		}, o = this._distancePx(), s = e ? this.getDirection() : this.dataset.direction || this.getDirection(), c = 0, l = 0, u = this.getAttribute("trigger-align") || "center";
+		if (s === "down" || s === "up") {
+			let t = i.bottom + o, n = i.top - a.height - o;
+			e && s === "down" && t + a.height > innerHeight - 12 && n >= 12 ? s = "up" : e && s === "up" && n < 12 && t + a.height <= innerHeight - 12 && (s = "down"), c = s === "down" ? t : n, l = u === "start" ? i.left : u === "end" ? i.right - a.width : i.left + (i.width - a.width) / 2;
+		} else {
+			let t = i.right + o, n = i.left - a.width - o;
+			e && s === "right" && t + a.width > innerWidth - 12 && n >= 12 ? s = "left" : e && s === "left" && n < 12 && t + a.width <= innerWidth - 12 && (s = "right"), l = s === "right" ? t : n, c = u === "start" ? i.top : u === "end" ? i.bottom - a.height : i.top + (i.height - a.height) / 2;
+		}
+		let d = t ? Math.max(12, Math.min(c, innerHeight - a.height - 12)) : c, f = t ? Math.max(12, Math.min(l, innerWidth - a.width - 12)) : l;
+		this.style.top = `${d}px`, this.style.left = `${f}px`, this.dataset.direction = s, this.style.setProperty("--mint-popover-origin-x", `${i.left + i.width / 2 - f}px`), this.style.setProperty("--mint-popover-origin-y", `${i.top + i.height / 2 - d}px`);
+	}
+	_distancePx() {
+		let e = (this.getAttribute("distance") || "8px").trim(), t = Number.parseFloat(e);
+		return Number.isFinite(t) ? e.endsWith("rem") ? t * (parseFloat(getComputedStyle(document.documentElement).fontSize) || 16) : Math.max(0, t) : 8;
+	}
+	_animateBlob(e) {
+		if (this._blobAnimation?.cancel(), this._blobAnimation = null, typeof this.animate != "function") return 0;
+		let t = getComputedStyle(this).borderRadius || ".75rem";
+		if (matchMedia("(prefers-reduced-motion: reduce)").matches) return 0;
+		let n = e ? 380 : 280, r = [
+			{
+				transform: "scale(.035, .035)",
+				borderRadius: "50%",
+				opacity: .94,
+				offset: 0
+			},
+			{
+				transform: "scale(.3, .42)",
+				borderRadius: "50%",
+				opacity: 1,
+				offset: .58
+			},
+			{
+				transform: "scale(1.035, .96)",
+				borderRadius: "1rem",
+				offset: .9
+			},
+			{
+				transform: "scale(1)",
+				borderRadius: t,
+				offset: 1
+			}
+		], i = e ? r : [...r].reverse().map(({ offset: e, ...t }) => ({
+			...t,
+			offset: 1 - e
+		}));
+		return this._blobAnimation = this.animate(i, {
+			duration: n,
+			easing: e ? "cubic-bezier(.2, .8, .2, 1)" : "cubic-bezier(.4, 0, .8, .2)",
+			fill: "both"
+		}), n;
+	}
+	render() {
+		let e = this.isOpen(), t = this.hasAttribute("data-open") || this.dataset.state === "closing", n = this.hasAttribute("data-open");
+		if (this.toggleAttribute("data-open", e), this.setAttribute("aria-hidden", String(!e)), this._trigger && this._trigger.setAttribute("aria-expanded", String(e)), e) {
+			clearTimeout(this._closeAnimationTimer);
+			let e = !n || this.dataset.state === "closing";
+			e && (this._blobAnimation?.cancel(), this._blobAnimation = null), this.dataset.state = "open", this._setOpenListeners(), this._position(), e && this._animateBlob(!0), requestAnimationFrame(() => requestAnimationFrame(() => {
+				this.isOpen() && this._position();
+			}));
+		} else if (this._removeOpenListeners(), t) {
+			this.dataset.state = "closing";
+			let e = this._animateBlob(!1);
+			e ? this._closeAnimationTimer = setTimeout(() => {
+				this.dataset.state === "closing" && (this._blobAnimation?.cancel(), this._blobAnimation = null, this.dataset.state = "closed");
+			}, e) : this.dataset.state = "closed";
+		} else this.dataset.state = "closed";
+	}
+};
+typeof customElements < "u" && !customElements.get("mint-popover") && e("mint-popover", n);
+//#endregion
+export { n as t };

package/dist/components/chunks/register-element-BFYmIynH.js

@@ -0,0 +1,53 @@
+//#region src/components/theme-runtime.ts
+var e = !1, t = !1, n = null, r = null;
+function i() {
+	if (e || typeof window > "u" || typeof document > "u" || !window.matchMedia) return;
+	e = !0;
+	let i = document.documentElement;
+	if (t = !i.dataset.mintTheme && !i.classList.contains("dark") && !i.classList.contains("light"), !t) return;
+	n = window.matchMedia("(prefers-color-scheme: dark)");
+	let a = () => {
+		if (!t) return;
+		let e = n?.matches ?? !1;
+		r = e, i.classList.toggle("dark", e), requestAnimationFrame(() => {
+			r = null;
+		});
+	};
+	a();
+	let o = () => a();
+	n.addEventListener ? n.addEventListener("change", o) : n.addListener(o), new MutationObserver((e) => {
+		if (!t) return;
+		let a = e.some((e) => e.attributeName === "class");
+		if (e.some((e) => e.attributeName === "data-mint-theme") && i.dataset.mintTheme) {
+			t = !1;
+			return;
+		}
+		a && i.classList.contains("dark") !== (n?.matches ?? !1) ? t = !1 : a && r !== null && (r = null);
+	}).observe(i, {
+		attributes: !0,
+		attributeFilter: ["class", "data-mint-theme"]
+	});
+}
+//#endregion
+//#region src/components/register-element.ts
+function a(e, t) {
+	if (i(), customElements.get(e)) return;
+	let n = t.observedAttributes ?? [], r = t.prototype;
+	for (let e of n) {
+		let t = e.replace(/-([a-z])/g, (e, t) => t.toUpperCase());
+		t in r || Object.defineProperty(r, t, {
+			configurable: !0,
+			enumerable: !0,
+			get() {
+				let t = this.getAttribute(e);
+				return t === "true" ? !0 : t === "false" ? !1 : t;
+			},
+			set(t) {
+				t == null || t === !1 ? this.removeAttribute(e) : this.setAttribute(e, String(t));
+			}
+		});
+	}
+	customElements.define(e, t);
+}
+//#endregion
+export { a as t };

package/dist/components/chunks/register-element-tCL_F1YI.js

@@ -0,0 +1 @@
+var e=!1,t=!1,n=null,r=null;function i(){if(e||typeof window>`u`||typeof document>`u`||!window.matchMedia)return;e=!0;let i=document.documentElement;if(t=!i.dataset.mintTheme&&!i.classList.contains(`dark`)&&!i.classList.contains(`light`),!t)return;n=window.matchMedia(`(prefers-color-scheme: dark)`);let a=()=>{if(!t)return;let e=n?.matches??!1;r=e,i.classList.toggle(`dark`,e),requestAnimationFrame(()=>{r=null})};a();let o=()=>a();n.addEventListener?n.addEventListener(`change`,o):n.addListener(o),new MutationObserver(e=>{if(!t)return;let a=e.some(e=>e.attributeName===`class`);if(e.some(e=>e.attributeName===`data-mint-theme`)&&i.dataset.mintTheme){t=!1;return}a&&i.classList.contains(`dark`)!==(n?.matches??!1)?t=!1:a&&r!==null&&(r=null)}).observe(i,{attributes:!0,attributeFilter:[`class`,`data-mint-theme`]})}function a(e,t){if(i(),customElements.get(e))return;let n=t.observedAttributes??[],r=t.prototype;for(let e of n){let t=e.replace(/-([a-z])/g,(e,t)=>t.toUpperCase());t in r||Object.defineProperty(r,t,{configurable:!0,enumerable:!0,get(){let t=this.getAttribute(e);return t===`true`?!0:t===`false`?!1:t},set(t){t==null||t===!1?this.removeAttribute(e):this.setAttribute(e,String(t))}})}customElements.define(e,t)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/components/chunks/search-ANUKQi0r.js

@@ -0,0 +1,9 @@
+import { a as e } from "./icon-gQAtsERy.js";
+e({
+	name: "search",
+	viewBox: "0 0 24 24",
+	path: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+});
+//#endregion

package/dist/components/chunks/search-B3egXuw4.js

@@ -0,0 +1 @@
+require(`./icon-dG8sLTBn.js`).a({name:`search`,viewBox:`0 0 24 24`,path:`M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z`,strokeLinecap:`round`,strokeLinejoin:`round`});

package/dist/components/chunks/spinner-BsaFHuS6.js

@@ -0,0 +1,108 @@
+import { t as e } from "./register-element-BFYmIynH.js";
+//#region src/components/spinner/Spinner.js
+var t = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"size",
+			"data-button-variant",
+			"data-button-tone"
+		];
+	}
+	constructor() {
+		super(), this._darkModeObserver = null;
+	}
+	connectedCallback() {
+		this.render(), this._observeDarkMode();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	disconnectedCallback() {
+		this._darkModeObserver &&= (this._darkModeObserver.disconnect(), null);
+	}
+	_observeDarkMode() {
+		this._darkModeObserver || (this._darkModeObserver = new MutationObserver(() => {
+			this.render();
+		}), this._darkModeObserver.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["class", "data-mint-theme"]
+		}));
+	}
+	getSize() {
+		return (this.getAttribute("size") || "default") === "large" ? "large" : "default";
+	}
+	render() {
+		let e = this.getSize(), t = this.getAttribute("size") || "default", n = this.style.width && this.style.height, r = this.getAttribute("data-button-variant"), i = document.documentElement?.classList.contains("dark") || document.documentElement?.dataset.mintTheme === "dark", a;
+		if (n) {
+			let e = this.getAttribute("data-button-tone") || "neutral";
+			a = r === "solid" ? e === "neutral" ? i ? "var(--mint-color-on-primary)" : "var(--mint-color-text)" : "var(--mint-color-on-primary)" : i ? "var(--mint-color-on-primary)" : "var(--mint-color-text)";
+		} else a = "var(--mint-color-text)";
+		let o = t === "large" ? "2" : "4";
+		this.innerHTML = `
+      <svg 
+        xmlns="http://www.w3.org/2000/svg" 
+        fill="none" 
+        viewBox="0 0 24 24"
+        class="mint-spinner-rotate mint-spinner-size-${e}"
+        style="${this.style.width && this.style.height ? `width: ${this.style.width}; height: ${this.style.height};` : ""} --mint-spinner-rotate-duration: 0.8s; --mint-spinner-dash-duration: 1.2s;"
+      >
+        <style>
+          @keyframes mint-spinner-rotate {
+            to { transform: rotate(360deg); }
+          }
+
+          @keyframes mint-spinner-dash-array {
+            0% { stroke-dasharray: 0 62.83; }
+            25% { stroke-dasharray: 15.7 47.13; }
+            50% { stroke-dasharray: 31.4 31.4; }
+            75% { stroke-dasharray: 15.7 47.13; }
+            100% { stroke-dasharray: 0 62.83; }
+          }
+
+          @keyframes mint-spinner-dash-offset {
+            0% { stroke-dashoffset: 0; }
+            100% { stroke-dashoffset: -62.83; }
+          }
+
+          .mint-spinner-rotate {
+            transform-origin: 50% 50%;
+            transform-box: fill-box;
+            animation: mint-spinner-rotate var(--mint-spinner-rotate-duration, 0.8s) linear infinite;
+          }
+
+          .mint-spinner-progress {
+            animation:
+              mint-spinner-dash-array var(--mint-spinner-dash-duration, 1.2s) ease-in-out infinite,
+              mint-spinner-dash-offset var(--mint-spinner-dash-duration, 1.2s) linear infinite;
+          }
+        </style>
+
+        <circle
+          cx="12"
+          cy="12"
+          r="10"
+          stroke="${a}"
+          stroke-width="${o}"
+          opacity="0.25"
+          class="mint-spinner-track"
+        ></circle>
+        <circle
+          cx="12"
+          cy="12"
+          r="10"
+          stroke="${a}"
+          stroke-width="${o}"
+          stroke-linecap="round"
+          fill="none"
+          opacity="0.75"
+          stroke-dasharray="0 62.83"
+          stroke-dashoffset="0"
+          class="mint-spinner-progress"
+        />
+      </svg>
+    `.trim();
+	}
+};
+typeof customElements < "u" && !customElements.get("mint-spinner") && e("mint-spinner", t);
+//#endregion
+export { t };

package/dist/components/chunks/spinner-DbTohC6i.js

@@ -0,0 +1,63 @@
+const e=require(`./register-element-tCL_F1YI.js`);var t=class extends HTMLElement{static get observedAttributes(){return[`size`,`data-button-variant`,`data-button-tone`]}constructor(){super(),this._darkModeObserver=null}connectedCallback(){this.render(),this._observeDarkMode()}attributeChangedCallback(e,t,n){t!==n&&this.render()}disconnectedCallback(){this._darkModeObserver&&=(this._darkModeObserver.disconnect(),null)}_observeDarkMode(){this._darkModeObserver||(this._darkModeObserver=new MutationObserver(()=>{this.render()}),this._darkModeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`,`data-mint-theme`]}))}getSize(){return(this.getAttribute(`size`)||`default`)===`large`?`large`:`default`}render(){let e=this.getSize(),t=this.getAttribute(`size`)||`default`,n=this.style.width&&this.style.height,r=this.getAttribute(`data-button-variant`),i=document.documentElement?.classList.contains(`dark`)||document.documentElement?.dataset.mintTheme===`dark`,a;if(n){let e=this.getAttribute(`data-button-tone`)||`neutral`;a=r===`solid`?e===`neutral`?i?`var(--mint-color-on-primary)`:`var(--mint-color-text)`:`var(--mint-color-on-primary)`:i?`var(--mint-color-on-primary)`:`var(--mint-color-text)`}else a=`var(--mint-color-text)`;let o=t===`large`?`2`:`4`;this.innerHTML=`
+      <svg 
+        xmlns="http://www.w3.org/2000/svg" 
+        fill="none" 
+        viewBox="0 0 24 24"
+        class="mint-spinner-rotate mint-spinner-size-${e}"
+        style="${this.style.width&&this.style.height?`width: ${this.style.width}; height: ${this.style.height};`:``} --mint-spinner-rotate-duration: 0.8s; --mint-spinner-dash-duration: 1.2s;"
+      >
+        <style>
+          @keyframes mint-spinner-rotate {
+            to { transform: rotate(360deg); }
+          }
+
+          @keyframes mint-spinner-dash-array {
+            0% { stroke-dasharray: 0 62.83; }
+            25% { stroke-dasharray: 15.7 47.13; }
+            50% { stroke-dasharray: 31.4 31.4; }
+            75% { stroke-dasharray: 15.7 47.13; }
+            100% { stroke-dasharray: 0 62.83; }
+          }
+
+          @keyframes mint-spinner-dash-offset {
+            0% { stroke-dashoffset: 0; }
+            100% { stroke-dashoffset: -62.83; }
+          }
+
+          .mint-spinner-rotate {
+            transform-origin: 50% 50%;
+            transform-box: fill-box;
+            animation: mint-spinner-rotate var(--mint-spinner-rotate-duration, 0.8s) linear infinite;
+          }
+
+          .mint-spinner-progress {
+            animation:
+              mint-spinner-dash-array var(--mint-spinner-dash-duration, 1.2s) ease-in-out infinite,
+              mint-spinner-dash-offset var(--mint-spinner-dash-duration, 1.2s) linear infinite;
+          }
+        </style>
+
+        <circle
+          cx="12"
+          cy="12"
+          r="10"
+          stroke="${a}"
+          stroke-width="${o}"
+          opacity="0.25"
+          class="mint-spinner-track"
+        ></circle>
+        <circle
+          cx="12"
+          cy="12"
+          r="10"
+          stroke="${a}"
+          stroke-width="${o}"
+          stroke-linecap="round"
+          fill="none"
+          opacity="0.75"
+          stroke-dasharray="0 62.83"
+          stroke-dashoffset="0"
+          class="mint-spinner-progress"
+        />
+      </svg>
+    `.trim()}};typeof customElements<`u`&&!customElements.get(`mint-spinner`)&&e.t(`mint-spinner`,t),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/components/chunks/stack-D1uh4L79.js

@@ -0,0 +1 @@
+const e=require(`./register-element-tCL_F1YI.js`);var t=class extends HTMLElement{static get observedAttributes(){return[`direction`,`text-align`,`gap`,`align-content`]}connectedCallback(){this.classList.add(`mint-stack`),this.render()}attributeChangedCallback(e,t,n){t!==n&&this.render()}getDirection(){return this.getAttribute(`direction`)===`horizontal`?`horizontal`:`vertical`}getGap(){let e=Number.parseFloat(this.getAttribute(`gap`)||`3`);return Number.isFinite(e)?Math.min(12,Math.max(1,Math.round(e))):3}getTextAlign(){let e=this.getAttribute(`text-align`)||``;return[`left`,`center`,`right`,`justify`].includes(e)?e:``}getAlignContent(){let e=(this.getAttribute(`align-content`)||``).trim().toLowerCase();return e===`left`||e===`start`?`left`:e===`right`||e===`end`?`right`:e===`center`||e===`middle`?`center`:``}render(){let e=this.getDirection(),t=this.getAlignContent(),n=this.getTextAlign();this.classList.add(`mint-stack`),this.style.setProperty(`--mint-stack-direction`,e===`horizontal`?`row`:`column`),this.style.setProperty(`--mint-stack-gap`,`${this.getGap()*.25}rem`),this.style.setProperty(`--mint-stack-align-items`,e===`vertical`&&t?{left:`flex-start`,right:`flex-end`,center:`center`}[t]:`stretch`),this.style.setProperty(`--mint-stack-justify-content`,e===`horizontal`&&t?{left:`flex-start`,right:`flex-end`,center:`center`}[t]:`flex-start`),this.style.setProperty(`--mint-stack-text-align`,n||`initial`)}};typeof customElements<`u`&&!customElements.get(`mint-stack`)&&e.t(`mint-stack`,t),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/components/chunks/stack-DyQfjPDh.js

@@ -0,0 +1,53 @@
+import { t as e } from "./register-element-BFYmIynH.js";
+//#region src/components/stack/Stack.js
+var t = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"direction",
+			"text-align",
+			"gap",
+			"align-content"
+		];
+	}
+	connectedCallback() {
+		this.classList.add("mint-stack"), this.render();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	getDirection() {
+		return this.getAttribute("direction") === "horizontal" ? "horizontal" : "vertical";
+	}
+	getGap() {
+		let e = Number.parseFloat(this.getAttribute("gap") || "3");
+		return Number.isFinite(e) ? Math.min(12, Math.max(1, Math.round(e))) : 3;
+	}
+	getTextAlign() {
+		let e = this.getAttribute("text-align") || "";
+		return [
+			"left",
+			"center",
+			"right",
+			"justify"
+		].includes(e) ? e : "";
+	}
+	getAlignContent() {
+		let e = (this.getAttribute("align-content") || "").trim().toLowerCase();
+		return e === "left" || e === "start" ? "left" : e === "right" || e === "end" ? "right" : e === "center" || e === "middle" ? "center" : "";
+	}
+	render() {
+		let e = this.getDirection(), t = this.getAlignContent(), n = this.getTextAlign();
+		this.classList.add("mint-stack"), this.style.setProperty("--mint-stack-direction", e === "horizontal" ? "row" : "column"), this.style.setProperty("--mint-stack-gap", `${this.getGap() * .25}rem`), this.style.setProperty("--mint-stack-align-items", e === "vertical" && t ? {
+			left: "flex-start",
+			right: "flex-end",
+			center: "center"
+		}[t] : "stretch"), this.style.setProperty("--mint-stack-justify-content", e === "horizontal" && t ? {
+			left: "flex-start",
+			right: "flex-end",
+			center: "center"
+		}[t] : "flex-start"), this.style.setProperty("--mint-stack-text-align", n || "initial");
+	}
+};
+typeof customElements < "u" && !customElements.get("mint-stack") && e("mint-stack", t);
+//#endregion
+export { t };

package/dist/components/chunks/table-BgboosRK.js

@@ -0,0 +1,65 @@
+import { t as e } from "./register-element-BFYmIynH.js";
+//#region src/components/table/Table.ts
+var t = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this._observer = null;
+	}
+	connectedCallback() {
+		this.classList.add("mint-table-host"), this._observeChanges(), this._applyStyles(), requestAnimationFrame(() => {
+			this._applyStyles(), setTimeout(() => this._applyStyles(), 0);
+		});
+	}
+	disconnectedCallback() {
+		this._observer?.disconnect(), this._observer = null;
+	}
+	_observeChanges() {
+		this._observer = new MutationObserver(() => this._applyStyles()), this._observer.observe(this, {
+			childList: !0,
+			subtree: !0,
+			attributes: !1
+		});
+	}
+	_applyStyles() {
+		this._observer?.disconnect();
+		let e = Array.from(this.querySelectorAll("table"));
+		if (e.length === 0) {
+			this._observer && this._observeChanges();
+			return;
+		}
+		e.forEach((e) => {
+			let t = !!e.closest("[id^=\"mint-rt-vscroll-\"]") || !!e.closest("mint-resource-table[data-mint-rt-fixed-header]");
+			e.classList.add("mint-table-native"), e.classList.toggle("mint-table-pinned-layout", t);
+		});
+		let t = e.find((e) => e.querySelector("thead")) ?? e[0], n = e.find((e) => e.querySelector("tbody")) ?? e[0], r = t.querySelector("thead");
+		r && r.querySelectorAll("th").forEach((e) => {
+			let t = e.querySelector("mint-icon"), n = t?.getAttribute("name") || "", r = e.hasAttribute("data-mint-rt-sortable") || t !== null && n !== "ellipsis";
+			e.classList.toggle("mint-table-sortable", r);
+			let i = e.closest("table"), a = i?.closest("mint-resource-table"), o = !!i?.closest("[id^=\"mint-rt-vscroll-\"]") || !!a?.hasAttribute("data-mint-rt-fixed-header");
+			e.classList.toggle("mint-table-pinned-header", o);
+		});
+		let i = n.querySelector("tbody");
+		if (i) {
+			let e = Array.from(i.querySelectorAll("tr")), t = !!n.closest("[id^=\"mint-rt-vscroll-\"]") || !!n.closest("mint-resource-table")?.hasAttribute("data-mint-rt-fixed-header"), r = e.findIndex((e) => e.getAttribute("data-mint-rt-spacer") === "bottom");
+			e.forEach((n, i) => {
+				let a = n.hasAttribute("data-mint-rt-spacer"), o = n.hasAttribute("data-row-clickable");
+				n.classList.toggle("mint-table-spacer", a), n.classList.toggle("mint-table-clickable", o && !a), n.classList.toggle("mint-table-row-bordered", !a && !t && i !== e.length - 1), Array.from(n.querySelectorAll("td")).forEach((o) => {
+					let s = n.hasAttribute("data-mint-rt-last-row"), c = r === -1 && i === e.length - 1;
+					o.classList.toggle("mint-table-cell-bordered", t && !a && !s && !c), this._restoreCell(o);
+				});
+			});
+		}
+		n.querySelectorAll("tfoot td").forEach((e) => this._restoreCell(e)), this._observer && this._observeChanges();
+	}
+	_restoreCell(e) {
+		if (e.dataset.mtProcessed !== "true") return;
+		let t = {};
+		Array.from(e.attributes).forEach((e) => {
+			e.name.startsWith("data-") && e.name !== "data-original" && e.name !== "data-mt-processed" && (t[e.name] = e.value);
+		});
+		let n = e.getAttribute("data-original") || "";
+		e.dataset.mtProcessed = "", e.innerHTML = n, Object.entries(t).forEach(([t, n]) => e.setAttribute(t, n));
+	}
+};
+customElements.get("mint-table") || e("mint-table", t);
+//#endregion
+export { t };

package/dist/components/chunks/table-DDUNUwGd.js

@@ -0,0 +1 @@
+const e=require(`./register-element-tCL_F1YI.js`);var t=class extends HTMLElement{constructor(...e){super(...e),this._observer=null}connectedCallback(){this.classList.add(`mint-table-host`),this._observeChanges(),this._applyStyles(),requestAnimationFrame(()=>{this._applyStyles(),setTimeout(()=>this._applyStyles(),0)})}disconnectedCallback(){this._observer?.disconnect(),this._observer=null}_observeChanges(){this._observer=new MutationObserver(()=>this._applyStyles()),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!1})}_applyStyles(){this._observer?.disconnect();let e=Array.from(this.querySelectorAll(`table`));if(e.length===0){this._observer&&this._observeChanges();return}e.forEach(e=>{let t=!!e.closest(`[id^="mint-rt-vscroll-"]`)||!!e.closest(`mint-resource-table[data-mint-rt-fixed-header]`);e.classList.add(`mint-table-native`),e.classList.toggle(`mint-table-pinned-layout`,t)});let t=e.find(e=>e.querySelector(`thead`))??e[0],n=e.find(e=>e.querySelector(`tbody`))??e[0],r=t.querySelector(`thead`);r&&r.querySelectorAll(`th`).forEach(e=>{let t=e.querySelector(`mint-icon`),n=t?.getAttribute(`name`)||``,r=e.hasAttribute(`data-mint-rt-sortable`)||t!==null&&n!==`ellipsis`;e.classList.toggle(`mint-table-sortable`,r);let i=e.closest(`table`),a=i?.closest(`mint-resource-table`),o=!!i?.closest(`[id^="mint-rt-vscroll-"]`)||!!a?.hasAttribute(`data-mint-rt-fixed-header`);e.classList.toggle(`mint-table-pinned-header`,o)});let i=n.querySelector(`tbody`);if(i){let e=Array.from(i.querySelectorAll(`tr`)),t=!!n.closest(`[id^="mint-rt-vscroll-"]`)||!!n.closest(`mint-resource-table`)?.hasAttribute(`data-mint-rt-fixed-header`),r=e.findIndex(e=>e.getAttribute(`data-mint-rt-spacer`)===`bottom`);e.forEach((n,i)=>{let a=n.hasAttribute(`data-mint-rt-spacer`),o=n.hasAttribute(`data-row-clickable`);n.classList.toggle(`mint-table-spacer`,a),n.classList.toggle(`mint-table-clickable`,o&&!a),n.classList.toggle(`mint-table-row-bordered`,!a&&!t&&i!==e.length-1),Array.from(n.querySelectorAll(`td`)).forEach(o=>{let s=n.hasAttribute(`data-mint-rt-last-row`),c=r===-1&&i===e.length-1;o.classList.toggle(`mint-table-cell-bordered`,t&&!a&&!s&&!c),this._restoreCell(o)})})}n.querySelectorAll(`tfoot td`).forEach(e=>this._restoreCell(e)),this._observer&&this._observeChanges()}_restoreCell(e){if(e.dataset.mtProcessed!==`true`)return;let t={};Array.from(e.attributes).forEach(e=>{e.name.startsWith(`data-`)&&e.name!==`data-original`&&e.name!==`data-mt-processed`&&(t[e.name]=e.value)});let n=e.getAttribute(`data-original`)||``;e.dataset.mtProcessed=``,e.innerHTML=n,Object.entries(t).forEach(([t,n])=>e.setAttribute(t,n))}};customElements.get(`mint-table`)||e.t(`mint-table`,t),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/components/chunks/text-BHkEs8U5.js

@@ -0,0 +1,67 @@
+import { t as e } from "./register-element-BFYmIynH.js";
+//#region src/components/text/Text.js
+var t = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"variant",
+			"size",
+			"bold",
+			"underline",
+			"strike",
+			"italic",
+			"display",
+			"inline"
+		];
+	}
+	constructor() {
+		super(), this._darkModeObserver = null;
+	}
+	connectedCallback() {
+		this.render();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	disconnectedCallback() {
+		this._darkModeObserver &&= (this._darkModeObserver.disconnect(), null);
+	}
+	_observeDarkMode() {
+		if (!this._darkModeObserver) {
+			if (this._darkModeObserver = new MutationObserver(() => {
+				this.render();
+			}), !document.documentElement) return;
+			this._darkModeObserver.observe(document.documentElement, {
+				attributes: !0,
+				attributeFilter: ["class", "data-mint-theme"]
+			});
+		}
+	}
+	getVariant() {
+		return this.getAttribute("variant") || "default";
+	}
+	getSize() {
+		return this.getAttribute("size") || "regular";
+	}
+	isBold() {
+		return this.hasAttribute("bold");
+	}
+	isUnderline() {
+		return this.hasAttribute("underline");
+	}
+	isStrike() {
+		return this.hasAttribute("strike");
+	}
+	isItalic() {
+		return this.hasAttribute("italic");
+	}
+	getDisplay() {
+		return this.hasAttribute("display") ? this.getAttribute("display") : this.getSize() === "regular" ? "inline-block" : "block";
+	}
+	getTextClasses() {
+		return this.className;
+	}
+	render() {}
+};
+typeof customElements < "u" && !customElements.get("mint-text") && e("mint-text", t);
+//#endregion
+export { t };

package/dist/components/chunks/text-BmHZbBMo.js

@@ -0,0 +1 @@
+const e=require(`./register-element-tCL_F1YI.js`);var t=class extends HTMLElement{static get observedAttributes(){return[`variant`,`size`,`bold`,`underline`,`strike`,`italic`,`display`,`inline`]}constructor(){super(),this._darkModeObserver=null}connectedCallback(){this.render()}attributeChangedCallback(e,t,n){t!==n&&this.render()}disconnectedCallback(){this._darkModeObserver&&=(this._darkModeObserver.disconnect(),null)}_observeDarkMode(){if(!this._darkModeObserver){if(this._darkModeObserver=new MutationObserver(()=>{this.render()}),!document.documentElement)return;this._darkModeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`,`data-mint-theme`]})}}getVariant(){return this.getAttribute(`variant`)||`default`}getSize(){return this.getAttribute(`size`)||`regular`}isBold(){return this.hasAttribute(`bold`)}isUnderline(){return this.hasAttribute(`underline`)}isStrike(){return this.hasAttribute(`strike`)}isItalic(){return this.hasAttribute(`italic`)}getDisplay(){return this.hasAttribute(`display`)?this.getAttribute(`display`):this.getSize()===`regular`?`inline-block`:`block`}getTextClasses(){return this.className}render(){}};typeof customElements<`u`&&!customElements.get(`mint-text`)&&e.t(`mint-text`,t),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/components/clickable/Clickable.d.ts

@@ -1,14 +1 @@
-declare class MintClickable extends HTMLElement {
-    private _clickHandler;
-    private _keydownHandler;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _render;
-    private _setupEventListeners;
-    private _cleanupEventListeners;
-    private _handleClick;
-    static get observedAttributes(): string[];
-    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-}
-export default MintClickable;
-//# sourceMappingURL=Clickable.d.ts.map
+export { MintClickable as default, MintClickable } from '../../mintui-elements'