monobill-mintui 0.4.4 → 0.4.6

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

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

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

@@ -1,58 +0,0 @@
-//#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

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