monobill-mintui 0.4.2 → 0.4.4

package/dist/components/chunks/button-DFs4DmfC.js

@@ -0,0 +1,575 @@
+import "./spinner-zGnecx3W.js";
+import "./icon-a2ABTJf-.js";
+//#region src/components/button/Button.js
+var e = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"variant",
+			"tone",
+			"disabled",
+			"loading",
+			"button-type",
+			"full-width",
+			"icon-position",
+			"icon"
+		];
+	}
+	constructor() {
+		super(), this._button = null, this._clickHandler = null, this._isHandlingClick = !1;
+	}
+	connectedCallback() {
+		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "inline-block"), this.render(), this._button && this.setupEventListeners(), this.isFullWidth() && this.classList.add("w-full");
+	}
+	disconnectedCallback() {
+		this.removeEventListeners();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	getVariant() {
+		return this.getAttribute("variant") || "solid";
+	}
+	getTone() {
+		return this.getAttribute("tone") || "neutral";
+	}
+	isDisabled() {
+		return this.hasAttribute("disabled");
+	}
+	isLoading() {
+		return this.hasAttribute("loading");
+	}
+	getType() {
+		return (this.getAttribute("button-type") || "default") === "submit" ? "submit" : "button";
+	}
+	isFullWidth() {
+		return this.hasAttribute("full-width");
+	}
+	getIconPosition() {
+		return this.getAttribute("icon-position") || "left";
+	}
+	getIcon() {
+		return this.getAttribute("icon") || "";
+	}
+	isIconOnly() {
+		if (!(this.getIcon() || this._button?.querySelector("[slot=\"icon\"], .mint-button-icon, mint-icon"))) return !1;
+		let e = this._button?.querySelector(".mint-button-content");
+		if (e && e.textContent.trim()) return !1;
+		if (this._button) {
+			for (let e = this._button.firstChild; e; e = e.nextSibling) if (e.nodeType === Node.TEXT_NODE && e.textContent.trim() || e.nodeType === Node.ELEMENT_NODE && e.tagName !== "MINT-ICON" && e.tagName !== "MINT-SPINNER" && !e.querySelector?.("mint-spinner") && !e.hasAttribute?.("slot") && e.className !== "mint-button-icon" && !(e.className === "mr-2" && e.querySelector("mint-spinner")) && e.textContent.trim()) return !1;
+		}
+		return !0;
+	}
+	getButtonClasses() {
+		let e = this.isIconOnly(), t = this.getVariant(), n = [
+			"inline-flex",
+			"items-center",
+			"justify-center",
+			"font-medium",
+			"rounded-lg",
+			"box-border",
+			...e ? [
+				"p-1.5",
+				"aspect-square",
+				"w-[2rem]",
+				"h-[2rem]"
+			] : [
+				"px-3.5",
+				"py-1.5",
+				"min-h-[2rem]"
+			],
+			"text-sm",
+			"transition-all",
+			"duration-200",
+			"outline-none",
+			"focus:outline-none",
+			"focus-visible:ring-2",
+			"focus-visible:ring-offset-2",
+			"[&.mint-button-active>*]:scale-95",
+			"[&>*]:transition-transform",
+			"[&>*]:duration-100",
+			"disabled:opacity-50",
+			"disabled:cursor-not-allowed"
+		], r = this.getTone(), i = {
+			"solid-action": [
+				"bg-slate-800",
+				"dark:bg-slate-600",
+				"text-white",
+				"hover:bg-slate-950",
+				"dark:hover:bg-slate-700",
+				"active:bg-slate-900",
+				"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.3)]",
+				"dark:active:bg-slate-700",
+				"disabled:active:bg-slate-800",
+				"dark:disabled:active:bg-slate-600",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-slate-500",
+				"dark:focus-visible:ring-slate-400",
+				"shadow-sm",
+				"hover:shadow",
+				"dark:shadow-gray-900/50",
+				"border-2",
+				"border-transparent"
+			],
+			"solid-neutral": [
+				"bg-white",
+				"dark:bg-gray-700",
+				"text-gray-900",
+				"dark:text-white",
+				"hover:bg-gray-50",
+				"dark:hover:bg-gray-600",
+				"active:bg-gray-100",
+				"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.1)]",
+				"dark:active:bg-gray-800",
+				"disabled:active:bg-white",
+				"dark:disabled:active:bg-gray-700",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-gray-400",
+				"dark:focus-visible:ring-gray-500",
+				"shadow-sm",
+				"hover:shadow",
+				"dark:shadow-gray-900/50",
+				"border-2",
+				"border-gray-200",
+				"dark:border-gray-600"
+			],
+			"solid-info": [
+				"bg-blue-800",
+				"dark:bg-blue-600",
+				"text-white",
+				"hover:bg-blue-950",
+				"dark:hover:bg-blue-700",
+				"active:bg-blue-900",
+				"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.3)]",
+				"dark:active:bg-blue-700",
+				"disabled:active:bg-blue-800",
+				"dark:disabled:active:bg-blue-600",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-blue-500",
+				"dark:focus-visible:ring-blue-400",
+				"shadow-sm",
+				"hover:shadow",
+				"dark:shadow-gray-900/50",
+				"border-2",
+				"border-transparent"
+			],
+			"solid-warning": [
+				"bg-amber-800",
+				"dark:bg-amber-600",
+				"text-white",
+				"hover:bg-amber-950",
+				"dark:hover:bg-amber-700",
+				"active:bg-amber-900",
+				"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.3)]",
+				"dark:active:bg-amber-700",
+				"disabled:active:bg-amber-800",
+				"dark:disabled:active:bg-amber-600",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-amber-500",
+				"dark:focus-visible:ring-amber-400",
+				"shadow-sm",
+				"hover:shadow",
+				"dark:shadow-gray-900/50",
+				"border-2",
+				"border-transparent"
+			],
+			"solid-danger": [
+				"bg-red-800",
+				"dark:bg-red-600",
+				"text-white",
+				"hover:bg-red-950",
+				"dark:hover:bg-red-700",
+				"active:bg-red-900",
+				"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.3)]",
+				"dark:active:bg-red-700",
+				"disabled:active:bg-red-800",
+				"dark:disabled:active:bg-red-600",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-red-500",
+				"dark:focus-visible:ring-red-400",
+				"shadow-sm",
+				"hover:shadow",
+				"dark:shadow-gray-900/50",
+				"border-2",
+				"border-transparent"
+			],
+			"outline-action": [
+				"bg-transparent",
+				"border-2",
+				"border-slate-700",
+				"dark:border-slate-500",
+				"text-slate-800",
+				"dark:text-slate-600",
+				"hover:bg-slate-800",
+				"dark:hover:bg-slate-600",
+				"hover:text-white",
+				"active:bg-slate-900",
+				"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.3)]",
+				"dark:active:bg-slate-700",
+				"disabled:active:bg-transparent",
+				"dark:disabled:active:bg-transparent",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-slate-500",
+				"dark:focus-visible:ring-slate-400",
+				"shadow-none",
+				"hover:shadow-sm"
+			],
+			"outline-neutral": [
+				"bg-transparent",
+				"border-2",
+				"border-gray-300",
+				"dark:border-gray-500",
+				"text-gray-700",
+				"dark:text-gray-200",
+				"hover:bg-white",
+				"dark:hover:bg-gray-700",
+				"hover:text-gray-900",
+				"dark:hover:text-white",
+				"active:bg-gray-50",
+				"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.1)]",
+				"dark:active:bg-gray-800",
+				"disabled:active:bg-transparent",
+				"dark:disabled:active:bg-transparent",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-gray-400",
+				"dark:focus-visible:ring-gray-500",
+				"shadow-none",
+				"hover:shadow-sm"
+			],
+			"outline-info": [
+				"bg-transparent",
+				"border-2",
+				"border-blue-700",
+				"dark:border-blue-500",
+				"text-blue-800",
+				"dark:text-blue-600",
+				"hover:bg-blue-800",
+				"dark:hover:bg-blue-600",
+				"hover:text-white",
+				"active:bg-blue-900",
+				"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.3)]",
+				"dark:active:bg-blue-700",
+				"disabled:active:bg-transparent",
+				"dark:disabled:active:bg-transparent",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-blue-500",
+				"dark:focus-visible:ring-blue-400",
+				"shadow-none",
+				"hover:shadow-sm"
+			],
+			"outline-warning": [
+				"bg-transparent",
+				"border-2",
+				"border-amber-700",
+				"dark:border-amber-500",
+				"text-amber-800",
+				"dark:text-amber-600",
+				"hover:bg-amber-800",
+				"dark:hover:bg-amber-600",
+				"hover:text-white",
+				"active:bg-amber-900",
+				"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.3)]",
+				"dark:active:bg-amber-700",
+				"disabled:active:bg-transparent",
+				"dark:disabled:active:bg-transparent",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-amber-500",
+				"dark:focus-visible:ring-amber-400",
+				"shadow-none",
+				"hover:shadow-sm"
+			],
+			"outline-danger": [
+				"bg-transparent",
+				"border-2",
+				"border-red-700",
+				"dark:border-red-500",
+				"text-red-800",
+				"dark:text-red-600",
+				"hover:bg-red-800",
+				"dark:hover:bg-red-600",
+				"hover:text-white",
+				"active:bg-red-900",
+				"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.3)]",
+				"dark:active:bg-red-700",
+				"disabled:active:bg-transparent",
+				"dark:disabled:active:bg-transparent",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-red-500",
+				"dark:focus-visible:ring-red-400",
+				"shadow-none",
+				"hover:shadow-sm"
+			],
+			"ghost-action": [
+				"bg-transparent",
+				"text-slate-800",
+				"dark:text-slate-400",
+				"active:bg-gray-100",
+				"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.1)]",
+				"dark:active:bg-gray-800",
+				"disabled:active:bg-transparent",
+				"dark:disabled:active:bg-transparent",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-gray-400",
+				"dark:focus-visible:ring-gray-500",
+				"shadow-none",
+				"hover:shadow-none",
+				"border-2",
+				"border-transparent"
+			],
+			"ghost-neutral": [
+				"bg-transparent",
+				"text-gray-700",
+				"dark:text-gray-200",
+				"active:bg-gray-50",
+				"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.1)]",
+				"dark:active:bg-gray-800",
+				"active:text-gray-900",
+				"dark:active:text-white",
+				"disabled:active:bg-transparent",
+				"dark:disabled:active:bg-transparent",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-gray-400",
+				"dark:focus-visible:ring-gray-500",
+				"shadow-none",
+				"hover:shadow-none",
+				"border-2",
+				"border-transparent"
+			],
+			"ghost-info": [
+				"bg-transparent",
+				"text-blue-800",
+				"dark:text-blue-400",
+				"active:bg-gray-100",
+				"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.1)]",
+				"dark:active:bg-gray-800",
+				"disabled:active:bg-transparent",
+				"dark:disabled:active:bg-transparent",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-gray-400",
+				"dark:focus-visible:ring-gray-500",
+				"shadow-none",
+				"hover:shadow-none",
+				"border-2",
+				"border-transparent"
+			],
+			"ghost-warning": [
+				"bg-transparent",
+				"text-amber-800",
+				"dark:text-amber-400",
+				"active:bg-gray-100",
+				"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.1)]",
+				"dark:active:bg-gray-800",
+				"disabled:active:bg-transparent",
+				"dark:disabled:active:bg-transparent",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-gray-400",
+				"dark:focus-visible:ring-gray-500",
+				"shadow-none",
+				"hover:shadow-none",
+				"border-2",
+				"border-transparent"
+			],
+			"ghost-danger": [
+				"bg-transparent",
+				"text-red-800",
+				"dark:text-red-400",
+				"active:bg-gray-100",
+				"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.1)]",
+				"dark:active:bg-gray-800",
+				"disabled:active:bg-transparent",
+				"dark:disabled:active:bg-transparent",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-gray-400",
+				"dark:focus-visible:ring-gray-500",
+				"shadow-none",
+				"hover:shadow-none",
+				"border-2",
+				"border-transparent"
+			],
+			"link-action": [
+				"bg-transparent",
+				"text-slate-800",
+				"dark:text-slate-400",
+				"hover:text-slate-950",
+				"dark:hover:text-slate-200",
+				"active:text-slate-900",
+				"dark:active:text-slate-300",
+				"disabled:active:bg-transparent",
+				"dark:disabled:active:bg-transparent",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-slate-500",
+				"dark:focus-visible:ring-slate-400",
+				"shadow-none",
+				"hover:shadow-none",
+				"border-2",
+				"border-transparent"
+			],
+			"link-neutral": [
+				"bg-transparent",
+				"text-gray-700",
+				"dark:text-gray-300",
+				"hover:text-gray-900",
+				"dark:hover:text-gray-100",
+				"active:text-gray-950",
+				"dark:active:text-gray-200",
+				"disabled:active:bg-transparent",
+				"dark:disabled:active:bg-transparent",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-gray-400",
+				"dark:focus-visible:ring-gray-500",
+				"shadow-none",
+				"hover:shadow-none",
+				"border-2",
+				"border-transparent"
+			],
+			"link-info": [
+				"bg-transparent",
+				"text-blue-800",
+				"dark:text-blue-400",
+				"hover:text-blue-950",
+				"dark:hover:text-blue-300",
+				"active:text-blue-900",
+				"dark:active:text-blue-200",
+				"disabled:active:bg-transparent",
+				"dark:disabled:active:bg-transparent",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-blue-500",
+				"dark:focus-visible:ring-blue-400",
+				"shadow-none",
+				"hover:shadow-none",
+				"border-2",
+				"border-transparent"
+			],
+			"link-warning": [
+				"bg-transparent",
+				"text-amber-800",
+				"dark:text-amber-400",
+				"hover:text-amber-950",
+				"dark:hover:text-amber-300",
+				"active:text-amber-900",
+				"dark:active:text-amber-200",
+				"disabled:active:bg-transparent",
+				"dark:disabled:active:bg-transparent",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-amber-500",
+				"dark:focus-visible:ring-amber-400",
+				"shadow-none",
+				"hover:shadow-none",
+				"border-2",
+				"border-transparent"
+			],
+			"link-danger": [
+				"bg-transparent",
+				"text-red-800",
+				"dark:text-red-400",
+				"hover:text-red-950",
+				"dark:hover:text-red-300",
+				"active:text-red-900",
+				"dark:active:text-red-200",
+				"disabled:active:bg-transparent",
+				"dark:disabled:active:bg-transparent",
+				"disabled:active:shadow-none",
+				"focus-visible:ring-red-500",
+				"dark:focus-visible:ring-red-400",
+				"shadow-none",
+				"hover:shadow-none",
+				"border-2",
+				"border-transparent"
+			]
+		}, a = i[`${t}-${r}`] || i["solid-neutral"], o = [...n, ...a];
+		return this.isFullWidth() && o.push("w-full"), o.join(" ");
+	}
+	render() {
+		let e = this.isDisabled() || this.isLoading(), t = this.getType();
+		if (!this._button) {
+			for (this._button = document.createElement("button"); this.firstChild;) this._button.appendChild(this.firstChild);
+			this.appendChild(this._button), this.setupEventListeners();
+		}
+		this._button.type = t, this._button.disabled = e;
+		let n = this._button.querySelector("mint-spinner");
+		if (this.isLoading()) if (n) n.setAttribute("data-button-variant", this.getVariant()), n.setAttribute("data-button-tone", this.getTone()), n.render();
+		else {
+			let e = document.createElement("span");
+			e.className = "mr-2 inline-flex items-center";
+			let t = document.createElement("mint-spinner");
+			t.setAttribute("size", "default"), t.setAttribute("data-button-variant", this.getVariant()), t.setAttribute("data-button-tone", this.getTone()), t.style.width = "0.875rem", t.style.height = "0.875rem", e.appendChild(t), this._button.insertBefore(e, this._button.firstChild);
+		}
+		else n && n.parentElement?.remove();
+		for (; this.firstChild && this.firstChild !== this._button;) this._button.appendChild(this.firstChild);
+		let r = this.getIcon(), i = this._button.querySelector("[slot=\"icon\"], .mint-button-icon, mint-icon");
+		r ? (i && i.tagName !== "MINT-ICON" && (i.remove(), i = null), !i || i.tagName !== "MINT-ICON" ? (i = document.createElement("mint-icon"), i.setAttribute("name", r), i.className = "mint-button-icon") : i.setAttribute("name", r)) : i && i.tagName === "MINT-ICON" && (i.remove(), i = null), i ||= this._button.querySelector("[slot=\"icon\"], .mint-button-icon");
+		let a = this.getIconPosition(), o = this._button.querySelector(".mint-button-content");
+		if (o) {
+			let e = i && i.tagName === "MINT-ICON";
+			if (i && !i.parentElement) {
+				let t = this._button.querySelector("mint-spinner")?.parentElement;
+				e || a === "left" ? t ? t.insertAdjacentElement("afterend", i) : this._button.insertBefore(i, o) : o.insertAdjacentElement("afterend", i);
+			} else if (i && (e || a === "left") && i.nextSibling !== o) {
+				i.remove();
+				let e = this._button.querySelector("mint-spinner")?.parentElement;
+				e ? e.insertAdjacentElement("afterend", i) : this._button.insertBefore(i, o);
+			} else i && !e && a === "right" && i.previousSibling !== o && (i.remove(), o.insertAdjacentElement("afterend", i));
+		} else {
+			let e = [];
+			for (let t = this._button.firstChild; t; t = t.nextSibling) t.tagName !== "MINT-SPINNER" && !t.querySelector?.("mint-spinner") && t !== i && !t.hasAttribute?.("slot") && !(t.className === "mr-2" && t.querySelector("mint-spinner")) && e.push(t);
+			if (e.length > 0) {
+				o = document.createElement("span"), o.className = "mint-button-content inline-flex items-center", e.forEach((e) => {
+					o.appendChild(e);
+				});
+				let t = this._button.querySelector("mint-spinner")?.parentElement;
+				i && a === "left" ? t ? (t.insertAdjacentElement("afterend", i), i.insertAdjacentElement("afterend", o)) : (this._button.insertBefore(i, this._button.firstChild), i.insertAdjacentElement("afterend", o)) : i && a === "right" ? t ? (t.insertAdjacentElement("afterend", o), o.insertAdjacentElement("afterend", i)) : (this._button.insertBefore(o, this._button.firstChild), o.insertAdjacentElement("afterend", i)) : t ? t.insertAdjacentElement("afterend", o) : this._button.insertBefore(o, this._button.firstChild);
+			} else if (i && i.tagName === "MINT-ICON" && !i.parentElement) {
+				let e = this._button.querySelector("mint-spinner")?.parentElement;
+				e ? e.insertAdjacentElement("afterend", i) : this._button.insertBefore(i, this._button.firstChild);
+			}
+		}
+		let s = this.isIconOnly();
+		i && (i.classList.contains("mint-button-icon") || i.classList.add("mint-button-icon"), i.classList.remove("mr-1.5", "ml-1.5"), s ? i.tagName === "MINT-ICON" ? (i.style.width = "1rem", i.style.height = "1rem", i.style.maxWidth = "1rem", i.style.maxHeight = "1rem", i.style.flexShrink = "0") : (i.style.maxWidth = "1rem", i.style.maxHeight = "1rem", i.style.flexShrink = "0", i.tagName === "svg" && (i.style.width = "1rem", i.style.height = "1rem")) : a === "left" ? i.classList.add("mr-1.5") : i.classList.add("ml-1.5"));
+		let c = this.getButtonClasses();
+		this._button.className = c;
+	}
+	setupEventListeners() {
+		this._button && !this._clickHandler && (this._clickHandler = this.handleClick.bind(this), this._button.addEventListener("click", this._clickHandler, !0), this._button.addEventListener("mousedown", this._handleMouseDown), this._button.addEventListener("mouseup", this._handleMouseUp), this._button.addEventListener("mouseleave", this._handleMouseLeave), this._button.addEventListener("touchstart", this._handleTouchStart), this._button.addEventListener("touchend", this._handleTouchEnd), this._button.addEventListener("touchcancel", this._handleTouchCancel));
+	}
+	removeEventListeners() {
+		this._button && (this._clickHandler &&= (this._button.removeEventListener("click", this._clickHandler, !0), null), this._button.removeEventListener("mousedown", this._handleMouseDown), this._button.removeEventListener("mouseup", this._handleMouseUp), this._button.removeEventListener("mouseleave", this._handleMouseLeave), this._button.removeEventListener("touchstart", this._handleTouchStart), this._button.removeEventListener("touchend", this._handleTouchEnd), this._button.removeEventListener("touchcancel", this._handleTouchCancel));
+	}
+	_handleMouseDown = () => {
+		this._button && !this.isDisabled() && !this.isLoading() && this._button.classList.add("mint-button-active");
+	};
+	_handleMouseUp = () => {
+		this._button && this._button.classList.remove("mint-button-active");
+	};
+	_handleMouseLeave = () => {
+		this._button && this._button.classList.remove("mint-button-active");
+	};
+	_handleTouchStart = () => {
+		this._button && !this.isDisabled() && !this.isLoading() && this._button.classList.add("mint-button-active");
+	};
+	_handleTouchEnd = () => {
+		this._button && this._button.classList.remove("mint-button-active");
+	};
+	_handleTouchCancel = () => {
+		this._button && this._button.classList.remove("mint-button-active");
+	};
+	handleClick(e) {
+		if (this.isDisabled() || this.isLoading()) {
+			e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
+			return;
+		}
+		if (e.stopPropagation(), e.stopImmediatePropagation(), this._isHandlingClick) {
+			e.preventDefault();
+			return;
+		}
+		this._isHandlingClick = !0, e.preventDefault(), this.dispatchEvent(new CustomEvent("click", {
+			detail: { originalEvent: e },
+			bubbles: !0,
+			cancelable: !0,
+			composed: !0
+		})), requestAnimationFrame(() => {
+			this._isHandlingClick = !1;
+		});
+	}
+};
+customElements.get("mint-button") || customElements.define("mint-button", e);
+//#endregion
+export { e as t };

package/dist/components/chunks/card-D8FpQZBD.js

@@ -0,0 +1 @@
+var e=class extends HTMLElement{static get observedAttributes(){return[]}constructor(){super()}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`block`),this.render()}attributeChangedCallback(e,t,n){t!==n&&this.render()}getCardClasses(){return[`rounded-lg`,`shadow`,`bg-white`,`dark:bg-gray-800`,`border`,`border-gray-200`,`dark:border-gray-700`,`overflow-hidden`,`transition-colors`,`duration-200`].join(` `)}render(){let e=this.getCardClasses();[`rounded-lg`,`shadow`,`bg-white`,`dark:bg-gray-800`,`border`,`border-gray-200`,`dark:border-gray-700`,`overflow-hidden`,`transition-colors`,`duration-200`].forEach(e=>this.classList.remove(e)),e.split(` `).forEach(e=>{e&&this.classList.add(e)}),[`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`block`].forEach(e=>{this.classList.contains(e)||this.classList.add(e)})}};customElements.get(`mint-card`)||customElements.define(`mint-card`,e),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/components/chunks/card-DhRHTSkL.js

@@ -0,0 +1,58 @@
+//#region src/components/card/Card.js
+var e = class extends HTMLElement {
+	static get observedAttributes() {
+		return [];
+	}
+	constructor() {
+		super();
+	}
+	connectedCallback() {
+		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "block"), this.render();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	getCardClasses() {
+		return [
+			"rounded-lg",
+			"shadow",
+			"bg-white",
+			"dark:bg-gray-800",
+			"border",
+			"border-gray-200",
+			"dark:border-gray-700",
+			"overflow-hidden",
+			"transition-colors",
+			"duration-200"
+		].join(" ");
+	}
+	render() {
+		let e = this.getCardClasses();
+		[
+			"rounded-lg",
+			"shadow",
+			"bg-white",
+			"dark:bg-gray-800",
+			"border",
+			"border-gray-200",
+			"dark:border-gray-700",
+			"overflow-hidden",
+			"transition-colors",
+			"duration-200"
+		].forEach((e) => this.classList.remove(e)), e.split(" ").forEach((e) => {
+			e && this.classList.add(e);
+		}), [
+			"box-border",
+			"m-0",
+			"p-0",
+			"border-0",
+			"align-baseline",
+			"block"
+		].forEach((e) => {
+			this.classList.contains(e) || this.classList.add(e);
+		});
+	}
+};
+customElements.get("mint-card") || customElements.define("mint-card", e);
+//#endregion
+export { e as t };

package/dist/components/chunks/checkbox-Bakjptcp.js

@@ -0,0 +1 @@
+require(`./icon-BZolpoyx.js`);var e=class extends HTMLElement{static get observedAttributes(){return[`checked`,`disabled`,`label`,`info`,`id`,`name`,`value`]}constructor(){super(),this._checkbox=null,this._checked=!1,this._clickHandler=null}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`inline-flex`,`items-start`,`gap-2`);let e=this.getAttribute(`checked`);this._checked=e!==null&&e!==`false`,this.render()}disconnectedCallback(){this.removeEventListeners()}attributeChangedCallback(e,t,n){e===`checked`&&(this._checked=n!==null&&n!==`false`,this._checkbox&&(this._checkbox.checked=this._checked)),t!==n&&(this.render(),e===`checked`&&this._checkbox&&this.updateVisualState())}get checked(){return this._checked}set checked(e){e?this.setAttribute(`checked`,``):this.removeAttribute(`checked`),this._checked=!!e,this._checkbox&&(this._checkbox.checked=this._checked),this.updateVisualState()}isDisabled(){return this.hasAttribute(`disabled`)}getLabel(){return this.getAttribute(`label`)||``}getInfo(){return this.getAttribute(`info`)||``}getId(){return this.getAttribute(`id`)||``}getName(){return this.getAttribute(`name`)||``}getValue(){return this.getAttribute(`value`)||``}getCheckboxClasses(){let e=[`relative`,`inline-flex`,`items-center`,`justify-center`,`flex-shrink-0`,`w-5`,`h-5`,`rounded`,`border-2`,`transition-all`,`duration-200`,`outline-none`,`focus:outline-none`,`focus-visible:ring-2`,`focus-visible:ring-offset-2`,`focus-visible:ring-slate-500`,`dark:focus-visible:ring-slate-400`,`cursor-pointer`,`disabled:opacity-50`,`disabled:cursor-not-allowed`],t=this._checked?[`bg-slate-800`,`dark:bg-slate-600`,`border-slate-800`,`dark:border-slate-600`]:[`bg-white`,`dark:bg-gray-700`,`border-gray-300`,`dark:border-gray-500`];return[...e,...t].join(` `)}render(){let e=this.getLabel(),t=this.getInfo(),n=this.isDisabled(),r=this.querySelector(`.mint-checkbox-wrapper`);r||(r=document.createElement(`div`),r.className=`mint-checkbox-wrapper`,this.insertBefore(r,this.firstChild)),this._checkbox?this._checkbox.parentElement!==r&&r.appendChild(this._checkbox):(this._checkbox=document.createElement(`input`),this._checkbox.type=`checkbox`,r.appendChild(this._checkbox),this.setupEventListeners()),this._checkbox.className=`absolute inset-0 w-full h-full opacity-0 cursor-pointer`,this._checkbox.style.cssText=`position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 10; pointer-events: auto; margin: 0; padding: 0;`,this._checkbox.checked=this._checked,this._checkbox.disabled=n,this._changeHandler||this.setupEventListeners();let i=this.getId();i?this._checkbox.id=i:this._checkbox.removeAttribute(`id`);let a=this.getName();a?this._checkbox.name=a:this._checkbox.removeAttribute(`name`);let o=this.getValue();o?this._checkbox.value=o:this._checkbox.removeAttribute(`value`),e?this._checkbox.setAttribute(`aria-label`,e):this._checkbox.removeAttribute(`aria-label`),r.className=`mint-checkbox-wrapper ${this.getCheckboxClasses()}`,r.style.pointerEvents=`none`,this._checkbox.style.pointerEvents=`auto`;let s=r.querySelector(`mint-icon`);s||(s=document.createElement(`mint-icon`),s.setAttribute(`name`,`check`),s.className=`w-3.5 h-3.5 text-white pointer-events-none absolute inset-0 m-auto`,s.style.transition=`opacity 200ms ease-out, transform 200ms ease-out`,s.style.zIndex=`1`,r.appendChild(s)),this.updateVisualState();let c=this.querySelector(`.mint-checkbox-label-container`);if(e||t){c||(c=document.createElement(`div`),c.className=`mint-checkbox-label-container flex flex-col gap-0.5 flex-1`,this.appendChild(c));let r=c.querySelector(`.mint-checkbox-label`);e?(r||(r=document.createElement(`span`),r.className=`mint-checkbox-label text-sm font-medium text-gray-900 dark:text-gray-100 cursor-pointer select-none`,c.insertBefore(r,c.firstChild)),r.textContent=e,n?r.classList.add(`opacity-50`):r.classList.remove(`opacity-50`)):r&&r.remove();let i=c.querySelector(`.mint-checkbox-info`);if(t?(i||(i=document.createElement(`span`),i.className=`mint-checkbox-info text-xs text-gray-500 dark:text-gray-400 cursor-pointer select-none`,c.appendChild(i)),i.textContent=t,n?i.classList.add(`opacity-50`):i.classList.remove(`opacity-50`)):i&&i.remove(),n)c.style.cursor=`default`,c._clickHandler&&(c.removeEventListener(`click`,c._clickHandler),c._clickHandler=null);else{c.style.cursor=`pointer`;let e=c._clickHandler;e&&c.removeEventListener(`click`,e),c._clickHandler=e=>{this._checkbox&&(e.target===this._checkbox||this._checkbox.contains(e.target)||e.composedPath().includes(this._checkbox))||this.toggle()},c.addEventListener(`click`,c._clickHandler)}}else c&&c.remove()}setupEventListeners(){this.removeEventListeners(),this._checkbox&&(this._changeHandler=e=>{e.stopPropagation(),this._checked=this._checkbox.checked,this._checked?this.hasAttribute(`checked`)||this.setAttribute(`checked`,``):this.hasAttribute(`checked`)&&this.removeAttribute(`checked`),this.updateVisualState();let t=new CustomEvent(`change`,{detail:{checked:this._checked,value:this.getValue()},bubbles:!0,cancelable:!0});this.dispatchEvent(t)},this._checkbox.addEventListener(`change`,this._changeHandler),this._mousedownHandler=e=>{e.stopPropagation();let t=this.querySelector(`.mint-checkbox-wrapper`);t&&!this.isDisabled()&&(t.classList.add(`mint-checkbox-active`),this._checked?(t.style.backgroundColor=`rgb(15 23 42)`,t.style.boxShadow=`inset 0 2px 4px rgba(0, 0, 0, 0.3)`):(t.style.backgroundColor=`rgb(243 244 246)`,t.style.boxShadow=`inset 0 2px 4px rgba(0, 0, 0, 0.1)`),document.documentElement.classList.contains(`dark`)&&(this._checked?t.style.backgroundColor=`rgb(51 65 85)`:t.style.backgroundColor=`rgb(31 41 55)`))},this._mouseupHandler=e=>{e.stopPropagation();let t=this.querySelector(`.mint-checkbox-wrapper`);t&&(t.classList.remove(`mint-checkbox-active`),t.style.backgroundColor=``,t.style.boxShadow=``)},this._mouseleaveHandler=e=>{let t=this.querySelector(`.mint-checkbox-wrapper`);t&&(t.classList.remove(`mint-checkbox-active`),t.style.backgroundColor=``,t.style.boxShadow=``)},this._checkbox.addEventListener(`mousedown`,this._mousedownHandler),this._checkbox.addEventListener(`mouseup`,this._mouseupHandler),this._checkbox.addEventListener(`mouseleave`,this._mouseleaveHandler),this._touchstartHandler=e=>{e.stopPropagation();let t=this.querySelector(`.mint-checkbox-wrapper`);t&&!this.isDisabled()&&(t.classList.add(`mint-checkbox-active`),this._checked?(t.style.backgroundColor=`rgb(15 23 42)`,t.style.boxShadow=`inset 0 2px 4px rgba(0, 0, 0, 0.3)`):(t.style.backgroundColor=`rgb(243 244 246)`,t.style.boxShadow=`inset 0 2px 4px rgba(0, 0, 0, 0.1)`),document.documentElement.classList.contains(`dark`)&&(this._checked?t.style.backgroundColor=`rgb(51 65 85)`:t.style.backgroundColor=`rgb(31 41 55)`))},this._touchendHandler=e=>{e.stopPropagation();let t=this.querySelector(`.mint-checkbox-wrapper`);t&&(t.classList.remove(`mint-checkbox-active`),t.style.backgroundColor=``,t.style.boxShadow=``)},this._checkbox.addEventListener(`touchstart`,this._touchstartHandler),this._checkbox.addEventListener(`touchend`,this._touchendHandler))}removeEventListeners(){this._checkbox&&(this._changeHandler&&=(this._checkbox.removeEventListener(`change`,this._changeHandler),null),this._mousedownHandler&&=(this._checkbox.removeEventListener(`mousedown`,this._mousedownHandler),null),this._mouseupHandler&&=(this._checkbox.removeEventListener(`mouseup`,this._mouseupHandler),null),this._mouseleaveHandler&&=(this._checkbox.removeEventListener(`mouseleave`,this._mouseleaveHandler),null),this._touchstartHandler&&=(this._checkbox.removeEventListener(`touchstart`,this._touchstartHandler),null),this._touchendHandler&&=(this._checkbox.removeEventListener(`touchend`,this._touchendHandler),null))}updateVisualState(){let e=this.querySelector(`.mint-checkbox-wrapper`),t=e?.querySelector(`mint-icon`);t&&(t.style.opacity=this._checked?`1`:`0`,t.style.transform=this._checked?`scale(1)`:`scale(0.8)`),e&&(e.className=`mint-checkbox-wrapper ${this.getCheckboxClasses()}`,e.classList.contains(`mint-checkbox-active`)||(e.style.backgroundColor=``,e.style.boxShadow=``))}toggle(){if(this._checkbox&&!this.isDisabled()){this._checkbox.checked=!this._checked,this._checked=this._checkbox.checked,this._checked?this.hasAttribute(`checked`)||this.setAttribute(`checked`,``):this.hasAttribute(`checked`)&&this.removeAttribute(`checked`),this.updateVisualState();let e=new CustomEvent(`change`,{detail:{checked:this._checked},bubbles:!0,cancelable:!0});this.dispatchEvent(e)}}};customElements.get(`mint-checkbox`)||customElements.define(`mint-checkbox`,e),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});