monobill-mintui 0.4.2 → 0.4.4

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

@@ -0,0 +1,111 @@
+//#region src/components/spinner/Spinner.js
+var e = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"size",
+			"data-button-variant",
+			"data-button-tone"
+		];
+	}
+	constructor() {
+		super(), this._darkModeObserver = null;
+	}
+	connectedCallback() {
+		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "inline-block"), 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"]
+		}));
+	}
+	getSize() {
+		let e = this.getAttribute("size") || "default", t = {
+			default: "w-4 h-4",
+			large: "w-16 h-16"
+		};
+		return t[e] || t.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"), a;
+		if (n) {
+			let e = this.getAttribute("data-button-tone") || "neutral";
+			a = r === "solid" ? e === "neutral" ? i ? "#ffffff" : "#0f172a" : "#ffffff" : i ? "#ffffff" : "#0f172a";
+		} else a = i ? "#e2e8f0" : "#0f172a";
+		let o = t === "large" ? "2" : "4", s = this.style.width && this.style.height;
+		this.innerHTML = `
+      <svg 
+        xmlns="http://www.w3.org/2000/svg" 
+        fill="none" 
+        viewBox="0 0 24 24"
+        class="mint-spinner-rotate ${s ? "" : e}"
+        style="${s ? `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="opacity-25"
+        ></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();
+	}
+};
+customElements.get("mint-spinner") || customElements.define("mint-spinner", e);
+//#endregion
+export { e as t };

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

@@ -0,0 +1 @@
+var e=class extends HTMLElement{static get observedAttributes(){return[`direction`,`text-align`]}constructor(){super()}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`block`),this.render(),this.getTextAlign()&&this._observeChildren()}attributeChangedCallback(e,t,n){t!==n&&(this.render(),e===`text-align`&&this._observeChildren())}_observeChildren(){this._childObserver||(this._childObserver=new MutationObserver(()=>{let e=this.getTextAlign();e&&this._applyTextAlignToChildren(e)}),this._childObserver.observe(this,{childList:!0,subtree:!1}))}disconnectedCallback(){this._childObserver&&=(this._childObserver.disconnect(),null)}getDirection(){return(this.getAttribute(`direction`)||`vertical`)===`horizontal`?`horizontal`:`vertical`}getTextAlign(){let e=this.getAttribute(`text-align`)||``;return[`left`,`center`,`right`,`justify`].includes(e)?e:``}getStackClasses(){let e=this.getDirection(),t=this.getTextAlign(),n=[`flex`,e===`horizontal`?`flex-row`:`flex-col`,`gap-3`];return t&&(n.push(`text-${t}`),n.push(`[&>*]:text-${t}`),n.push(`[&>*_.mint-button-content]:text-${t}`),t===`left`?(n.push(`[&>mint-button]:!justify-start`),n.push(`[&>mint-button>button]:!justify-start`)):t===`right`?(n.push(`[&>mint-button]:!justify-end`),n.push(`[&>mint-button>button]:!justify-end`)):t===`center`&&(n.push(`[&>mint-button]:!justify-center`),n.push(`[&>mint-button>button]:!justify-center`))),n.join(` `)}render(){let e=this.getStackClasses(),t=this.getTextAlign();[`flex`,`flex-row`,`flex-col`,`gap-1`,`gap-2`,`gap-3`,`text-left`,`text-center`,`text-right`,`text-justify`,`[&>*]:text-left`,`[&>*]:text-center`,`[&>*]:text-right`,`[&>*]:text-justify`,`[&>*_.mint-button-content]:text-left`,`[&>*_.mint-button-content]:text-center`,`[&>*_.mint-button-content]:text-right`,`[&>*_.mint-button-content]:text-justify`,`[&>mint-button]:!justify-start`,`[&>mint-button]:!justify-center`,`[&>mint-button]:!justify-end`,`[&>mint-button>button]:!justify-start`,`[&>mint-button>button]:!justify-center`,`[&>mint-button>button]:!justify-end`].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)}),t?this._applyTextAlignToChildren(t):this._removeTextAlignFromChildren()}_applyTextAlignToChildren(e){Array.from(this.children).forEach(t=>{if(t.tagName===`MINT-BUTTON`){let n=t.querySelector(`button`);if(n){n.classList.remove(`justify-start`,`justify-center`,`justify-end`),e===`left`?n.classList.add(`justify-start`):e===`right`?n.classList.add(`justify-end`):e===`center`&&n.classList.add(`justify-center`);let t=n.querySelector(`.mint-button-content`);t&&(t.classList.remove(`text-left`,`text-center`,`text-right`,`text-justify`),t.classList.add(`text-${e}`))}}else t.classList.remove(`text-left`,`text-center`,`text-right`,`text-justify`),t.classList.add(`text-${e}`)})}_removeTextAlignFromChildren(){Array.from(this.children).forEach(e=>{if(e.tagName===`MINT-BUTTON`){let t=e.querySelector(`button`);if(t){t.classList.remove(`justify-start`,`justify-end`),t.classList.add(`justify-center`);let e=t.querySelector(`.mint-button-content`);e&&e.classList.remove(`text-left`,`text-center`,`text-right`,`text-justify`)}}else e.classList.remove(`text-left`,`text-center`,`text-right`,`text-justify`)})}};customElements.get(`mint-stack`)||customElements.define(`mint-stack`,e),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

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

@@ -0,0 +1,114 @@
+//#region src/components/stack/Stack.js
+var e = class extends HTMLElement {
+	static get observedAttributes() {
+		return ["direction", "text-align"];
+	}
+	constructor() {
+		super();
+	}
+	connectedCallback() {
+		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "block"), this.render(), this.getTextAlign() && this._observeChildren();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && (this.render(), e === "text-align" && this._observeChildren());
+	}
+	_observeChildren() {
+		this._childObserver || (this._childObserver = new MutationObserver(() => {
+			let e = this.getTextAlign();
+			e && this._applyTextAlignToChildren(e);
+		}), this._childObserver.observe(this, {
+			childList: !0,
+			subtree: !1
+		}));
+	}
+	disconnectedCallback() {
+		this._childObserver &&= (this._childObserver.disconnect(), null);
+	}
+	getDirection() {
+		return (this.getAttribute("direction") || "vertical") === "horizontal" ? "horizontal" : "vertical";
+	}
+	getTextAlign() {
+		let e = this.getAttribute("text-align") || "";
+		return [
+			"left",
+			"center",
+			"right",
+			"justify"
+		].includes(e) ? e : "";
+	}
+	getStackClasses() {
+		let e = this.getDirection(), t = this.getTextAlign(), n = [
+			"flex",
+			e === "horizontal" ? "flex-row" : "flex-col",
+			"gap-3"
+		];
+		return t && (n.push(`text-${t}`), n.push(`[&>*]:text-${t}`), n.push(`[&>*_.mint-button-content]:text-${t}`), t === "left" ? (n.push("[&>mint-button]:!justify-start"), n.push("[&>mint-button>button]:!justify-start")) : t === "right" ? (n.push("[&>mint-button]:!justify-end"), n.push("[&>mint-button>button]:!justify-end")) : t === "center" && (n.push("[&>mint-button]:!justify-center"), n.push("[&>mint-button>button]:!justify-center"))), n.join(" ");
+	}
+	render() {
+		let e = this.getStackClasses(), t = this.getTextAlign();
+		[
+			"flex",
+			"flex-row",
+			"flex-col",
+			"gap-1",
+			"gap-2",
+			"gap-3",
+			"text-left",
+			"text-center",
+			"text-right",
+			"text-justify",
+			"[&>*]:text-left",
+			"[&>*]:text-center",
+			"[&>*]:text-right",
+			"[&>*]:text-justify",
+			"[&>*_.mint-button-content]:text-left",
+			"[&>*_.mint-button-content]:text-center",
+			"[&>*_.mint-button-content]:text-right",
+			"[&>*_.mint-button-content]:text-justify",
+			"[&>mint-button]:!justify-start",
+			"[&>mint-button]:!justify-center",
+			"[&>mint-button]:!justify-end",
+			"[&>mint-button>button]:!justify-start",
+			"[&>mint-button>button]:!justify-center",
+			"[&>mint-button>button]:!justify-end"
+		].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);
+		}), t ? this._applyTextAlignToChildren(t) : this._removeTextAlignFromChildren();
+	}
+	_applyTextAlignToChildren(e) {
+		Array.from(this.children).forEach((t) => {
+			if (t.tagName === "MINT-BUTTON") {
+				let n = t.querySelector("button");
+				if (n) {
+					n.classList.remove("justify-start", "justify-center", "justify-end"), e === "left" ? n.classList.add("justify-start") : e === "right" ? n.classList.add("justify-end") : e === "center" && n.classList.add("justify-center");
+					let t = n.querySelector(".mint-button-content");
+					t && (t.classList.remove("text-left", "text-center", "text-right", "text-justify"), t.classList.add(`text-${e}`));
+				}
+			} else t.classList.remove("text-left", "text-center", "text-right", "text-justify"), t.classList.add(`text-${e}`);
+		});
+	}
+	_removeTextAlignFromChildren() {
+		Array.from(this.children).forEach((e) => {
+			if (e.tagName === "MINT-BUTTON") {
+				let t = e.querySelector("button");
+				if (t) {
+					t.classList.remove("justify-start", "justify-end"), t.classList.add("justify-center");
+					let e = t.querySelector(".mint-button-content");
+					e && e.classList.remove("text-left", "text-center", "text-right", "text-justify");
+				}
+			} else e.classList.remove("text-left", "text-center", "text-right", "text-justify");
+		});
+	}
+};
+customElements.get("mint-stack") || customElements.define("mint-stack", e);
+//#endregion
+export { e as t };

package/dist/components/chunks/switch-C5FOAA64.js

@@ -0,0 +1 @@
+require(`./Icon-BTlX8dXa.js`);var e=class extends HTMLElement{static get observedAttributes(){return[`checked`,`disabled`,`label`,`icon`]}constructor(){super(),this._button=null,this._checked=!1}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`inline-block`,`flex`,`items-center`),this._checked=this.hasAttribute(`checked`),this.render()}disconnectedCallback(){this.removeEventListeners()}attributeChangedCallback(e,t,n){e===`checked`&&(this._checked=n!==null),t!==n&&this.render()}get checked(){return this._checked}set checked(e){e?this.setAttribute(`checked`,``):this.removeAttribute(`checked`),this._checked=!!e,this.render()}isDisabled(){return this.hasAttribute(`disabled`)}getLabel(){return this.getAttribute(`label`)||``}getIcon(){return this.getAttribute(`icon`)||``}hasIcon(){return!!this.getIcon()}getSwitchClasses(){let e=[`relative`,`inline-flex`,`items-center`,`rounded-full`,`h-5`,`w-10`,`border`,`transition-colors`,`duration-200`,`ease-in-out`,`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`,`active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.3)]`,`disabled:opacity-50`,`disabled:cursor-not-allowed`],t=this._checked?[`bg-slate-950`,`dark:bg-slate-600`,`border-slate-700`,`dark:border-slate-500`]:[`bg-slate-200`,`dark:bg-slate-400`,`border-slate-300`,`dark:border-slate-500`];return[...e,...t].join(` `)}getThumbClasses(){let e=[`relative`,`inline-block`,`rounded-full`,`bg-white`,`dark:bg-gray-50`,`h-4`,`w-4`,`shadow-lg`,`transform`,`transition-transform`,`duration-200`,`ease-in-out`,`pointer-events-none`,`overflow-hidden`],t=this._checked?`translate-x-5`:`translate-x-0.5`;return[...e,t].join(` `)}getIconClasses(){return[`absolute`,`inset-0`,`flex`,`items-center`,`justify-center`,`pointer-events-none`].join(` `)}render(){let e=this.getSwitchClasses(),t=this.getThumbClasses(),n=this.getLabel(),r=this.getIcon();this._button||(this._button=document.createElement(`button`),this.appendChild(this._button),this.setupEventListeners()),this._button.className=e,this._button.disabled=this.isDisabled(),this._button.setAttribute(`aria-checked`,this._checked),this._button.setAttribute(`aria-label`,n),this._button.setAttribute(`role`,`switch`),this._button.type=`button`;let i=this._button.querySelector(`span`);i||(i=document.createElement(`span`),this._button.appendChild(i)),i.className=t;let a=i.querySelector(`span`);if(r){let e=a;e||(e=document.createElement(`span`),e.className=this.getIconClasses(),i.appendChild(e));let t=e.querySelector(`mint-icon`);t||(t=document.createElement(`mint-icon`),e.appendChild(t)),t.setAttribute(`name`,r)}else a&&a.remove()}setupEventListeners(){this._button&&this._button.addEventListener(`click`,this.handleToggle.bind(this))}removeEventListeners(){this._button&&this._button.removeEventListener(`click`,this.handleToggle.bind(this))}handleToggle(e){this.isDisabled()||(this.checked=!this._checked,this.dispatchEvent(new CustomEvent(`change`,{detail:{checked:this._checked},bubbles:!0,cancelable:!0})),this.dispatchEvent(new CustomEvent(`toggle`,{detail:{checked:this._checked},bubbles:!0,cancelable:!0})))}};customElements.get(`mint-switch`)||customElements.define(`mint-switch`,e),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/components/chunks/switch-CCyMw1-M.js

@@ -0,0 +1,138 @@
+import "./Icon-xNhleOos.js";
+//#region src/components/switch/Switch.js
+var e = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"checked",
+			"disabled",
+			"label",
+			"icon"
+		];
+	}
+	constructor() {
+		super(), this._button = null, this._checked = !1;
+	}
+	connectedCallback() {
+		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "inline-block", "flex", "items-center"), this._checked = this.hasAttribute("checked"), this.render();
+	}
+	disconnectedCallback() {
+		this.removeEventListeners();
+	}
+	attributeChangedCallback(e, t, n) {
+		e === "checked" && (this._checked = n !== null), t !== n && this.render();
+	}
+	get checked() {
+		return this._checked;
+	}
+	set checked(e) {
+		e ? this.setAttribute("checked", "") : this.removeAttribute("checked"), this._checked = !!e, this.render();
+	}
+	isDisabled() {
+		return this.hasAttribute("disabled");
+	}
+	getLabel() {
+		return this.getAttribute("label") || "";
+	}
+	getIcon() {
+		return this.getAttribute("icon") || "";
+	}
+	hasIcon() {
+		return !!this.getIcon();
+	}
+	getSwitchClasses() {
+		let e = [
+			"relative",
+			"inline-flex",
+			"items-center",
+			"rounded-full",
+			"h-5",
+			"w-10",
+			"border",
+			"transition-colors",
+			"duration-200",
+			"ease-in-out",
+			"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",
+			"active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.3)]",
+			"disabled:opacity-50",
+			"disabled:cursor-not-allowed"
+		], t = this._checked ? [
+			"bg-slate-950",
+			"dark:bg-slate-600",
+			"border-slate-700",
+			"dark:border-slate-500"
+		] : [
+			"bg-slate-200",
+			"dark:bg-slate-400",
+			"border-slate-300",
+			"dark:border-slate-500"
+		];
+		return [...e, ...t].join(" ");
+	}
+	getThumbClasses() {
+		let e = [
+			"relative",
+			"inline-block",
+			"rounded-full",
+			"bg-white",
+			"dark:bg-gray-50",
+			"h-4",
+			"w-4",
+			"shadow-lg",
+			"transform",
+			"transition-transform",
+			"duration-200",
+			"ease-in-out",
+			"pointer-events-none",
+			"overflow-hidden"
+		], t = this._checked ? "translate-x-5" : "translate-x-0.5";
+		return [...e, t].join(" ");
+	}
+	getIconClasses() {
+		return [
+			"absolute",
+			"inset-0",
+			"flex",
+			"items-center",
+			"justify-center",
+			"pointer-events-none"
+		].join(" ");
+	}
+	render() {
+		let e = this.getSwitchClasses(), t = this.getThumbClasses(), n = this.getLabel(), r = this.getIcon();
+		this._button || (this._button = document.createElement("button"), this.appendChild(this._button), this.setupEventListeners()), this._button.className = e, this._button.disabled = this.isDisabled(), this._button.setAttribute("aria-checked", this._checked), this._button.setAttribute("aria-label", n), this._button.setAttribute("role", "switch"), this._button.type = "button";
+		let i = this._button.querySelector("span");
+		i || (i = document.createElement("span"), this._button.appendChild(i)), i.className = t;
+		let a = i.querySelector("span");
+		if (r) {
+			let e = a;
+			e || (e = document.createElement("span"), e.className = this.getIconClasses(), i.appendChild(e));
+			let t = e.querySelector("mint-icon");
+			t || (t = document.createElement("mint-icon"), e.appendChild(t)), t.setAttribute("name", r);
+		} else a && a.remove();
+	}
+	setupEventListeners() {
+		this._button && this._button.addEventListener("click", this.handleToggle.bind(this));
+	}
+	removeEventListeners() {
+		this._button && this._button.removeEventListener("click", this.handleToggle.bind(this));
+	}
+	handleToggle(e) {
+		this.isDisabled() || (this.checked = !this._checked, this.dispatchEvent(new CustomEvent("change", {
+			detail: { checked: this._checked },
+			bubbles: !0,
+			cancelable: !0
+		})), this.dispatchEvent(new CustomEvent("toggle", {
+			detail: { checked: this._checked },
+			bubbles: !0,
+			cancelable: !0
+		})));
+	}
+};
+customElements.get("mint-switch") || customElements.define("mint-switch", e);
+//#endregion
+export { e as t };

package/dist/components/chunks/text-B-qq-sZ2.js

@@ -0,0 +1,111 @@
+//#region src/components/text/Text.js
+var e = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"variant",
+			"size",
+			"bold",
+			"underline",
+			"strike",
+			"italic",
+			"display"
+		];
+	}
+	constructor() {
+		super(), this._darkModeObserver = null, this._userClasses = /* @__PURE__ */ new Set();
+	}
+	connectedCallback() {
+		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline"), this._captureUserClasses(), this.render(), this._observeDarkMode();
+	}
+	_captureUserClasses() {
+		Array.from(this.classList).forEach((e) => this._userClasses.add(e));
+	}
+	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"]
+		}));
+	}
+	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() {
+		let e = this.getSize(), t = this.getVariant(), n = document.documentElement.classList.contains("dark"), r = {
+			heading: ["font-semibold"],
+			"sub-heading": ["font-medium"],
+			regular: []
+		}, i = {
+			default: n ? ["text-gray-100"] : ["text-gray-900"],
+			muted: ["text-gray-400"],
+			danger: n ? ["text-red-400"] : ["text-red-600"],
+			success: n ? ["text-green-400"] : ["text-green-600"]
+		}, a = [];
+		this.isBold() && a.push("font-bold"), this.isUnderline() && a.push("underline"), this.isStrike() && a.push("line-through"), this.isItalic() && a.push("italic");
+		let o = this.getDisplay();
+		return [
+			o === "block" ? "block" : o === "inline" ? "inline" : "inline-block",
+			...r[e] || r.regular,
+			...i[t] || i.default,
+			...a
+		].join(" ");
+	}
+	render() {
+		let e = this.getSize(), t = [
+			"text-gray-100",
+			"text-gray-900",
+			"text-gray-400",
+			"text-red-400",
+			"text-red-600",
+			"text-green-400",
+			"text-green-600"
+		], n = [
+			"text-2xl",
+			"text-lg",
+			"text-sm"
+		];
+		n.forEach((e) => {
+			this.classList.remove(e), this._userClasses.delete(e);
+		}), t.forEach((e) => {
+			this.classList.remove(e), this._userClasses.delete(e);
+		});
+		let r = this.getTextClasses().split(" ").filter((e) => e.trim());
+		Array.from(this.classList).forEach((e) => {
+			!t.includes(e) && !n.includes(e) && this._userClasses.add(e);
+		}), this.className = [...new Set([...r, ...Array.from(this._userClasses)])].join(" ");
+		let i = {
+			heading: "clamp(1.25rem, 2.5vw + 0.5rem, 1.5rem)",
+			"sub-heading": "clamp(1rem, 1.5vw + 0.5rem, 1.125rem)",
+			regular: "clamp(0.875rem, 1vw + 0.5rem, 0.875rem)"
+		}, a = i[e] || i.regular;
+		this.style.setProperty("font-size", a);
+	}
+};
+customElements.get("mint-text") || customElements.define("mint-text", e);
+//#endregion
+export { e as t };

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

@@ -0,0 +1 @@
+var e=class extends HTMLElement{static get observedAttributes(){return[`variant`,`size`,`bold`,`underline`,`strike`,`italic`,`display`]}constructor(){super(),this._darkModeObserver=null,this._userClasses=new Set}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`),this._captureUserClasses(),this.render(),this._observeDarkMode()}_captureUserClasses(){Array.from(this.classList).forEach(e=>this._userClasses.add(e))}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`]}))}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(){let e=this.getSize(),t=this.getVariant(),n=document.documentElement.classList.contains(`dark`),r={heading:[`font-semibold`],"sub-heading":[`font-medium`],regular:[]},i={default:n?[`text-gray-100`]:[`text-gray-900`],muted:[`text-gray-400`],danger:n?[`text-red-400`]:[`text-red-600`],success:n?[`text-green-400`]:[`text-green-600`]},a=[];this.isBold()&&a.push(`font-bold`),this.isUnderline()&&a.push(`underline`),this.isStrike()&&a.push(`line-through`),this.isItalic()&&a.push(`italic`);let o=this.getDisplay();return[o===`block`?`block`:o===`inline`?`inline`:`inline-block`,...r[e]||r.regular,...i[t]||i.default,...a].join(` `)}render(){let e=this.getSize(),t=[`text-gray-100`,`text-gray-900`,`text-gray-400`,`text-red-400`,`text-red-600`,`text-green-400`,`text-green-600`],n=[`text-2xl`,`text-lg`,`text-sm`];n.forEach(e=>{this.classList.remove(e),this._userClasses.delete(e)}),t.forEach(e=>{this.classList.remove(e),this._userClasses.delete(e)});let r=this.getTextClasses().split(` `).filter(e=>e.trim());Array.from(this.classList).forEach(e=>{!t.includes(e)&&!n.includes(e)&&this._userClasses.add(e)}),this.className=[...new Set([...r,...Array.from(this._userClasses)])].join(` `);let i={heading:`clamp(1.25rem, 2.5vw + 0.5rem, 1.5rem)`,"sub-heading":`clamp(1rem, 1.5vw + 0.5rem, 1.125rem)`,regular:`clamp(0.875rem, 1vw + 0.5rem, 0.875rem)`},a=i[e]||i.regular;this.style.setProperty(`font-size`,a)}};customElements.get(`mint-text`)||customElements.define(`mint-text`,e),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/components/grid/Grid.d.ts

@@ -0,0 +1 @@
+export { MintGrid as default, MintGrid } from '../../mintui-elements'

package/dist/components/grid/Grid.d.ts.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "Grid.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "Grid.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/grid/index.cjs

@@ -0,0 +1 @@
+const e=require(`../chunks/grid-DVHtippr.js`);module.exports=e.t;

package/dist/components/grid/index.d.ts

@@ -0,0 +1 @@
+export { default, MintGrid } from './Grid'

package/dist/components/grid/index.d.ts.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "index.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "index.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/grid/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/grid-DqlQrFkp.js";
+export { e as default };

package/dist/components/icon/Icon.d.ts

@@ -0,0 +1 @@
+export { MintIcon as default, MintIcon, registerIcon, getIcon, hasIcon, getAllIcons } from '../../mintui-elements'

package/dist/components/icon/Icon.d.ts.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "Icon.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "Icon.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/icon/index.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../chunks/Icon-BTlX8dXa.js`);require(`../chunks/icon-BZolpoyx.js`),exports.default=e.t,exports.getAllIcons=e.n,exports.getIcon=e.r,exports.hasIcon=e.i,exports.registerIcon=e.a;

package/dist/components/icon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Icon'
+export { default } from './Icon'

package/dist/components/icon/index.d.ts.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "index.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "index.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/icon/index.js

@@ -0,0 +1,3 @@
+import { a as e, i as t, n, r, t as i } from "../chunks/Icon-xNhleOos.js";
+import "../chunks/icon-a2ABTJf-.js";
+export { i as default, n as getAllIcons, r as getIcon, t as hasIcon, e as registerIcon };

package/dist/components/link/Link.d.ts

@@ -0,0 +1 @@
+export { MintLink as default, MintLink } from '../../mintui-elements'

package/dist/components/link/Link.d.ts.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "Link.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "Link.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/link/index.cjs

@@ -0,0 +1 @@
+const e=require(`../chunks/link-S0yBi9n7.js`);module.exports=e.t;

package/dist/components/link/index.d.ts

@@ -0,0 +1 @@
+export { default, MintLink } from './Link'

package/dist/components/link/index.d.ts.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "index.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "index.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/link/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/link-C49HKGxh.js";
+export { e as default };

package/dist/components/modal/Modal.d.ts

@@ -0,0 +1 @@
+export { MintModal as default, MintModal } from '../../mintui-elements'

package/dist/components/modal/Modal.d.ts.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "Modal.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "Modal.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/modal/index.cjs

@@ -0,0 +1 @@
+require(`../chunks/modal-B2sNSV2Q.js`);

package/dist/components/modal/index.d.ts

@@ -0,0 +1 @@
+export { default, MintModal } from './Modal'

package/dist/components/modal/index.d.ts.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "index.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "index.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/modal/index.js

@@ -0,0 +1 @@
+import "../chunks/modal-BQlup2Mw.js";

package/dist/components/page/Page.d.ts

@@ -0,0 +1 @@
+export { MintPage as default, MintPage } from '../../mintui-elements'