@mhmo91/schmancy 0.9.27 → 0.10.1

package/dist/{checkbox-VBSenxgb.js → checkbox-1gQOOcja.js}

@@ -1,13 +1,17 @@
-import { t as e } from "./tailwind.mixin-mdQR3BEO.js";
-import { t } from "./decorate-D_utPUsC.js";
-import "./mixins.js";
-import { t as n } from "./tslib.es6-DMzzJKHV.js";
-import { classMap as r } from "lit/directives/class-map.js";
-import { customElement as i, property as a, query as o, state as s } from "lit/decorators.js";
-import { LitElement as c, css as l, html as u, isServer as d, nothing as f } from "lit";
-import { when as p } from "lit/directives/when.js";
+import { s as e } from "./mixins-CL1krSOE.js";
+import { t } from "./decorate-23nYs4Le.js";
+import { classMap as n } from "lit/directives/class-map.js";
+import { customElement as r, property as i, query as a, state as o } from "lit/decorators.js";
+import { LitElement as s, css as c, html as l, isServer as u, nothing as d } from "lit";
+import { when as f } from "lit/directives/when.js";
+function p(e, t, n, r) {
+	var i, a = arguments.length, o = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (i = e[s]) && (o = (a < 3 ? i(o) : a > 3 ? i(t, n, o) : i(t, n)) || o);
+	return a > 3 && o && Object.defineProperty(t, n, o), o;
+}
 var m, h = Symbol("attachableController");
-d || (m = new MutationObserver((e) => {
+u || (m = new MutationObserver((e) => {
 	for (let t of e) t.target[h]?.hostConnected();
 }));
 var g = class {
@@ -41,11 +45,11 @@ var g = class {
 	setCurrentControl(e) {
 		this.onControlChange(this.currentControl, e), this.currentControl = e;
 	}
-}, _ = [
+}, ee = [
 	"focusin",
 	"focusout",
 	"pointerdown"
-], v = class extends c {
+], _ = class extends s {
 	constructor() {
 		super(...arguments), this.visible = !1, this.inward = !1, this.attachableController = new g(this, this.onControlChange.bind(this));
 	}
@@ -71,7 +75,7 @@ var g = class {
 		super.connectedCallback(), this.setAttribute("aria-hidden", "true");
 	}
 	handleEvent(e) {
-		if (!e[y]) {
+		if (!e[v]) {
 			switch (e.type) {
 				default: return;
 				case "focusin":
@@ -80,31 +84,31 @@ var g = class {
 				case "focusout":
 				case "pointerdown": this.visible = !1;
 			}
-			e[y] = !0;
+			e[v] = !0;
 		}
 	}
 	onControlChange(e, t) {
-		if (!d) for (let n of _) e?.removeEventListener(n, this), t?.addEventListener(n, this);
+		if (!u) for (let n of ee) e?.removeEventListener(n, this), t?.addEventListener(n, this);
 	}
 	update(e) {
 		e.has("visible") && this.dispatchEvent(new Event("visibility-changed")), super.update(e);
 	}
 };
-n([a({
+p([i({
 	type: Boolean,
 	reflect: !0
-})], v.prototype, "visible", void 0), n([a({
+})], _.prototype, "visible", void 0), p([i({
 	type: Boolean,
 	reflect: !0
-})], v.prototype, "inward", void 0);
-var y = Symbol("handledByFocusRing"), b = l`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
-`, x = class extends v {};
-x.styles = [b], x = n([i("md-focus-ring")], x);
-var S, C = "cubic-bezier(0.2, 0, 0, 1)";
+})], _.prototype, "inward", void 0);
+var v = Symbol("handledByFocusRing"), y = c`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
+`, b = class extends _ {};
+b.styles = [y], b = p([r("md-focus-ring")], b);
+var x, S = "cubic-bezier(0.2, 0, 0, 1)";
 (function(e) {
 	e[e.INACTIVE = 0] = "INACTIVE", e[e.TOUCH_DELAY = 1] = "TOUCH_DELAY", e[e.HOLDING = 2] = "HOLDING", e[e.WAITING_FOR_CLICK = 3] = "WAITING_FOR_CLICK";
-})(S ||= {});
-var w = [
+})(x ||= {});
+var C = [
 	"click",
 	"contextmenu",
 	"pointercancel",
@@ -112,9 +116,9 @@ var w = [
 	"pointerenter",
 	"pointerleave",
 	"pointerup"
-], T = d ? null : window.matchMedia("(forced-colors: active)"), E = class extends c {
+], w = u ? null : window.matchMedia("(forced-colors: active)"), T = class extends s {
 	constructor() {
-		super(...arguments), this.disabled = !1, this.hovered = !1, this.pressed = !1, this.rippleSize = "", this.rippleScale = "", this.initialSize = 0, this.state = S.INACTIVE, this.attachableController = new g(this, this.onControlChange.bind(this));
+		super(...arguments), this.disabled = !1, this.hovered = !1, this.pressed = !1, this.rippleSize = "", this.rippleScale = "", this.initialSize = 0, this.state = x.INACTIVE, this.attachableController = new g(this, this.onControlChange.bind(this));
 	}
 	get htmlFor() {
 		return this.attachableController.htmlFor;
@@ -138,7 +142,7 @@ var w = [
 		super.connectedCallback(), this.setAttribute("aria-hidden", "true");
 	}
 	render() {
-		return u`<div class="surface ${r({
+		return l`<div class="surface ${n({
 			hovered: this.hovered,
 			pressed: this.pressed
 		})}"></div>`;
@@ -150,24 +154,24 @@ var w = [
 		this.shouldReactToEvent(e) && (this.hovered = !0);
 	}
 	handlePointerleave(e) {
-		this.shouldReactToEvent(e) && (this.hovered = !1, this.state !== S.INACTIVE && this.endPressAnimation());
+		this.shouldReactToEvent(e) && (this.hovered = !1, this.state !== x.INACTIVE && this.endPressAnimation());
 	}
 	handlePointerup(e) {
 		if (this.shouldReactToEvent(e)) {
-			if (this.state !== S.HOLDING) return this.state === S.TOUCH_DELAY ? (this.state = S.WAITING_FOR_CLICK, void this.startPressAnimation(this.rippleStartEvent)) : void 0;
-			this.state = S.WAITING_FOR_CLICK;
+			if (this.state !== x.HOLDING) return this.state === x.TOUCH_DELAY ? (this.state = x.WAITING_FOR_CLICK, void this.startPressAnimation(this.rippleStartEvent)) : void 0;
+			this.state = x.WAITING_FOR_CLICK;
 		}
 	}
 	async handlePointerdown(e) {
 		if (this.shouldReactToEvent(e)) {
-			if (this.rippleStartEvent = e, !this.isTouch(e)) return this.state = S.WAITING_FOR_CLICK, void this.startPressAnimation(e);
-			this.state = S.TOUCH_DELAY, await new Promise((e) => {
+			if (this.rippleStartEvent = e, !this.isTouch(e)) return this.state = x.WAITING_FOR_CLICK, void this.startPressAnimation(e);
+			this.state = x.TOUCH_DELAY, await new Promise((e) => {
 				setTimeout(e, 150);
-			}), this.state === S.TOUCH_DELAY && (this.state = S.HOLDING, this.startPressAnimation(e));
+			}), this.state === x.TOUCH_DELAY && (this.state = x.HOLDING, this.startPressAnimation(e));
 		}
 	}
 	handleClick() {
-		this.disabled || (this.state === S.WAITING_FOR_CLICK ? this.endPressAnimation() : this.state === S.INACTIVE && (this.startPressAnimation(), this.endPressAnimation()));
+		this.disabled || (this.state === x.WAITING_FOR_CLICK ? this.endPressAnimation() : this.state === x.INACTIVE && (this.startPressAnimation(), this.endPressAnimation()));
 	}
 	handlePointercancel(e) {
 		this.shouldReactToEvent(e) && this.endPressAnimation();
@@ -217,12 +221,12 @@ var w = [
 		}, {
 			pseudoElement: "::after",
 			duration: 450,
-			easing: C,
+			easing: S,
 			fill: "forwards"
 		});
 	}
 	async endPressAnimation() {
-		this.rippleStartEvent = void 0, this.state = S.INACTIVE;
+		this.rippleStartEvent = void 0, this.state = x.INACTIVE;
 		let e = this.growAnimation, t = Infinity;
 		typeof e?.currentTime == "number" ? t = e.currentTime : e?.currentTime && (t = e.currentTime.to("ms").value), t >= 225 ? this.pressed = !1 : (await new Promise((e) => {
 			setTimeout(e, 225 - t);
@@ -238,7 +242,7 @@ var w = [
 		return e === "touch";
 	}
 	async handleEvent(e) {
-		if (!T?.matches) switch (e.type) {
+		if (!w?.matches) switch (e.type) {
 			case "click":
 				this.handleClick();
 				break;
@@ -261,31 +265,31 @@ var w = [
 		}
 	}
 	onControlChange(e, t) {
-		if (!d) for (let n of w) e?.removeEventListener(n, this), t?.addEventListener(n, this);
+		if (!u) for (let n of C) e?.removeEventListener(n, this), t?.addEventListener(n, this);
 	}
 };
-n([a({
+p([i({
 	type: Boolean,
 	reflect: !0
-})], E.prototype, "disabled", void 0), n([s()], E.prototype, "hovered", void 0), n([s()], E.prototype, "pressed", void 0), n([o(".surface")], E.prototype, "mdRoot", void 0);
-var D = l`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}
-`, O = class extends E {};
-O.styles = [D], O = n([i("md-ripple")], O);
-var k = /* @__PURE__ */ "role.ariaAtomic.ariaAutoComplete.ariaBusy.ariaChecked.ariaColCount.ariaColIndex.ariaColSpan.ariaCurrent.ariaDisabled.ariaExpanded.ariaHasPopup.ariaHidden.ariaInvalid.ariaKeyShortcuts.ariaLabel.ariaLevel.ariaLive.ariaModal.ariaMultiLine.ariaMultiSelectable.ariaOrientation.ariaPlaceholder.ariaPosInSet.ariaPressed.ariaReadOnly.ariaRequired.ariaRoleDescription.ariaRowCount.ariaRowIndex.ariaRowSpan.ariaSelected.ariaSetSize.ariaSort.ariaValueMax.ariaValueMin.ariaValueNow.ariaValueText".split("."), A = k.map(M);
-function j(e) {
-	return A.includes(e);
+})], T.prototype, "disabled", void 0), p([o()], T.prototype, "hovered", void 0), p([o()], T.prototype, "pressed", void 0), p([a(".surface")], T.prototype, "mdRoot", void 0);
+var E = c`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}
+`, D = class extends T {};
+D.styles = [E], D = p([r("md-ripple")], D);
+var O = /* @__PURE__ */ "role.ariaAtomic.ariaAutoComplete.ariaBusy.ariaChecked.ariaColCount.ariaColIndex.ariaColSpan.ariaCurrent.ariaDisabled.ariaExpanded.ariaHasPopup.ariaHidden.ariaInvalid.ariaKeyShortcuts.ariaLabel.ariaLevel.ariaLive.ariaModal.ariaMultiLine.ariaMultiSelectable.ariaOrientation.ariaPlaceholder.ariaPosInSet.ariaPressed.ariaReadOnly.ariaRequired.ariaRoleDescription.ariaRowCount.ariaRowIndex.ariaRowSpan.ariaSelected.ariaSetSize.ariaSort.ariaValueMax.ariaValueMin.ariaValueNow.ariaValueText".split("."), k = O.map(j);
+function A(e) {
+	return k.includes(e);
 }
-function M(e) {
+function j(e) {
 	return e.replace("aria", "aria-").replace(/Elements?/g, "").toLowerCase();
 }
-var N = Symbol("privateIgnoreAttributeChangesFor");
-function P(e) {
+var M = Symbol("privateIgnoreAttributeChangesFor");
+function N(e) {
 	return `data-${e}`;
 }
-function F(e) {
+function P(e) {
 	return e.replace(/-\w/, (e) => e[1].toUpperCase());
 }
-function ee(e) {
+function F(e) {
 	return e.currentTarget === e.target && e.composedPath()[0] === e.target && !e.target.disabled && !function(e) {
 		let t = I;
 		return t && (e.preventDefault(), e.stopImmediatePropagation()), async function() {
@@ -338,28 +342,28 @@ var I = !1, L = Symbol("internals"), R = Symbol("privateInternals"), z = Symbol(
 	}
 }, Y = function(e) {
 	var t;
-	if (d) return e;
+	if (u) return e;
 	class n extends e {
 		constructor() {
 			super(...arguments), this[t] = /* @__PURE__ */ new Set();
 		}
 		attributeChangedCallback(e, t, n) {
-			if (!j(e)) return void super.attributeChangedCallback(e, t, n);
-			if (this[N].has(e)) return;
-			this[N].add(e), this.removeAttribute(e), this[N].delete(e);
-			let r = F(e);
-			n === null ? delete this.dataset[r] : this.dataset[r] = n, this.requestUpdate(F(e), t);
+			if (!A(e)) return void super.attributeChangedCallback(e, t, n);
+			if (this[M].has(e)) return;
+			this[M].add(e), this.removeAttribute(e), this[M].delete(e);
+			let r = P(e);
+			n === null ? delete this.dataset[r] : this.dataset[r] = n, this.requestUpdate(P(e), t);
 		}
 		getAttribute(e) {
-			return j(e) ? super.getAttribute(P(e)) : super.getAttribute(e);
+			return A(e) ? super.getAttribute(N(e)) : super.getAttribute(e);
 		}
 		removeAttribute(e) {
-			super.removeAttribute(e), j(e) && (super.removeAttribute(P(e)), this.requestUpdate());
+			super.removeAttribute(e), A(e) && (super.removeAttribute(N(e)), this.requestUpdate());
 		}
 	}
-	return t = N, function(e) {
-		for (let t of k) {
-			let n = M(t), r = P(n), i = F(n);
+	return t = M, function(e) {
+		for (let t of O) {
+			let n = j(t), r = N(n), i = P(n);
 			e.createProperty(t, {
 				attribute: n,
 				noAccessor: !0
@@ -410,7 +414,7 @@ var I = !1, L = Symbol("internals"), R = Symbol("privateInternals"), z = Symbol(
 			super.firstUpdated(e), this[H]();
 		}
 		[(t = U, H)]() {
-			if (d) return;
+			if (u) return;
 			this[V] || (this[V] = this[z]());
 			let { validity: e, validationMessage: t } = this[V].getValidity(), n = !!this[U], r = this[U] || t;
 			this[L].setValidity({
@@ -467,18 +471,18 @@ var I = !1, L = Symbol("internals"), R = Symbol("privateInternals"), z = Symbol(
 			this.disabled = e;
 		}
 	}
-	return t.formAssociated = !0, n([a({ noAccessor: !0 })], t.prototype, "name", null), n([a({
+	return t.formAssociated = !0, p([i({ noAccessor: !0 })], t.prototype, "name", null), p([i({
 		type: Boolean,
 		noAccessor: !0
 	})], t.prototype, "disabled", null), t;
-}((K = c, class extends K {
+}((K = s, class extends K {
 	get [L]() {
 		return this[R] || (this[R] = this.attachInternals()), this[R];
 	}
 })))), X = class extends Y {
 	constructor() {
-		super(), this.checked = !1, this.indeterminate = !1, this.required = !1, this.value = "on", this.prevChecked = !1, this.prevDisabled = !1, this.prevIndeterminate = !1, d || this.addEventListener("click", (e) => {
-			ee(e) && this.input && (this.focus(), function(e) {
+		super(), this.checked = !1, this.indeterminate = !1, this.required = !1, this.value = "on", this.prevChecked = !1, this.prevDisabled = !1, this.prevIndeterminate = !1, u || this.addEventListener("click", (e) => {
+			F(e) && this.input && (this.focus(), function(e) {
 				let t = new MouseEvent("click", { bubbles: !0 });
 				e.dispatchEvent(t);
 			}(this.input));
@@ -488,7 +492,7 @@ var I = !1, L = Symbol("internals"), R = Symbol("privateInternals"), z = Symbol(
 		(e.has("checked") || e.has("disabled") || e.has("indeterminate")) && (this.prevChecked = e.get("checked") ?? this.checked, this.prevDisabled = e.get("disabled") ?? this.disabled, this.prevIndeterminate = e.get("indeterminate") ?? this.indeterminate), super.update(e);
 	}
 	render() {
-		let e = !this.prevChecked && !this.prevIndeterminate, t = this.prevChecked && !this.prevIndeterminate, n = this.prevIndeterminate, i = this.checked && !this.indeterminate, a = this.indeterminate, o = r({
+		let e = !this.prevChecked && !this.prevIndeterminate, t = this.prevChecked && !this.prevIndeterminate, r = this.prevIndeterminate, i = this.checked && !this.indeterminate, a = this.indeterminate, o = n({
 			disabled: this.disabled,
 			selected: i || a,
 			unselected: !i && !a,
@@ -496,17 +500,17 @@ var I = !1, L = Symbol("internals"), R = Symbol("privateInternals"), z = Symbol(
 			indeterminate: a,
 			"prev-unselected": e,
 			"prev-checked": t,
-			"prev-indeterminate": n,
+			"prev-indeterminate": r,
 			"prev-disabled": this.prevDisabled
 		}), { ariaLabel: s, ariaInvalid: c } = this;
-		return u`
+		return l`
       <div class="container ${o}">
         <input
           type="checkbox"
           id="input"
-          aria-checked=${a ? "mixed" : f}
-          aria-label=${s || f}
-          aria-invalid=${c || f}
+          aria-checked=${a ? "mixed" : d}
+          aria-label=${s || d}
+          aria-invalid=${c || d}
           ?disabled=${this.disabled}
           ?required=${this.required}
           .indeterminate=${this.indeterminate}
@@ -556,16 +560,16 @@ var I = !1, L = Symbol("internals"), R = Symbol("privateInternals"), z = Symbol(
 	}
 };
 X.shadowRootOptions = {
-	...c.shadowRootOptions,
+	...s.shadowRootOptions,
 	delegatesFocus: !0
-}, n([a({ type: Boolean })], X.prototype, "checked", void 0), n([a({ type: Boolean })], X.prototype, "indeterminate", void 0), n([a({ type: Boolean })], X.prototype, "required", void 0), n([a()], X.prototype, "value", void 0), n([s()], X.prototype, "prevChecked", void 0), n([s()], X.prototype, "prevDisabled", void 0), n([s()], X.prototype, "prevIndeterminate", void 0), n([o("input")], X.prototype, "input", void 0);
-var Z = l`:host{border-start-start-radius:var(--md-checkbox-container-shape-start-start, var(--md-checkbox-container-shape, 2px));border-start-end-radius:var(--md-checkbox-container-shape-start-end, var(--md-checkbox-container-shape, 2px));border-end-end-radius:var(--md-checkbox-container-shape-end-end, var(--md-checkbox-container-shape, 2px));border-end-start-radius:var(--md-checkbox-container-shape-end-start, var(--md-checkbox-container-shape, 2px));display:inline-flex;height:var(--md-checkbox-container-size, 18px);position:relative;vertical-align:top;width:var(--md-checkbox-container-size, 18px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-checkbox-container-size, 18px))/2)}md-focus-ring{height:44px;inset:unset;width:44px}input{appearance:none;height:48px;margin:0;opacity:0;outline:none;position:absolute;width:48px;z-index:1;cursor:inherit}:host([touch-target=none]) input{height:100%;width:100%}.container{border-radius:inherit;display:flex;height:100%;place-content:center;place-items:center;position:relative;width:100%}.outline,.background,.icon{inset:0;position:absolute}.outline,.background{border-radius:inherit}.outline{border-color:var(--md-checkbox-outline-color, var(--md-sys-color-on-surface-variant, #49454f));border-style:solid;border-width:var(--md-checkbox-outline-width, 2px);box-sizing:border-box}.background{background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}:where(.selected) :is(.background,.icon){opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-ripple{border-radius:var(--md-checkbox-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-checkbox-state-layer-size, 40px);inset:unset;width:var(--md-checkbox-state-layer-size, 40px);--md-ripple-hover-color: var(--md-checkbox-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-checkbox-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-checkbox-pressed-state-layer-opacity, 0.12)}.selected md-ripple{--md-ripple-hover-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12)}.icon{fill:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));height:var(--md-checkbox-icon-size, 18px);width:var(--md-checkbox-icon-size, 18px)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}:where(:hover) .outline{border-color:var(--md-checkbox-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-hover-outline-width, 2px)}:where(:hover) .background{background:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}:where(:hover) .icon{fill:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:focus-within) .outline{border-color:var(--md-checkbox-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-focus-outline-width, 2px)}:where(:focus-within) .background{background:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}:where(:focus-within) .icon{fill:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:active) .outline{border-color:var(--md-checkbox-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-pressed-outline-width, 2px)}:where(:active) .background{background:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}:where(:active) .icon{fill:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}:where(.disabled,.prev-disabled) :is(.background,.icon,.mark){animation-duration:0s;transition-duration:0s}:where(.disabled) .outline{border-color:var(--md-checkbox-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-disabled-outline-width, 2px);opacity:var(--md-checkbox-disabled-container-opacity, 0.38)}:where(.selected.disabled) .outline{visibility:hidden}:where(.selected.disabled) .background{background:var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-checkbox-selected-disabled-container-opacity, 0.38)}:where(.disabled) .icon{fill:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff))}@media(forced-colors: active){.background{background-color:CanvasText}.selected.disabled .background{background-color:GrayText;opacity:1}.outline{border-color:CanvasText}.disabled .outline{border-color:GrayText;opacity:1}.icon{fill:Canvas}}
+}, p([i({ type: Boolean })], X.prototype, "checked", void 0), p([i({ type: Boolean })], X.prototype, "indeterminate", void 0), p([i({ type: Boolean })], X.prototype, "required", void 0), p([i()], X.prototype, "value", void 0), p([o()], X.prototype, "prevChecked", void 0), p([o()], X.prototype, "prevDisabled", void 0), p([o()], X.prototype, "prevIndeterminate", void 0), p([a("input")], X.prototype, "input", void 0);
+var Z = c`:host{border-start-start-radius:var(--md-checkbox-container-shape-start-start, var(--md-checkbox-container-shape, 2px));border-start-end-radius:var(--md-checkbox-container-shape-start-end, var(--md-checkbox-container-shape, 2px));border-end-end-radius:var(--md-checkbox-container-shape-end-end, var(--md-checkbox-container-shape, 2px));border-end-start-radius:var(--md-checkbox-container-shape-end-start, var(--md-checkbox-container-shape, 2px));display:inline-flex;height:var(--md-checkbox-container-size, 18px);position:relative;vertical-align:top;width:var(--md-checkbox-container-size, 18px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-checkbox-container-size, 18px))/2)}md-focus-ring{height:44px;inset:unset;width:44px}input{appearance:none;height:48px;margin:0;opacity:0;outline:none;position:absolute;width:48px;z-index:1;cursor:inherit}:host([touch-target=none]) input{height:100%;width:100%}.container{border-radius:inherit;display:flex;height:100%;place-content:center;place-items:center;position:relative;width:100%}.outline,.background,.icon{inset:0;position:absolute}.outline,.background{border-radius:inherit}.outline{border-color:var(--md-checkbox-outline-color, var(--md-sys-color-on-surface-variant, #49454f));border-style:solid;border-width:var(--md-checkbox-outline-width, 2px);box-sizing:border-box}.background{background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}:where(.selected) :is(.background,.icon){opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-ripple{border-radius:var(--md-checkbox-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-checkbox-state-layer-size, 40px);inset:unset;width:var(--md-checkbox-state-layer-size, 40px);--md-ripple-hover-color: var(--md-checkbox-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-checkbox-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-checkbox-pressed-state-layer-opacity, 0.12)}.selected md-ripple{--md-ripple-hover-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12)}.icon{fill:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));height:var(--md-checkbox-icon-size, 18px);width:var(--md-checkbox-icon-size, 18px)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}:where(:hover) .outline{border-color:var(--md-checkbox-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-hover-outline-width, 2px)}:where(:hover) .background{background:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}:where(:hover) .icon{fill:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:focus-within) .outline{border-color:var(--md-checkbox-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-focus-outline-width, 2px)}:where(:focus-within) .background{background:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}:where(:focus-within) .icon{fill:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:active) .outline{border-color:var(--md-checkbox-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-pressed-outline-width, 2px)}:where(:active) .background{background:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}:where(:active) .icon{fill:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}:where(.disabled,.prev-disabled) :is(.background,.icon,.mark){animation-duration:0s;transition-duration:0s}:where(.disabled) .outline{border-color:var(--md-checkbox-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-disabled-outline-width, 2px);opacity:var(--md-checkbox-disabled-container-opacity, 0.38)}:where(.selected.disabled) .outline{visibility:hidden}:where(.selected.disabled) .background{background:var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-checkbox-selected-disabled-container-opacity, 0.38)}:where(.disabled) .icon{fill:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff))}@media(forced-colors: active){.background{background-color:CanvasText}.selected.disabled .background{background-color:GrayText;opacity:1}.outline{border-color:CanvasText}.disabled .outline{border-color:GrayText;opacity:1}.icon{fill:Canvas}}
 `, Q = class extends X {};
-Q.styles = [Z], Q = n([i("md-checkbox")], Q);
-var $ = class extends e() {
+Q.styles = [Z], Q = p([r("md-checkbox")], Q);
+var $ = class extends e {
 	static {
 		this.shadowRootOptions = {
-			...c.shadowRootOptions,
+			...s.shadowRootOptions,
 			delegatesFocus: !0
 		};
 	}
@@ -606,7 +610,7 @@ var $ = class extends e() {
 		return this.internals?.reportValidity() ?? !0;
 	}
 	render() {
-		return u`
+		return l`
 			<label class="grid grid-flow-col items-center space-x-2 w-fit">
 				<md-checkbox
 					.required=${this.required}
@@ -617,13 +621,13 @@ var $ = class extends e() {
 		}}
 				>
 				</md-checkbox>
-				${p(this.label, () => u`<span>${this.label}</span>`, () => u`<slot></slot>`)}
+				${f(this.label, () => l`<span>${this.label}</span>`, () => l`<slot></slot>`)}
 			</label>
 		`;
 	}
 };
-t([a({
+t([i({
 	type: Boolean,
 	reflect: !0
-})], $.prototype, "value", void 0), t([a({ type: Boolean })], $.prototype, "checked", null), t([a({ type: Boolean })], $.prototype, "disabled", void 0), t([a({ type: Boolean })], $.prototype, "required", void 0), t([a({ type: String })], $.prototype, "name", void 0), t([a({ type: String })], $.prototype, "id", void 0), t([a({ type: String })], $.prototype, "label", void 0), t([a({ type: String })], $.prototype, "size", void 0), $ = t([i("schmancy-checkbox")], $);
+})], $.prototype, "value", void 0), t([i({ type: Boolean })], $.prototype, "checked", null), t([i({ type: Boolean })], $.prototype, "disabled", void 0), t([i({ type: Boolean })], $.prototype, "required", void 0), t([i({ type: String })], $.prototype, "name", void 0), t([i({ type: String })], $.prototype, "id", void 0), t([i({ type: String })], $.prototype, "label", void 0), t([i({ type: String })], $.prototype, "size", void 0), $ = t([r("schmancy-checkbox")], $);
 export { $ as t };