monobill-mintui 0.6.612 → 0.6.613

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,41 +1 @@
-import '../icon/index';
-import '../icon/icons/check';
-declare class MintCheckbox extends HTMLElement {
-    static get observedAttributes(): string[];
-    private _checkbox;
-    private _checked;
-    private _clickHandler;
-    private _changeHandler;
-    private _mousedownHandler;
-    private _mouseupHandler;
-    private _mouseleaveHandler;
-    private _touchstartHandler;
-    private _touchendHandler;
-    private _focusHandler;
-    private _blurHandler;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    isLoading(): boolean;
-    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-    get checked(): boolean;
-    set checked(value: boolean);
-    isDisabled(): boolean;
-    getLabel(): string;
-    getInfo(): string;
-    getId(): string;
-    getName(): string;
-    getValue(): string;
-    hasError(): boolean;
-    getErrorMessage(): string;
-    getCheckboxClasses(): string;
-    render(): void;
-    setupEventListeners(): void;
-    removeEventListeners(): void;
-    updateVisualState(): void;
-    toggle(): void;
-    private _renderSkeleton;
-    private _renderErrorState;
-}
-export default MintCheckbox;
-//# sourceMappingURL=Checkbox.d.ts.map
+export { MintCheckbox as default, MintCheckbox } from '../../mintui-elements'

package/dist/components/checkbox/Checkbox.d.ts.map

@@ -1 +1,10 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.ts"],"names":[],"mappings":"AAEA,OAAO,eAAe,CAAA;AACtB,OAAO,qBAAqB,CAAA;AAM5B,cAAM,YAAa,SAAQ,WAAW;IACpC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,aAAa,CAAoC;IACzD,OAAO,CAAC,cAAc,CAAoC;IAC1D,OAAO,CAAC,iBAAiB,CAAoC;IAC7D,OAAO,CAAC,eAAe,CAAoC;IAC3D,OAAO,CAAC,kBAAkB,CAAoC;IAC9D,OAAO,CAAC,kBAAkB,CAAoC;IAC9D,OAAO,CAAC,gBAAgB,CAAoC;IAC5D,OAAO,CAAC,aAAa,CAAyC;IAC9D,OAAO,CAAC,YAAY,CAAyC;;IAO7D,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAI5B,SAAS,IAAI,OAAO;IAKpB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IA2B9F,IAAI,OAAO,IAAI,OAAO,CAMrB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAgBzB;IAED,UAAU,IAAI,OAAO;IAKrB,QAAQ,IAAI,MAAM;IAIlB,OAAO,IAAI,MAAM;IAIjB,KAAK,IAAI,MAAM;IAIf,OAAO,IAAI,MAAM;IAIjB,QAAQ,IAAI,MAAM;IAIlB,QAAQ,IAAI,OAAO;IAKnB,eAAe,IAAI,MAAM;IAIzB,kBAAkB,IAAI,MAAM;IAyC5B,MAAM,IAAI,IAAI;IA+Md,mBAAmB,IAAI,IAAI;IAmJ3B,oBAAoB,IAAI,IAAI;IA+C5B,iBAAiB,IAAI,IAAI;IAmBzB,MAAM,IAAI,IAAI;IAgCd,OAAO,CAAC,eAAe;IAqEvB,OAAO,CAAC,iBAAiB;CAiD1B;AAOD,eAAe,YAAY,CAAA"}
+{
+  "version": 3,
+  "file": "Checkbox.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "Checkbox.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/checkbox/browser.js

@@ -0,0 +1,162 @@
+
+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('checkbox', '../../checkbox.css')
+import { a as e } from "../chunks/icon-gQAtsERy.js";
+import { t } from "../chunks/register-element-BFYmIynH.js";
+import "../chunks/icon-C0OLmjDY.js";
+e({
+	name: "check",
+	viewBox: "0 0 24 24",
+	path: "M5 13l4 4L19 7",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "3.2"
+});
+//#endregion
+//#region src/components/checkbox/Checkbox.js
+var n = 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() {
+		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() {
+		return "mint-checkbox-control";
+	}
+	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 = "mint-input-overlay", 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 = "mint-checkbox-check", 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", this.appendChild(c));
+			let r = c.querySelector(".mint-checkbox-label");
+			e ? (r || (r = document.createElement("span"), r.className = "mint-checkbox-label", c.insertBefore(r, c.firstChild)), r.textContent = e, n ? r.style.opacity = "0.5" : r.style.opacity = "") : r && r.remove();
+			let i = c.querySelector(".mint-checkbox-info");
+			if (t ? (i || (i = document.createElement("span"), i.className = "mint-checkbox-info", c.appendChild(i)), i.textContent = t, n ? i.style.opacity = "0.5" : i.style.opacity = "") : 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 = "var(--mint-color-primary)", t.style.boxShadow = "inset 0 2px 4px rgba(0, 0, 0, 0.3)") : (t.style.backgroundColor = "var(--mint-color-surface-hover)", t.style.boxShadow = "inset 0 2px 4px rgba(0, 0, 0, 0.1)"));
+		}, 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 = "var(--mint-color-primary)", t.style.boxShadow = "inset 0 2px 4px rgba(0, 0, 0, 0.3)") : (t.style.backgroundColor = "var(--mint-color-surface-hover)", t.style.boxShadow = "inset 0 2px 4px rgba(0, 0, 0, 0.1)"));
+		}, 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);
+		}
+	}
+};
+typeof customElements < "u" && !customElements.get("mint-checkbox") && t("mint-checkbox", n);
+//#endregion
+export { n as default };

package/dist/components/checkbox/index.cjs

@@ -0,0 +1 @@
+const e=require(`../chunks/icon-dG8sLTBn.js`),t=require(`../chunks/register-element-tCL_F1YI.js`);require(`../chunks/icon-CyzR9aVl.js`),e.a({name:`check`,viewBox:`0 0 24 24`,path:`M5 13l4 4L19 7`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`3.2`});var n=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(){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(){return`mint-checkbox-control`}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=`mint-input-overlay`,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=`mint-checkbox-check`,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`,this.appendChild(c));let r=c.querySelector(`.mint-checkbox-label`);e?(r||(r=document.createElement(`span`),r.className=`mint-checkbox-label`,c.insertBefore(r,c.firstChild)),r.textContent=e,n?r.style.opacity=`0.5`:r.style.opacity=``):r&&r.remove();let i=c.querySelector(`.mint-checkbox-info`);if(t?(i||(i=document.createElement(`span`),i.className=`mint-checkbox-info`,c.appendChild(i)),i.textContent=t,n?i.style.opacity=`0.5`:i.style.opacity=``):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=`var(--mint-color-primary)`,t.style.boxShadow=`inset 0 2px 4px rgba(0, 0, 0, 0.3)`):(t.style.backgroundColor=`var(--mint-color-surface-hover)`,t.style.boxShadow=`inset 0 2px 4px rgba(0, 0, 0, 0.1)`))},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=`var(--mint-color-primary)`,t.style.boxShadow=`inset 0 2px 4px rgba(0, 0, 0, 0.3)`):(t.style.backgroundColor=`var(--mint-color-surface-hover)`,t.style.boxShadow=`inset 0 2px 4px rgba(0, 0, 0, 0.1)`))},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)}}};typeof customElements<`u`&&!customElements.get(`mint-checkbox`)&&t.t(`mint-checkbox`,n),module.exports=n;

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

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

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

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

package/dist/components/checkbox/index.js

@@ -0,0 +1,150 @@
+import '../../theme.css'
+import '../../icon.css'
+import '../../checkbox.css'
+import { a as e } from "../chunks/icon-gQAtsERy.js";
+import { t } from "../chunks/register-element-BFYmIynH.js";
+import "../chunks/icon-C0OLmjDY.js";
+e({
+	name: "check",
+	viewBox: "0 0 24 24",
+	path: "M5 13l4 4L19 7",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "3.2"
+});
+//#endregion
+//#region src/components/checkbox/Checkbox.js
+var n = 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() {
+		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() {
+		return "mint-checkbox-control";
+	}
+	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 = "mint-input-overlay", 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 = "mint-checkbox-check", 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", this.appendChild(c));
+			let r = c.querySelector(".mint-checkbox-label");
+			e ? (r || (r = document.createElement("span"), r.className = "mint-checkbox-label", c.insertBefore(r, c.firstChild)), r.textContent = e, n ? r.style.opacity = "0.5" : r.style.opacity = "") : r && r.remove();
+			let i = c.querySelector(".mint-checkbox-info");
+			if (t ? (i || (i = document.createElement("span"), i.className = "mint-checkbox-info", c.appendChild(i)), i.textContent = t, n ? i.style.opacity = "0.5" : i.style.opacity = "") : 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 = "var(--mint-color-primary)", t.style.boxShadow = "inset 0 2px 4px rgba(0, 0, 0, 0.3)") : (t.style.backgroundColor = "var(--mint-color-surface-hover)", t.style.boxShadow = "inset 0 2px 4px rgba(0, 0, 0, 0.1)"));
+		}, 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 = "var(--mint-color-primary)", t.style.boxShadow = "inset 0 2px 4px rgba(0, 0, 0, 0.3)") : (t.style.backgroundColor = "var(--mint-color-surface-hover)", t.style.boxShadow = "inset 0 2px 4px rgba(0, 0, 0, 0.1)"));
+		}, 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);
+		}
+	}
+};
+typeof customElements < "u" && !customElements.get("mint-checkbox") && t("mint-checkbox", n);
+//#endregion
+export { n as default };

package/dist/components/chip/Chip.d.ts

@@ -1,16 +1 @@
-import '../icon/index';
-import '../icon/icons/close';
-declare class MintChip extends HTMLElement {
-    static get observedAttributes(): string[];
-    private _root;
-    private _textWrap;
-    private _dismissBtn;
-    private _clickHandler;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(): void;
-    private _render;
-    private _createDismissBtn;
-}
-export default MintChip;
-//# sourceMappingURL=Chip.d.ts.map
+export { MintChip as default, MintChip } from '../../mintui-elements'

package/dist/components/chip/Chip.d.ts.map

@@ -1 +1,10 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/Chip.ts"],"names":[],"mappings":"AAIA,OAAO,eAAe,CAAA;AACtB,OAAO,qBAAqB,CAAA;AAE5B,cAAM,QAAS,SAAQ,WAAW;IAChC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,KAAK,CAA2B;IACxC,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,aAAa,CAAoC;IAEzD,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,IAAI,IAAI;IAM5B,wBAAwB,IAAI,IAAI;IAIhC,OAAO,CAAC,OAAO;IAwDf,OAAO,CAAC,iBAAiB;CAwC1B;AAMD,eAAe,QAAQ,CAAA"}
+{
+  "version": 3,
+  "file": "Chip.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "Chip.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/chip/browser.js

@@ -0,0 +1,17 @@
+
+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('chip', '../../chip.css')
+import { t as e } from "../chunks/chip-B9whjEvW.js";
+export { e as default };

package/dist/components/chip/index.cjs

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

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

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

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

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

package/dist/components/chip/index.js

@@ -0,0 +1,5 @@
+import '../../theme.css'
+import '../../icon.css'
+import '../../chip.css'
+import { t as e } from "../chunks/chip-B9whjEvW.js";
+export { e as default };

package/dist/components/choice/Choice.d.ts

@@ -1,27 +1 @@
-import './ChoiceOption';
-declare class MintChoice extends HTMLElement {
-    static get observedAttributes(): string[];
-    private _optionsContainer;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    isLoading(): boolean;
-    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-    getLabel(): string;
-    getInfo(): string;
-    getName(): string;
-    hasError(): boolean;
-    getErrorMessage(): string;
-    getId(): string;
-    isDisabled(): boolean;
-    isRequired(): boolean;
-    getValue(): string;
-    setValue(value: string): void;
-    get value(): string;
-    set value(newValue: string);
-    render(): void;
-    private _renderSkeleton;
-    private _renderErrorState;
-}
-export default MintChoice;
-//# sourceMappingURL=Choice.d.ts.map
+export { MintChoice as default, MintChoice } from '../../mintui-elements'

package/dist/components/choice/Choice.d.ts.map

@@ -1 +1,10 @@
-{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../src/components/choice/Choice.ts"],"names":[],"mappings":"AAEA,OAAO,gBAAgB,CAAA;AAEvB,cAAM,UAAW,SAAQ,WAAW;IAClC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,iBAAiB,CAA2B;;IAMpD,iBAAiB,IAAI,IAAI;IA6CzB,oBAAoB,IAAI,IAAI;IAI5B,SAAS,IAAI,OAAO;IAIpB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IA8B9F,QAAQ,IAAI,MAAM;IAIlB,OAAO,IAAI,MAAM;IAIjB,OAAO,IAAI,MAAM;IAIjB,QAAQ,IAAI,OAAO;IAKnB,eAAe,IAAI,MAAM;IAIzB,KAAK,IAAI,MAAM;IAIf,UAAU,IAAI,OAAO;IAKrB,UAAU,IAAI,OAAO;IAKrB,QAAQ,IAAI,MAAM;IAKlB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IA4C7B,IAAI,KAAK,IAAI,MAAM,CAMlB;IAED,IAAI,KAAK,CAAC,QAAQ,EAAE,MAAM,EAMzB;IAED,MAAM,IAAI,IAAI;IAgGd,OAAO,CAAC,eAAe;IA+DvB,OAAO,CAAC,iBAAiB;CAgB1B;AAOD,eAAe,UAAU,CAAA"}
+{
+  "version": 3,
+  "file": "Choice.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "Choice.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}