monobill-mintui 0.4.3 → 0.4.5

package/dist/popover.cjs

@@ -1 +0,0 @@
-require(`./popover-CuSBQ8Jm.cjs`);

package/dist/popover.d.ts

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

package/dist/popover.js

@@ -1 +0,0 @@
-import "./popover-7bn3gySt.js";

package/dist/spinner-DqXU-cr-.js

@@ -1,111 +0,0 @@
-//#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/spinner-GtQIe8rS.cjs

@@ -1,63 +0,0 @@
-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),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/spinner.cjs

@@ -1 +0,0 @@
-const e=require(`./spinner-GtQIe8rS.cjs`);module.exports=e.t;

package/dist/spinner.d.ts

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

package/dist/spinner.js

@@ -1,2 +0,0 @@
-import { t as e } from "./spinner-DqXU-cr-.js";
-export { e as default };

package/dist/stack-D0noPfD1.js

@@ -1,114 +0,0 @@
-//#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/stack-tFy8YlX2.cjs

@@ -1 +0,0 @@
-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/stack.cjs

@@ -1 +0,0 @@
-const e=require(`./stack-tFy8YlX2.cjs`);module.exports=e.t;

package/dist/stack.d.ts

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

package/dist/stack.js

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

package/dist/styles.css

@@ -1 +0,0 @@
-/* MintUI web components expect Tailwind CSS in your app; this package does not ship a compiled Tailwind bundle. */

package/dist/switch-DQ0Eaz6M.js

@@ -1,138 +0,0 @@
-import "./Icon-ByNhn8tE.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/switch-DeQNPnla.cjs

@@ -1 +0,0 @@
-require(`./Icon-BTuYBm_3.cjs`);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/switch.cjs

@@ -1 +0,0 @@
-const e=require(`./switch-DeQNPnla.cjs`);module.exports=e.t;

package/dist/switch.d.ts

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

package/dist/switch.js

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

package/dist/text-CoinZsjJ.cjs

@@ -1 +0,0 @@
-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/text-q58TQcH-.js

@@ -1,111 +0,0 @@
-//#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/text.cjs

@@ -1 +0,0 @@
-const e=require(`./text-CoinZsjJ.cjs`);module.exports=e.t;

package/dist/text.d.ts

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

package/dist/text.js

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