monobill-mintui 0.6.612 → 0.6.613

package/dist/components/switch/browser.js

@@ -0,0 +1,203 @@
+
+const __mintLoadStyle = (key, url) => {
+  if (typeof document === 'undefined') return
+  const href = new URL(url, import.meta.url).href
+  if ([...document.querySelectorAll('link[rel="stylesheet"]')].some(link => link.href === href)) return
+  if (document.querySelector('style[data-mint-ui-style="' + key + '"]') || document.querySelector('link[data-mint-ui-style="' + key + '"]')) return
+  const link = document.createElement('link')
+  link.rel = 'stylesheet'
+  link.href = href
+  link.dataset.mintUiStyle = key
+  document.head.append(link)
+}
+__mintLoadStyle('theme', '../../theme.css')
+__mintLoadStyle('icon', '../../icon.css')
+__mintLoadStyle('switch', '../../switch.css')
+import "../chunks/icon-gQAtsERy.js";
+import { t as e } from "../chunks/register-element-BFYmIynH.js";
+import "../chunks/icon-C0OLmjDY.js";
+//#region src/components/switch/Switch.js
+var t = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"checked",
+			"disabled",
+			"label",
+			"icon",
+			"info",
+			"error",
+			"error-message",
+			"loading"
+		];
+	}
+	_button = null;
+	_checked = !1;
+	_hasUserToggled = !1;
+	constructor() {
+		super();
+	}
+	connectedCallback() {
+		this.classList.add("mint-switch"), this._checked = this.getAttribute("checked") === "true", this.render();
+	}
+	_getSwitchContainer() {
+		let e = this.querySelector(".mint-switch-container");
+		return e || (e = document.createElement("div"), e.className = "mint-switch-container", this.insertBefore(e, this.firstChild)), e;
+	}
+	disconnectedCallback() {
+		this.removeEventListeners();
+	}
+	isLoading() {
+		return this.getAttribute("loading") === "true";
+	}
+	attributeChangedCallback(e, t, n) {
+		if (e === "checked" && (this._checked = n === "true"), t !== n) {
+			if (e === "error" || e === "error-message") {
+				this._renderErrorState(), this._syncSwitchAccessibility();
+				return;
+			}
+			if (e === "loading") {
+				this.render();
+				return;
+			}
+			this.render();
+		}
+	}
+	get checked() {
+		try {
+			return this._checked || !1;
+		} catch {
+			return !1;
+		}
+	}
+	set checked(e) {
+		try {
+			e ? this.setAttribute("checked", "true") : this.setAttribute("checked", "false"), this._checked = !!e, this.render();
+		} catch {}
+	}
+	isDisabled() {
+		return this.getAttribute("disabled") === "true";
+	}
+	getLabel() {
+		return this.getAttribute("label") || "";
+	}
+	getInfo() {
+		return this.getAttribute("info") || "";
+	}
+	getIcon() {
+		return this.getAttribute("icon") || "";
+	}
+	hasIcon() {
+		return !!this.getIcon();
+	}
+	hasError() {
+		return this.getAttribute("error") === "true";
+	}
+	getErrorMessage() {
+		return this.getAttribute("error-message") || "";
+	}
+	getSwitchClasses() {
+		return "mint-switch-control";
+	}
+	getThumbClasses() {
+		return [
+			"mint-switch-thumb",
+			this._checked ? "mint-switch-thumb-checked" : "",
+			this._hasUserToggled ? "mint-switch-thumb-animated" : ""
+		].filter(Boolean).join(" ");
+	}
+	getIconClasses() {
+		return "mint-switch-icon";
+	}
+	render() {
+		let e = this.isLoading();
+		this.setAttribute("aria-busy", String(e));
+		let t = this.getSwitchClasses(), n = this.getThumbClasses(), r = this.getLabel(), i = this.getInfo(), a = this.getIcon(), o = this.getAttribute("id") || `mint-switch-${Math.random().toString(36).substr(2, 9)}`;
+		this.getAttribute("id") || this.setAttribute("id", o);
+		let s = this._getSwitchContainer();
+		this._button ? this._button.parentElement !== s && s.appendChild(this._button) : (this._button = document.createElement("button"), s.appendChild(this._button), this.setupEventListeners());
+		let c = s.querySelector(".mint-switch-label");
+		r ? (c || (c = document.createElement("label"), c.className = "mint-switch-label", this._button && this._button.parentElement === s ? s.insertBefore(c, this._button.nextSibling) : s.appendChild(c)), c.textContent = r, c.setAttribute("for", `${o}-control`), this.isDisabled() ? c.classList.add("mint-switch-disabled") : c.classList.remove("mint-switch-disabled")) : c && c.remove(), this._button.className = t, this._button.disabled = this.isDisabled(), this._button.id = `${o}-control`, this._button.setAttribute("aria-checked", String(this._checked)), this._button.setAttribute("aria-label", r || "Toggle switch"), this._button.setAttribute("role", "switch"), this._button.type = "button";
+		let l = this._button.querySelector("span");
+		l || (l = document.createElement("span"), this._button.appendChild(l)), l.className = n;
+		let u = l.querySelector("span");
+		if (a) {
+			let e = u;
+			e || (e = document.createElement("span"), e.className = this.getIconClasses(), l.appendChild(e));
+			let t = e.querySelector("mint-icon");
+			t || (t = document.createElement("mint-icon"), e.appendChild(t)), t.setAttribute("name", a);
+		} else u && u.remove();
+		let d = this.querySelector(".mint-switch-info");
+		i ? (d || (d = document.createElement("span"), d.className = "mint-switch-info", s && s.parentElement === this ? this.insertBefore(d, s.nextSibling) : this.appendChild(d)), d.textContent = i, this.isDisabled() ? d.classList.add("mint-switch-disabled") : d.classList.remove("mint-switch-disabled")) : d && d.remove(), this._renderErrorState(), this._syncSwitchAccessibility(), this._renderSkeleton(e);
+	}
+	setupEventListeners() {
+		this._button && this._button.addEventListener("click", this.handleToggle.bind(this));
+	}
+	removeEventListeners() {
+		this._button && this._button.removeEventListener("click", this.handleToggle.bind(this));
+	}
+	handleToggle(e) {
+		if (!this.isDisabled()) {
+			this._hasUserToggled = !0, this.checked = !this._checked;
+			let e = new Event("input", {
+				bubbles: !0,
+				cancelable: !0,
+				composed: !0
+			});
+			this.dispatchEvent(e), this.dispatchEvent(new CustomEvent("input", {
+				detail: { checked: this._checked },
+				bubbles: !0,
+				cancelable: !0,
+				composed: !0
+			})), 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
+			}));
+		}
+	}
+	_renderSkeleton(e) {
+		let t = this._getSwitchContainer(), n = this.getLabel(), r = this.getInfo(), i = t.querySelector(".mint-switch-skeleton-container"), a = this.querySelector(".mint-switch-info-skeleton");
+		if (e) {
+			t.classList.add("mint-switch-container-loading"), i || (i = document.createElement("div"), i.className = "mint-switch-skeleton-container", t.appendChild(i));
+			let e = i.querySelector(".mint-switch-skeleton-box");
+			if (e || (e = document.createElement("div"), e.className = "mint-switch-skeleton-box", i.appendChild(e)), n) {
+				let e = i.querySelector(".mint-switch-skeleton-label");
+				e || (e = document.createElement("div"), e.className = "mint-switch-skeleton-label", i.appendChild(e));
+			} else {
+				let e = i.querySelector(".mint-switch-skeleton-label");
+				e && e.remove();
+			}
+			i.style.display = "flex", this._button && (this._button.style.visibility = "hidden", this._button.style.pointerEvents = "none");
+			let o = t.querySelector(".mint-switch-label");
+			if (o && (o.style.visibility = "hidden", o.style.pointerEvents = "none"), r) {
+				a || (a = document.createElement("div"), a.className = "mint-switch-info-skeleton", t && t.parentElement === this ? this.insertBefore(a, t.nextSibling) : this.appendChild(a)), a.style.display = "block";
+				let e = this.querySelector(".mint-switch-info");
+				e && (e.style.display = "none");
+			} else a && (a.style.display = "none");
+		} else {
+			i && (i.style.display = "none"), t.classList.remove("mint-switch-container-loading"), a && (a.style.display = "none"), this._button && (this._button.style.visibility = "visible", this._button.style.pointerEvents = "auto");
+			let e = t.querySelector(".mint-switch-label");
+			e && (e.style.visibility = "visible", e.style.pointerEvents = "auto");
+			let n = this.querySelector(".mint-switch-info");
+			n && (n.style.display = "");
+		}
+	}
+	_renderErrorState() {
+		let e = this.hasError(), t = this.getErrorMessage(), n = this.querySelector(".mint-switch-error");
+		e && t ? (n || (n = document.createElement("div"), n.className = "mint-switch-error", this.appendChild(n)), n.textContent = t) : n && n.remove(), this._button && (this._button.className = this.getSwitchClasses()), this._syncSwitchAccessibility();
+	}
+	_syncSwitchAccessibility() {
+		if (!this._button) return;
+		let e = this.getAttribute("id") || `mint-switch-${Math.random().toString(36).slice(2, 10)}`;
+		this.getAttribute("id") || this.setAttribute("id", e), this._button.id = `${e}-control`, this._button.setAttribute("aria-invalid", String(this.hasError()));
+		let t = (this.getAttribute("aria-describedby") || "").split(/\s+/).filter(Boolean), n = this.querySelector(".mint-switch-info"), r = this.querySelector(".mint-switch-error");
+		n && (n.id = `${e}-info`, t.push(n.id)), r && (r.id = `${e}-error`, t.push(r.id)), t.length ? this._button.setAttribute("aria-describedby", Array.from(new Set(t)).join(" ")) : this._button.removeAttribute("aria-describedby");
+	}
+};
+customElements.get("mint-switch") || e("mint-switch", t);
+//#endregion
+export { t as default };

package/dist/components/switch/index.cjs

@@ -0,0 +1 @@
+require(`../chunks/icon-dG8sLTBn.js`);const e=require(`../chunks/register-element-tCL_F1YI.js`);require(`../chunks/icon-CyzR9aVl.js`);var t=class extends HTMLElement{static get observedAttributes(){return[`checked`,`disabled`,`label`,`icon`,`info`,`error`,`error-message`,`loading`]}_button=null;_checked=!1;_hasUserToggled=!1;constructor(){super()}connectedCallback(){this.classList.add(`mint-switch`),this._checked=this.getAttribute(`checked`)===`true`,this.render()}_getSwitchContainer(){let e=this.querySelector(`.mint-switch-container`);return e||(e=document.createElement(`div`),e.className=`mint-switch-container`,this.insertBefore(e,this.firstChild)),e}disconnectedCallback(){this.removeEventListeners()}isLoading(){return this.getAttribute(`loading`)===`true`}attributeChangedCallback(e,t,n){if(e===`checked`&&(this._checked=n===`true`),t!==n){if(e===`error`||e===`error-message`){this._renderErrorState(),this._syncSwitchAccessibility();return}if(e===`loading`){this.render();return}this.render()}}get checked(){try{return this._checked||!1}catch{return!1}}set checked(e){try{e?this.setAttribute(`checked`,`true`):this.setAttribute(`checked`,`false`),this._checked=!!e,this.render()}catch{}}isDisabled(){return this.getAttribute(`disabled`)===`true`}getLabel(){return this.getAttribute(`label`)||``}getInfo(){return this.getAttribute(`info`)||``}getIcon(){return this.getAttribute(`icon`)||``}hasIcon(){return!!this.getIcon()}hasError(){return this.getAttribute(`error`)===`true`}getErrorMessage(){return this.getAttribute(`error-message`)||``}getSwitchClasses(){return`mint-switch-control`}getThumbClasses(){return[`mint-switch-thumb`,this._checked?`mint-switch-thumb-checked`:``,this._hasUserToggled?`mint-switch-thumb-animated`:``].filter(Boolean).join(` `)}getIconClasses(){return`mint-switch-icon`}render(){let e=this.isLoading();this.setAttribute(`aria-busy`,String(e));let t=this.getSwitchClasses(),n=this.getThumbClasses(),r=this.getLabel(),i=this.getInfo(),a=this.getIcon(),o=this.getAttribute(`id`)||`mint-switch-${Math.random().toString(36).substr(2,9)}`;this.getAttribute(`id`)||this.setAttribute(`id`,o);let s=this._getSwitchContainer();this._button?this._button.parentElement!==s&&s.appendChild(this._button):(this._button=document.createElement(`button`),s.appendChild(this._button),this.setupEventListeners());let c=s.querySelector(`.mint-switch-label`);r?(c||(c=document.createElement(`label`),c.className=`mint-switch-label`,this._button&&this._button.parentElement===s?s.insertBefore(c,this._button.nextSibling):s.appendChild(c)),c.textContent=r,c.setAttribute(`for`,`${o}-control`),this.isDisabled()?c.classList.add(`mint-switch-disabled`):c.classList.remove(`mint-switch-disabled`)):c&&c.remove(),this._button.className=t,this._button.disabled=this.isDisabled(),this._button.id=`${o}-control`,this._button.setAttribute(`aria-checked`,String(this._checked)),this._button.setAttribute(`aria-label`,r||`Toggle switch`),this._button.setAttribute(`role`,`switch`),this._button.type=`button`;let l=this._button.querySelector(`span`);l||(l=document.createElement(`span`),this._button.appendChild(l)),l.className=n;let u=l.querySelector(`span`);if(a){let e=u;e||(e=document.createElement(`span`),e.className=this.getIconClasses(),l.appendChild(e));let t=e.querySelector(`mint-icon`);t||(t=document.createElement(`mint-icon`),e.appendChild(t)),t.setAttribute(`name`,a)}else u&&u.remove();let d=this.querySelector(`.mint-switch-info`);i?(d||(d=document.createElement(`span`),d.className=`mint-switch-info`,s&&s.parentElement===this?this.insertBefore(d,s.nextSibling):this.appendChild(d)),d.textContent=i,this.isDisabled()?d.classList.add(`mint-switch-disabled`):d.classList.remove(`mint-switch-disabled`)):d&&d.remove(),this._renderErrorState(),this._syncSwitchAccessibility(),this._renderSkeleton(e)}setupEventListeners(){this._button&&this._button.addEventListener(`click`,this.handleToggle.bind(this))}removeEventListeners(){this._button&&this._button.removeEventListener(`click`,this.handleToggle.bind(this))}handleToggle(e){if(!this.isDisabled()){this._hasUserToggled=!0,this.checked=!this._checked;let e=new Event(`input`,{bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(e),this.dispatchEvent(new CustomEvent(`input`,{detail:{checked:this._checked},bubbles:!0,cancelable:!0,composed:!0})),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}))}}_renderSkeleton(e){let t=this._getSwitchContainer(),n=this.getLabel(),r=this.getInfo(),i=t.querySelector(`.mint-switch-skeleton-container`),a=this.querySelector(`.mint-switch-info-skeleton`);if(e){t.classList.add(`mint-switch-container-loading`),i||(i=document.createElement(`div`),i.className=`mint-switch-skeleton-container`,t.appendChild(i));let e=i.querySelector(`.mint-switch-skeleton-box`);if(e||(e=document.createElement(`div`),e.className=`mint-switch-skeleton-box`,i.appendChild(e)),n){let e=i.querySelector(`.mint-switch-skeleton-label`);e||(e=document.createElement(`div`),e.className=`mint-switch-skeleton-label`,i.appendChild(e))}else{let e=i.querySelector(`.mint-switch-skeleton-label`);e&&e.remove()}i.style.display=`flex`,this._button&&(this._button.style.visibility=`hidden`,this._button.style.pointerEvents=`none`);let o=t.querySelector(`.mint-switch-label`);if(o&&(o.style.visibility=`hidden`,o.style.pointerEvents=`none`),r){a||(a=document.createElement(`div`),a.className=`mint-switch-info-skeleton`,t&&t.parentElement===this?this.insertBefore(a,t.nextSibling):this.appendChild(a)),a.style.display=`block`;let e=this.querySelector(`.mint-switch-info`);e&&(e.style.display=`none`)}else a&&(a.style.display=`none`)}else{i&&(i.style.display=`none`),t.classList.remove(`mint-switch-container-loading`),a&&(a.style.display=`none`),this._button&&(this._button.style.visibility=`visible`,this._button.style.pointerEvents=`auto`);let e=t.querySelector(`.mint-switch-label`);e&&(e.style.visibility=`visible`,e.style.pointerEvents=`auto`);let n=this.querySelector(`.mint-switch-info`);n&&(n.style.display=``)}}_renderErrorState(){let e=this.hasError(),t=this.getErrorMessage(),n=this.querySelector(`.mint-switch-error`);e&&t?(n||(n=document.createElement(`div`),n.className=`mint-switch-error`,this.appendChild(n)),n.textContent=t):n&&n.remove(),this._button&&(this._button.className=this.getSwitchClasses()),this._syncSwitchAccessibility()}_syncSwitchAccessibility(){if(!this._button)return;let e=this.getAttribute(`id`)||`mint-switch-${Math.random().toString(36).slice(2,10)}`;this.getAttribute(`id`)||this.setAttribute(`id`,e),this._button.id=`${e}-control`,this._button.setAttribute(`aria-invalid`,String(this.hasError()));let t=(this.getAttribute(`aria-describedby`)||``).split(/\s+/).filter(Boolean),n=this.querySelector(`.mint-switch-info`),r=this.querySelector(`.mint-switch-error`);n&&(n.id=`${e}-info`,t.push(n.id)),r&&(r.id=`${e}-error`,t.push(r.id)),t.length?this._button.setAttribute(`aria-describedby`,Array.from(new Set(t)).join(` `)):this._button.removeAttribute(`aria-describedby`)}};customElements.get(`mint-switch`)||e.t(`mint-switch`,t),module.exports=t;

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

@@ -1,3 +1 @@
-import './Switch';
-export { default } from './Switch';
-//# sourceMappingURL=index.d.ts.map
+export { default, MintSwitch } from './Switch'

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

@@ -1 +1,10 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.ts"],"names":[],"mappings":"AAEA,OAAO,UAAU,CAAA;AAGjB,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}
+{
+  "version": 3,
+  "file": "index.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "index.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/switch/index.js

@@ -0,0 +1,191 @@
+import '../../theme.css'
+import '../../icon.css'
+import '../../switch.css'
+import "../chunks/icon-gQAtsERy.js";
+import { t as e } from "../chunks/register-element-BFYmIynH.js";
+import "../chunks/icon-C0OLmjDY.js";
+//#region src/components/switch/Switch.js
+var t = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"checked",
+			"disabled",
+			"label",
+			"icon",
+			"info",
+			"error",
+			"error-message",
+			"loading"
+		];
+	}
+	_button = null;
+	_checked = !1;
+	_hasUserToggled = !1;
+	constructor() {
+		super();
+	}
+	connectedCallback() {
+		this.classList.add("mint-switch"), this._checked = this.getAttribute("checked") === "true", this.render();
+	}
+	_getSwitchContainer() {
+		let e = this.querySelector(".mint-switch-container");
+		return e || (e = document.createElement("div"), e.className = "mint-switch-container", this.insertBefore(e, this.firstChild)), e;
+	}
+	disconnectedCallback() {
+		this.removeEventListeners();
+	}
+	isLoading() {
+		return this.getAttribute("loading") === "true";
+	}
+	attributeChangedCallback(e, t, n) {
+		if (e === "checked" && (this._checked = n === "true"), t !== n) {
+			if (e === "error" || e === "error-message") {
+				this._renderErrorState(), this._syncSwitchAccessibility();
+				return;
+			}
+			if (e === "loading") {
+				this.render();
+				return;
+			}
+			this.render();
+		}
+	}
+	get checked() {
+		try {
+			return this._checked || !1;
+		} catch {
+			return !1;
+		}
+	}
+	set checked(e) {
+		try {
+			e ? this.setAttribute("checked", "true") : this.setAttribute("checked", "false"), this._checked = !!e, this.render();
+		} catch {}
+	}
+	isDisabled() {
+		return this.getAttribute("disabled") === "true";
+	}
+	getLabel() {
+		return this.getAttribute("label") || "";
+	}
+	getInfo() {
+		return this.getAttribute("info") || "";
+	}
+	getIcon() {
+		return this.getAttribute("icon") || "";
+	}
+	hasIcon() {
+		return !!this.getIcon();
+	}
+	hasError() {
+		return this.getAttribute("error") === "true";
+	}
+	getErrorMessage() {
+		return this.getAttribute("error-message") || "";
+	}
+	getSwitchClasses() {
+		return "mint-switch-control";
+	}
+	getThumbClasses() {
+		return [
+			"mint-switch-thumb",
+			this._checked ? "mint-switch-thumb-checked" : "",
+			this._hasUserToggled ? "mint-switch-thumb-animated" : ""
+		].filter(Boolean).join(" ");
+	}
+	getIconClasses() {
+		return "mint-switch-icon";
+	}
+	render() {
+		let e = this.isLoading();
+		this.setAttribute("aria-busy", String(e));
+		let t = this.getSwitchClasses(), n = this.getThumbClasses(), r = this.getLabel(), i = this.getInfo(), a = this.getIcon(), o = this.getAttribute("id") || `mint-switch-${Math.random().toString(36).substr(2, 9)}`;
+		this.getAttribute("id") || this.setAttribute("id", o);
+		let s = this._getSwitchContainer();
+		this._button ? this._button.parentElement !== s && s.appendChild(this._button) : (this._button = document.createElement("button"), s.appendChild(this._button), this.setupEventListeners());
+		let c = s.querySelector(".mint-switch-label");
+		r ? (c || (c = document.createElement("label"), c.className = "mint-switch-label", this._button && this._button.parentElement === s ? s.insertBefore(c, this._button.nextSibling) : s.appendChild(c)), c.textContent = r, c.setAttribute("for", `${o}-control`), this.isDisabled() ? c.classList.add("mint-switch-disabled") : c.classList.remove("mint-switch-disabled")) : c && c.remove(), this._button.className = t, this._button.disabled = this.isDisabled(), this._button.id = `${o}-control`, this._button.setAttribute("aria-checked", String(this._checked)), this._button.setAttribute("aria-label", r || "Toggle switch"), this._button.setAttribute("role", "switch"), this._button.type = "button";
+		let l = this._button.querySelector("span");
+		l || (l = document.createElement("span"), this._button.appendChild(l)), l.className = n;
+		let u = l.querySelector("span");
+		if (a) {
+			let e = u;
+			e || (e = document.createElement("span"), e.className = this.getIconClasses(), l.appendChild(e));
+			let t = e.querySelector("mint-icon");
+			t || (t = document.createElement("mint-icon"), e.appendChild(t)), t.setAttribute("name", a);
+		} else u && u.remove();
+		let d = this.querySelector(".mint-switch-info");
+		i ? (d || (d = document.createElement("span"), d.className = "mint-switch-info", s && s.parentElement === this ? this.insertBefore(d, s.nextSibling) : this.appendChild(d)), d.textContent = i, this.isDisabled() ? d.classList.add("mint-switch-disabled") : d.classList.remove("mint-switch-disabled")) : d && d.remove(), this._renderErrorState(), this._syncSwitchAccessibility(), this._renderSkeleton(e);
+	}
+	setupEventListeners() {
+		this._button && this._button.addEventListener("click", this.handleToggle.bind(this));
+	}
+	removeEventListeners() {
+		this._button && this._button.removeEventListener("click", this.handleToggle.bind(this));
+	}
+	handleToggle(e) {
+		if (!this.isDisabled()) {
+			this._hasUserToggled = !0, this.checked = !this._checked;
+			let e = new Event("input", {
+				bubbles: !0,
+				cancelable: !0,
+				composed: !0
+			});
+			this.dispatchEvent(e), this.dispatchEvent(new CustomEvent("input", {
+				detail: { checked: this._checked },
+				bubbles: !0,
+				cancelable: !0,
+				composed: !0
+			})), 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
+			}));
+		}
+	}
+	_renderSkeleton(e) {
+		let t = this._getSwitchContainer(), n = this.getLabel(), r = this.getInfo(), i = t.querySelector(".mint-switch-skeleton-container"), a = this.querySelector(".mint-switch-info-skeleton");
+		if (e) {
+			t.classList.add("mint-switch-container-loading"), i || (i = document.createElement("div"), i.className = "mint-switch-skeleton-container", t.appendChild(i));
+			let e = i.querySelector(".mint-switch-skeleton-box");
+			if (e || (e = document.createElement("div"), e.className = "mint-switch-skeleton-box", i.appendChild(e)), n) {
+				let e = i.querySelector(".mint-switch-skeleton-label");
+				e || (e = document.createElement("div"), e.className = "mint-switch-skeleton-label", i.appendChild(e));
+			} else {
+				let e = i.querySelector(".mint-switch-skeleton-label");
+				e && e.remove();
+			}
+			i.style.display = "flex", this._button && (this._button.style.visibility = "hidden", this._button.style.pointerEvents = "none");
+			let o = t.querySelector(".mint-switch-label");
+			if (o && (o.style.visibility = "hidden", o.style.pointerEvents = "none"), r) {
+				a || (a = document.createElement("div"), a.className = "mint-switch-info-skeleton", t && t.parentElement === this ? this.insertBefore(a, t.nextSibling) : this.appendChild(a)), a.style.display = "block";
+				let e = this.querySelector(".mint-switch-info");
+				e && (e.style.display = "none");
+			} else a && (a.style.display = "none");
+		} else {
+			i && (i.style.display = "none"), t.classList.remove("mint-switch-container-loading"), a && (a.style.display = "none"), this._button && (this._button.style.visibility = "visible", this._button.style.pointerEvents = "auto");
+			let e = t.querySelector(".mint-switch-label");
+			e && (e.style.visibility = "visible", e.style.pointerEvents = "auto");
+			let n = this.querySelector(".mint-switch-info");
+			n && (n.style.display = "");
+		}
+	}
+	_renderErrorState() {
+		let e = this.hasError(), t = this.getErrorMessage(), n = this.querySelector(".mint-switch-error");
+		e && t ? (n || (n = document.createElement("div"), n.className = "mint-switch-error", this.appendChild(n)), n.textContent = t) : n && n.remove(), this._button && (this._button.className = this.getSwitchClasses()), this._syncSwitchAccessibility();
+	}
+	_syncSwitchAccessibility() {
+		if (!this._button) return;
+		let e = this.getAttribute("id") || `mint-switch-${Math.random().toString(36).slice(2, 10)}`;
+		this.getAttribute("id") || this.setAttribute("id", e), this._button.id = `${e}-control`, this._button.setAttribute("aria-invalid", String(this.hasError()));
+		let t = (this.getAttribute("aria-describedby") || "").split(/\s+/).filter(Boolean), n = this.querySelector(".mint-switch-info"), r = this.querySelector(".mint-switch-error");
+		n && (n.id = `${e}-info`, t.push(n.id)), r && (r.id = `${e}-error`, t.push(r.id)), t.length ? this._button.setAttribute("aria-describedby", Array.from(new Set(t)).join(" ")) : this._button.removeAttribute("aria-describedby");
+	}
+};
+customElements.get("mint-switch") || e("mint-switch", t);
+//#endregion
+export { t as default };

package/dist/components/table/Table.d.ts

@@ -1,11 +1 @@
-declare class MintTable extends HTMLElement {
-    private _observer;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _observeChanges;
-    private _applyStyles;
-    private _restoreCell;
-    private _setClasses;
-}
-export default MintTable;
-//# sourceMappingURL=Table.d.ts.map
+export { MintTable as default, MintTable } from '../../mintui-elements'

package/dist/components/table/Table.d.ts.map

@@ -1 +1,10 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.ts"],"names":[],"mappings":"AAGA,cAAM,SAAU,SAAQ,WAAW;IACjC,OAAO,CAAC,SAAS,CAAgC;IAEjD,iBAAiB,IAAI,IAAI;IAoCzB,oBAAoB,IAAI,IAAI;IAO5B,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,YAAY;IA6LpB,OAAO,CAAC,YAAY;IAqBpB,OAAO,CAAC,WAAW;CAIpB;AAMD,eAAe,SAAS,CAAA"}
+{
+  "version": 3,
+  "file": "Table.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "Table.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/table/browser.js

@@ -0,0 +1,16 @@
+
+const __mintLoadStyle = (key, url) => {
+  if (typeof document === 'undefined') return
+  const href = new URL(url, import.meta.url).href
+  if ([...document.querySelectorAll('link[rel="stylesheet"]')].some(link => link.href === href)) return
+  if (document.querySelector('style[data-mint-ui-style="' + key + '"]') || document.querySelector('link[data-mint-ui-style="' + key + '"]')) return
+  const link = document.createElement('link')
+  link.rel = 'stylesheet'
+  link.href = href
+  link.dataset.mintUiStyle = key
+  document.head.append(link)
+}
+__mintLoadStyle('theme', '../../theme.css')
+__mintLoadStyle('table', '../../table.css')
+import { t as e } from "../chunks/table-BgboosRK.js";
+export { e as default };

package/dist/components/table/index.cjs

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

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

@@ -1,3 +1 @@
-import './Table';
-export { default } from './Table';
-//# sourceMappingURL=index.d.ts.map
+export { default, MintTable } from './Table'

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

@@ -1 +1,10 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAEhB,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}
+{
+  "version": 3,
+  "file": "index.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "index.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/table/index.js

@@ -0,0 +1,4 @@
+import '../../theme.css'
+import '../../table.css'
+import { t as e } from "../chunks/table-BgboosRK.js";
+export { e as default };

package/dist/components/tabs/Tabs.d.ts

@@ -1,20 +1 @@
-import './TabList';
-import './Tab';
-import './TabContent';
-declare class MintTabs extends HTMLElement {
-    private _tabClickHandler;
-    private _mutationObserver;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): void;
-    initializeActiveTab(): void;
-    hideAllContent(): void;
-    showContent(targetId: string): void;
-    setupEventListeners(): void;
-    removeEventListeners(): void;
-    setupMutationObserver(): void;
-    handleTabClick(event: CustomEvent): void;
-}
-export default MintTabs;
-//# sourceMappingURL=Tabs.d.ts.map
+export { MintTabs as default, MintTabs } from '../../mintui-elements'

package/dist/components/tabs/Tabs.d.ts.map

@@ -1 +1,10 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.ts"],"names":[],"mappings":"AAGA,OAAO,WAAW,CAAA;AAClB,OAAO,OAAO,CAAA;AACd,OAAO,cAAc,CAAA;AAErB,cAAM,QAAS,SAAQ,WAAW;IAChC,OAAO,CAAC,gBAAgB,CAA0C;IAClE,OAAO,CAAC,iBAAiB,CAAgC;;IAMzD,iBAAiB,IAAI,IAAI;IAezB,oBAAoB,IAAI,IAAI;IAQ5B,MAAM,IAAI,IAAI;IA2Cd,mBAAmB,IAAI,IAAI;IA4C3B,cAAc,IAAI,IAAI;IAYtB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAuBnC,mBAAmB,IAAI,IAAI;IAO3B,oBAAoB,IAAI,IAAI;IAO5B,qBAAqB,IAAI,IAAI;IAe7B,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;CA8BzC;AAOD,eAAe,QAAQ,CAAA"}
+{
+  "version": 3,
+  "file": "Tabs.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "Tabs.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}