@getmicdrop/venue-calendar 4.3.73 → 4.3.75

package/dist/Input-1RrhLDEl.js

@@ -0,0 +1,313 @@
+import { c as e, d as t, h as n, m as r, p as i, v as a } from "./sizing-B7ixYndz.js";
+import { t as o } from "./ExclamationCircleOutline-D3XbhOwM.js";
+import { b as s } from "./datetime-BYlsFaDk.js";
+import { f as c, n as l, r as u } from "./z-index-CeYVHpUz.js";
+import { t as ee } from "./RequiredIndicator-CYcnRFsA.js";
+import "svelte/internal/disclose-version";
+import * as d from "svelte/internal/client";
+import { onDestroy as te } from "svelte";
+//#region node_modules/@getmicdrop/svelte-components/dist/primitives/Icons/EyeOutline.svelte
+var f = d.from_svg("<svg aria-hidden=\"true\" fill=\"none\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z\"></path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"></path></svg>");
+function ne(e, t) {
+	let n = d.prop(t, "size", 3, "24"), r = d.prop(t, "color", 3, "currentColor"), i = d.prop(t, "class", 3, "");
+	var a = f();
+	d.template_effect(() => {
+		d.set_class(a, 0, d.clsx(i())), d.set_attribute(a, "width", n()), d.set_attribute(a, "height", n()), d.set_attribute(a, "stroke", r());
+	}), d.append(e, a);
+}
+//#endregion
+//#region node_modules/@getmicdrop/svelte-components/dist/primitives/Icons/EyeSlashOutline.svelte
+var p = d.from_svg("<svg aria-hidden=\"true\" fill=\"none\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88\"></path></svg>");
+function re(e, t) {
+	let n = d.prop(t, "size", 3, "24"), r = d.prop(t, "color", 3, "currentColor"), i = d.prop(t, "class", 3, "");
+	var a = p();
+	d.template_effect(() => {
+		d.set_class(a, 0, d.clsx(i())), d.set_attribute(a, "width", n()), d.set_attribute(a, "height", n()), d.set_attribute(a, "stroke", r());
+	}), d.append(e, a);
+}
+//#endregion
+//#region node_modules/@getmicdrop/svelte-components/dist/primitives/Icons/CloseCircleOutline.svelte
+var m = d.from_svg("<svg aria-hidden=\"true\" fill=\"none\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"></path></svg>");
+function ie(e, t) {
+	let n = d.prop(t, "size", 3, "24"), r = d.prop(t, "color", 3, "currentColor"), i = d.prop(t, "class", 3, "");
+	var a = m();
+	d.template_effect(() => {
+		d.set_class(a, 0, d.clsx(i())), d.set_attribute(a, "width", n()), d.set_attribute(a, "height", n()), d.set_attribute(a, "stroke", r());
+	}), d.append(e, a);
+}
+//#endregion
+//#region node_modules/@getmicdrop/svelte-components/dist/utils/phoneShape.js
+function ae(e) {
+	if (!e) return "";
+	if (e.startsWith("+")) return e;
+	let t = e.replace(/\D/g, "");
+	return t.length === 10 ? `+1${t}` : t.length === 11 && t.startsWith("1") ? `+${t}` : e;
+}
+var h = "310", g = 7, oe = 10;
+function se(e) {
+	let t = String(e ?? "").replace(/\D/g, "").slice(0, oe);
+	if (!t) return "";
+	if (t[0] === "1") {
+		let e = t.slice(1);
+		return e ? e[0] === "0" || e[0] === "1" ? t : `1 ${_(e)}` : "1";
+	}
+	return t[0] === "0" ? t : _(t);
+}
+function _(e) {
+	return e.startsWith(h) && e.length <= g ? e.length === 3 ? h : `${h}-${e.slice(3)}` : e.length <= 2 ? e : e.length === 3 ? `(${e})` : e.length <= 6 ? `(${e.slice(0, 3)}) ${e.slice(3)}` : `(${e.slice(0, 3)}) ${e.slice(3, 6)}-${e.slice(6)}`;
+}
+//#endregion
+//#region node_modules/@getmicdrop/svelte-components/dist/primitives/Input/Input.svelte
+var ce = /* @__PURE__ */ new Set(/* @__PURE__ */ "$$slots.$$events.$$legacy.required.disabled.optional.icon.buttonIcon.buttonText.maxlength.minlength.type.placeholder.label.id.name.class.size.textareaSize.errorText.color.helperText.helperIcon.hintText.hintIcon.contentFloat.readonly.tabindex.controlled.onButtonClick.onbuttonclick.value.autocomplete.skipPasswordManagers.autofocus.showPasswordToggle.animateFocus.statusText.statusType.buttonDisabled.inputmode.enterkeyhint.autocapitalize.autocorrect.instantSearch.debounceMs.minSearchChars.showClearButton.onsearch.onfocus.onblur.onkeydown.oninputchange.leftIcon.rightIcon.prefix.prefixInline.transform.labels.data-testid".split(".")), v = d.from_html("<span> </span>"), le = d.from_html("<div class=\"flex justify-start items-center gap-1\"><label> <!></label> <!> <!></div>"), ue = d.from_html("<textarea rows=\"4\"></textarea>"), de = d.from_html("<div><input/> <button type=\"button\" class=\"flex items-center justify-center px-3 tone-muted focus:outline-none\" tabindex=\"-1\"><!></button></div>"), fe = d.from_html("<div class=\"absolute left-3 inset-y-0 flex items-center gap-1.5 tone-muted z-sticky pointer-events-none\"><!> <!></div>"), pe = d.from_html("<div class=\"absolute right-3 inset-y-0 flex items-center tone-muted z-sticky pointer-events-none\"><!></div>"), me = d.from_html("<button type=\"button\" class=\"absolute right-2 top-1/2 -translate-y-1/2 flex items-center justify-center p-1 tone-muted\" tabindex=\"-1\"><!></button>"), he = d.from_html("<img class=\"w-5 h-5\"/>"), ge = d.from_html("<span class=\"type-label\"> </span>"), _e = d.from_html("<button type=\"button\"><!> <!></button>"), ve = d.from_html("<img class=\"absolute inset-y-0 right-0 w-5 h-5 mr-3 top-1/2 transform -translate-y-1/2\"/>"), ye = d.from_html("<div class=\"relative flex items-center w-full\"><!> <!>  <input/> <!> <!></div>"), be = d.from_html("<div class=\"flex items-start gap-1.5 mt-2\" role=\"alert\" aria-live=\"assertive\"><!> <p> </p></div>"), xe = d.from_html("<img class=\"w-4 h-4 mr-2\"/>"), Se = d.from_html("<div><!> <span> </span></div>"), Ce = d.from_html("<div><!> <div class=\"relative w-full\"><!> <!></div></div>");
+function y(f, p) {
+	let m = d.props_id();
+	d.push(p, !0);
+	let ae = {
+		hidePassword: "Hide password",
+		showPassword: "Show password",
+		clearInput: "Clear input",
+		buttonIconAlt: "Button Icon",
+		inputIconAlt: "Input icon",
+		helperIconAlt: "Helper icon",
+		optional: "(optional)"
+	}, h = d.prop(p, "required", 3, !1), g = d.prop(p, "disabled", 3, !1), oe = d.prop(p, "optional", 3, !1), _ = d.prop(p, "icon", 3, null), y = d.prop(p, "buttonIcon", 3, null), b = d.prop(p, "buttonText", 3, null), x = d.prop(p, "maxlength", 3, null), S = d.prop(p, "minlength", 3, null), C = d.prop(p, "type", 3, "text"), w = d.prop(p, "placeholder", 3, ""), we = d.prop(p, "label", 3, ""), Te = d.prop(p, "id", 3, m), T = d.prop(p, "name", 3, ""), Ee = d.prop(p, "class", 3, ""), De = d.prop(p, "size", 3, "md"), Oe = d.prop(p, "textareaSize", 3, ""), E = d.prop(p, "errorText", 3, ""), ke = d.prop(p, "color", 3, "base"), D = d.prop(p, "helperText", 3, ""), Ae = d.prop(p, "helperIcon", 3, ""), O = d.prop(p, "hintText", 3, ""), k = d.prop(p, "hintIcon", 3, ""), je = d.prop(p, "contentFloat", 3, "left"), A = d.prop(p, "readonly", 3, !1), Me = d.prop(p, "controlled", 3, !1), Ne = d.prop(p, "onButtonClick", 3, null), Pe = d.prop(p, "onbuttonclick", 3, null), j = d.prop(p, "value", 15, ""), Fe = d.prop(p, "autocomplete", 3, null), M = d.prop(p, "skipPasswordManagers", 3, !1), Ie = d.prop(p, "autofocus", 3, !1), Le = d.prop(p, "showPasswordToggle", 3, !0), Re = d.prop(p, "animateFocus", 3, !0), ze = d.prop(p, "statusText", 3, ""), Be = d.prop(p, "statusType", 3, ""), Ve = d.prop(p, "buttonDisabled", 3, !1), He = d.prop(p, "inputmode", 3, null), N = d.prop(p, "instantSearch", 3, !1), Ue = d.prop(p, "debounceMs", 3, 250), We = d.prop(p, "minSearchChars", 3, 2), P = d.prop(p, "showClearButton", 3, !1), F = d.prop(p, "prefix", 3, ""), I = d.prop(p, "prefixInline", 3, !1), Ge = d.prop(p, "labels", 19, () => ({})), Ke = d.rest_props(p, ce), L = d.derived(() => Te() || m);
+	Ne() && !Pe() && n("Input: prop \"onButtonClick\" is deprecated. Use \"onbuttonclick\" instead.");
+	let qe = d.derived(() => Pe() ?? Ne()), R = d.derived(() => a(ae, Ge())), z = d.state(""), B = d.state(null), V, Je = d.derived(() => He() || Xe(C())), Ye = d.derived(() => M() ? "off" : Fe() ?? null);
+	function Xe(e) {
+		switch (e) {
+			case "phoneNumber":
+			case "creditCardNumber": return "tel";
+			case "email": return "email";
+			default: return null;
+		}
+	}
+	d.user_effect(() => {
+		j() !== d.get(z) && d.set(z, j(), !0);
+	});
+	function Ze() {
+		d.get(B) && d.get(B).value !== d.get(z) && (d.set(z, d.get(B).value, !0), j(d.get(z)));
+	}
+	let H = d.state(!1), U = d.derived(() => ke() === "red" || !!E()), W = d.derived(() => `${d.get(L)}-error`), G = d.derived(() => `${d.get(L)}-prefix`), Qe = d.derived(() => [F() ? d.get(G) : "", E() ? d.get(W) : ""].filter(Boolean).join(" ") || void 0), K = d.derived(() => !!F() && I()), $e = d.derived(() => !!F() && !I()), et = d.derived(() => p.leftIcon && d.get(K) ? "pl-14" : p.leftIcon ? "pl-10" : d.get(K) ? "pl-8" : ""), tt = d.derived(() => Le() && d.get(H) ? "text" : C()), q = d.derived(() => Re() && !g() && !A()), nt = d.derived(() => e[De()] || e.md), rt = () => {
+		d.set(H, !d.get(H));
+	}, J = (e) => {
+		let t = e.target, n = t.value;
+		if (C() === "creditCardNumber") {
+			let e = n.replaceAll(/\D/g, "");
+			n = s(e), t.value = n;
+		}
+		if (C() === "phoneNumber" && (n = se(n.replaceAll(/\D/g, "").slice(0, 10)), t.value = n), C() === "username") {
+			let e = n.trim(), r = e.match(/(?:https?:\/\/)?(?:www\.)?(?:instagram\.com|twitter\.com|x\.com|facebook\.com|fb\.com|tiktok\.com|linkedin\.com)\/(?:@)?([A-Za-z0-9._]+)\/?/i);
+			r && (e = r[1]), e = e.replace(/^@+/, ""), e = e.replaceAll(/[^A-Za-z0-9._]/g, ""), n = e, t.value = n;
+		}
+		if (p.transform) {
+			let e = n;
+			if (n = p.transform(e), e !== n) {
+				let r = t.selectionStart;
+				if (t.value = n, r !== null && r < e.length) {
+					let i = Math.min(p.transform(e.slice(0, r)).length, n.length);
+					try {
+						t.setSelectionRange(i, i);
+					} catch {}
+				}
+			}
+		}
+		if (d.set(z, n, !0), j(n), p.oninputchange?.(n), N()) {
+			if (clearTimeout(V), n.length === 0) {
+				p.onsearch?.({ query: "" });
+				return;
+			}
+			n.length >= We() && (V = setTimeout(() => {
+				p.onsearch?.({ query: n });
+			}, Ue()));
+		}
+	};
+	function it() {
+		d.set(z, ""), j(""), clearTimeout(V), N() && p.onsearch?.({ query: "" }), d.get(B) && d.get(B).focus();
+	}
+	function at(e) {
+		p.onkeydown?.(e), !e.defaultPrevented && N() && (e.key === "Enter" && (clearTimeout(V), p.onsearch?.({ query: String(d.get(z) ?? "") })), e.key === "Escape" && it());
+	}
+	te(() => {
+		clearTimeout(V);
+	});
+	let Y = () => {
+		p.onblur?.();
+	}, X = () => {
+		p.onfocus?.();
+	}, Z = () => {
+		switch (je()) {
+			case "center": return "text-center";
+			case "right": return "text-right";
+			default: return "text-left";
+		}
+	}, ot = () => {
+		switch (Oe()) {
+			case "sm": return "h-24";
+			case "md": return "h-36";
+			case "lg": return "h-44";
+			default: return "";
+		}
+	}, st = () => {
+		typeof d.get(qe) == "function" && d.get(qe)(String(d.get(z) ?? ""));
+	};
+	var Q = Ce();
+	d.attribute_effect(Q, () => ({
+		class: `flex flex-col gap-1 ${Ee() ?? ""}`,
+		...Ke
+	}));
+	var ct = d.child(Q), lt = (e) => {
+		var n = le(), i = d.child(n), a = d.child(i, !0), o = d.sibling(a);
+		ee(o, { get required() {
+			return h();
+		} }), d.reset(i);
+		var s = d.sibling(i, 2), c = (e) => {
+			var t = v(), n = d.child(t);
+			d.reset(t), d.template_effect(() => {
+				d.set_class(t, 1, `type-label ${Be() === "success" ? "text-accent-success" : Be() === "error" ? "text-accent-danger" : ""}`), d.set_text(n, `(${ze() ?? ""})`);
+			}), d.append(e, t);
+		};
+		d.if(s, (e) => {
+			ze() && e(c);
+		});
+		var l = d.sibling(s, 2), u = (e) => {
+			var t = v(), n = d.child(t, !0);
+			d.reset(t), d.template_effect(() => {
+				d.set_class(t, 1, d.clsx(r.smMuted)), d.set_text(n, d.get(R).optional);
+			}), d.append(e, t);
+		};
+		d.if(l, (e) => {
+			oe() && e(u);
+		}), d.reset(n), d.template_effect(() => {
+			d.set_attribute(i, "for", d.get(L)), d.set_class(i, 1, `${r.caption} tone-secondary ${t.tight} sm:${t.none} ${d.get(U) ? "text-status-error-text" : ""}`), d.set_text(a, we());
+		}), d.append(e, n);
+	};
+	d.if(ct, (e) => {
+		we() && e(lt);
+	});
+	var ut = d.sibling(ct, 2), $ = d.child(ut), dt = (e) => {
+		var t = ue();
+		d.remove_textarea_child(t), t.required = !1, d.template_effect((e, n) => {
+			d.set_attribute(t, "id", d.get(L)), d.set_attribute(t, "name", T()), d.set_attribute(t, "placeholder", w()), d.set_value(t, d.get(z)), d.set_attribute(t, "maxlength", x()), d.set_attribute(t, "minlength", S()), d.set_class(t, 1, `${r.sm ?? ""} w-full px-3 py-2 bg-bg-secondary border rounded-lg ${i.emphasis ?? ""} placeholder-muted-foreground transition-all focus:outline-none focus:ring-4 focus:ring-focus-ring resize-y ${d.get(U) ? "border-status-error-border" : "border-stroke-primary hover:border-interactive-border focus:border-interactive-border"} ${e ?? ""} ${n ?? ""} ${d.get(q) ? "focus:scale-grow" : ""}`), t.disabled = g(), t.readOnly = A(), d.set_attribute(t, "tabindex", p.tabindex), d.set_attribute(t, "aria-required", h()), d.set_attribute(t, "aria-invalid", d.get(U)), d.set_attribute(t, "aria-describedby", E() ? d.get(W) : void 0), d.set_attribute(t, "data-testid", p["data-testid"]);
+		}, [() => Z(), () => ot()]), d.delegated("input", t, J), d.event("blur", t, Y), d.event("focus", t, X), d.append(e, t);
+	}, ft = (e) => {
+		var t = de(), n = d.child(t);
+		d.remove_input_defaults(n), n.required = !1, d.autofocus(n, Ie()), d.bind_this(n, (e) => d.set(B, e), () => d.get(B));
+		var a = d.sibling(n, 2), o = d.child(a), s = (e) => {
+			re(e, { class: "w-5 h-5" });
+		}, c = (e) => {
+			ne(e, { class: "w-5 h-5" });
+		};
+		d.if(o, (e) => {
+			d.get(H) ? e(s) : e(c, -1);
+		}), d.reset(a), d.reset(t), d.template_effect((e) => {
+			d.set_class(t, 1, `flex items-center w-full bg-bg-secondary border rounded-lg transition-all outline-none focus-within:ring-4 focus-within:ring-focus-ring ${d.get(U) ? "border-status-error-border" : "border-stroke-primary hover:border-interactive-border focus-within:border-interactive-border"} ${d.get(q) ? "focus-within:scale-grow" : ""} ${g() ? "opacity-50 cursor-not-allowed" : ""}`), d.set_attribute(n, "id", d.get(L)), d.set_attribute(n, "type", d.get(tt)), d.set_attribute(n, "name", T()), d.set_attribute(n, "placeholder", w()), d.set_value(n, d.get(z)), d.set_attribute(n, "maxlength", x()), d.set_attribute(n, "minlength", S()), d.set_class(n, 1, `password-input-inner ${r.sm ?? ""} flex-1 w-full ${d.get(nt) ?? ""} bg-transparent border-0 ${i.emphasis ?? ""} placeholder-muted-foreground focus:outline-none focus:ring-0 ${e ?? ""}`), n.disabled = g(), n.readOnly = A(), d.set_attribute(n, "tabindex", p.tabindex), d.set_attribute(n, "aria-required", h()), d.set_attribute(n, "aria-invalid", d.get(U)), d.set_attribute(n, "aria-describedby", E() ? d.get(W) : void 0), d.set_attribute(n, "data-testid", p["data-testid"]), d.set_attribute(n, "autocomplete", d.get(Ye)), d.set_attribute(n, "data-1p-ignore", M() ? "" : void 0), d.set_attribute(n, "data-lpignore", M() ? "true" : void 0), d.set_attribute(n, "data-bwignore", M() ? "true" : void 0), d.set_attribute(n, "data-form-type", M() ? "other" : void 0), d.set_attribute(n, "inputmode", d.get(Je)), d.set_attribute(n, "enterkeyhint", p.enterkeyhint), d.set_attribute(n, "autocapitalize", p.autocapitalize), d.set_attribute(n, "autocorrect", p.autocorrect), d.set_attribute(a, "aria-label", d.get(H) ? d.get(R).hidePassword : d.get(R).showPassword);
+		}, [() => Z()]), d.delegated("input", n, J), d.delegated("change", n, Ze), d.event("blur", n, Y), d.event("focus", n, X), d.delegated("click", a, rt), d.append(e, t);
+	}, pt = (e) => {
+		var t = ye(), n = d.child(t), a = (e) => {
+			var t = v(), n = d.child(t, !0);
+			d.reset(t), d.template_effect(() => {
+				d.set_attribute(t, "id", d.get(G)), d.set_attribute(t, "data-testid", p["data-testid"] ? `${p["data-testid"]}-prefix` : void 0), d.set_class(t, 1, `${r.body ?? ""} shrink-0 self-stretch flex items-center px-3 bg-bg-tertiary tone-muted border border-r-0 rounded-l-lg select-none ${d.get(U) ? "border-status-error-border" : "border-stroke-primary"} ${g() ? "opacity-50" : ""}`), d.set_text(n, F());
+			}), d.append(e, t);
+		};
+		d.if(n, (e) => {
+			F() && !d.get(K) && e(a);
+		});
+		var o = d.sibling(n, 2), s = (e) => {
+			var t = fe(), n = d.child(t);
+			d.snippet(n, () => p.leftIcon ?? d.noop);
+			var i = d.sibling(n, 2), a = (e) => {
+				var t = v(), n = d.child(t, !0);
+				d.reset(t), d.template_effect(() => {
+					d.set_attribute(t, "id", d.get(G)), d.set_attribute(t, "data-testid", p["data-testid"] ? `${p["data-testid"]}-prefix` : void 0), d.set_class(t, 1, `${r.body ?? ""} select-none`), d.set_text(n, F());
+				}), d.append(e, t);
+			};
+			d.if(i, (e) => {
+				d.get(K) && e(a);
+			}), d.reset(t), d.append(e, t);
+		};
+		d.if(o, (e) => {
+			(p.leftIcon || d.get(K)) && e(s);
+		});
+		var c = d.sibling(o, 2);
+		d.remove_input_defaults(c), c.required = !1, d.autofocus(c, Ie()), d.bind_this(c, (e) => d.set(B, e), () => d.get(B));
+		var l = d.sibling(c, 2), u = (e) => {
+			var t = pe(), n = d.child(t);
+			d.snippet(n, () => p.rightIcon), d.reset(t), d.append(e, t);
+		}, ee = (e) => {
+			var t = me();
+			ie(d.child(t), { class: "w-4 h-4" }), d.reset(t), d.template_effect(() => d.set_attribute(t, "aria-label", d.get(R).clearInput)), d.delegated("click", t, it), d.append(e, t);
+		}, te = (e) => {
+			var t = _e(), n = d.child(t), r = (e) => {
+				var t = he();
+				d.template_effect(() => {
+					d.set_attribute(t, "src", y()), d.set_attribute(t, "alt", d.get(R).buttonIconAlt);
+				}), d.append(e, t);
+			};
+			d.if(n, (e) => {
+				y() && e(r);
+			});
+			var i = d.sibling(n, 2), a = (e) => {
+				var t = ge(), n = d.child(t, !0);
+				d.reset(t), d.template_effect(() => d.set_text(n, b())), d.append(e, t);
+			};
+			d.if(i, (e) => {
+				b() && e(a);
+			}), d.reset(t), d.template_effect(() => {
+				t.disabled = Ve(), d.set_class(t, 1, `absolute inset-y-0 right-0 gap-1 flex items-center justify-center px-4 text-brand-primary hover:text-brand-primary disabled:opacity-50 disabled:cursor-not-allowed ${D() || O() || E() ? "mb-7" : ""}`);
+			}), d.delegated("click", t, st), d.append(e, t);
+		};
+		d.if(l, (e) => {
+			p.rightIcon ? e(u) : P() && d.get(z) ? e(ee, 1) : Me() && (y() || b()) && e(te, 2);
+		});
+		var f = d.sibling(l, 2), ne = (e) => {
+			var t = ve();
+			d.template_effect(() => {
+				d.set_attribute(t, "src", _()), d.set_attribute(t, "alt", d.get(R).inputIconAlt);
+			}), d.append(e, t);
+		};
+		d.if(f, (e) => {
+			_() && C() !== "textarea" && !p.rightIcon && !(P() && d.get(z)) && e(ne);
+		}), d.reset(t), d.template_effect((e) => {
+			d.set_attribute(c, "id", d.get(L)), d.set_attribute(c, "type", d.get(tt)), d.set_attribute(c, "name", T()), d.set_attribute(c, "placeholder", w()), d.set_value(c, d.get(z)), d.set_attribute(c, "maxlength", x()), d.set_attribute(c, "minlength", S()), d.set_class(c, 1, `${r.body ?? ""} w-full ${d.get($e) ? "min-w-0 " : ""}${d.get(nt) ?? ""} bg-bg-secondary border ${d.get($e) ? "rounded-r-lg" : "rounded-lg"} ${i.emphasis ?? ""} placeholder-muted-foreground transition-all focus:outline-none focus:ring-4 focus:ring-focus-ring ${d.get(U) ? "border-status-error-border" : "border-stroke-primary hover:border-interactive-border focus:border-interactive-border"} ${_() || p.rightIcon || P() && d.get(z) ? "pr-10" : ""} ${d.get(et) ?? ""} ${e ?? ""} ${d.get(q) && !F() && !I() ? "focus:scale-grow" : ""} ${g() ? "opacity-50 cursor-not-allowed" : ""}`), c.disabled = g(), c.readOnly = A(), d.set_attribute(c, "tabindex", p.tabindex), d.set_attribute(c, "aria-required", h()), d.set_attribute(c, "aria-invalid", d.get(U)), d.set_attribute(c, "aria-describedby", d.get(Qe)), d.set_attribute(c, "data-testid", p["data-testid"]), d.set_attribute(c, "autocomplete", d.get(Ye)), d.set_attribute(c, "data-1p-ignore", M() ? "" : void 0), d.set_attribute(c, "data-lpignore", M() ? "true" : void 0), d.set_attribute(c, "data-bwignore", M() ? "true" : void 0), d.set_attribute(c, "data-form-type", M() ? "other" : void 0), d.set_attribute(c, "inputmode", d.get(Je)), d.set_attribute(c, "enterkeyhint", p.enterkeyhint), d.set_attribute(c, "autocapitalize", p.autocapitalize), d.set_attribute(c, "autocorrect", p.autocorrect);
+		}, [() => Z()]), d.delegated("input", c, J), d.delegated("change", c, Ze), d.event("blur", c, Y), d.event("focus", c, X), d.delegated("keydown", c, at), d.append(e, t);
+	};
+	d.if($, (e) => {
+		C() === "textarea" ? e(dt) : C() === "password" && Le() ? e(ft, 1) : e(pt, -1);
+	});
+	var mt = d.sibling($, 2), ht = (e) => {
+		var t = be(), n = d.child(t);
+		o(n, { class: "w-4 h-4 shrink-0 text-accent-danger mt-0.5" });
+		var i = d.sibling(n, 2), a = d.child(i, !0);
+		d.reset(i), d.reset(t), d.template_effect(() => {
+			d.set_attribute(t, "id", d.get(W)), d.set_class(i, 1, d.clsx(r.error)), d.set_text(a, E());
+		}), d.transition(3, t, () => c, () => ({
+			duration: l.normal,
+			easing: u.out
+		})), d.append(e, t);
+	}, gt = (e) => {
+		var t = Se(), n = d.child(t), i = (e) => {
+			var t = xe();
+			d.template_effect(() => {
+				d.set_attribute(t, "src", Ae() || k()), d.set_attribute(t, "alt", d.get(R).helperIconAlt);
+			}), d.append(e, t);
+		};
+		d.if(n, (e) => {
+			(Ae() || k()) && e(i);
+		});
+		var a = d.sibling(n, 2), o = d.child(a, !0);
+		d.reset(a), d.reset(t), d.template_effect(() => {
+			d.set_class(t, 1, `mt-2 flex items-center ${r.xsMuted} opacity-65`), d.set_text(o, D() || O());
+		}), d.append(e, t);
+	};
+	d.if(mt, (e) => {
+		E() ? e(ht) : (D() || O()) && e(gt, 1);
+	}), d.reset(ut), d.reset(Q), d.append(f, Q), d.pop();
+}
+d.delegate([
+	"input",
+	"change",
+	"click",
+	"keydown"
+]);
+//#endregion
+export { ae as n, ie as r, y as t };

package/dist/{PasswordInput-D-vqwd1R.js → PasswordInput-D_QnFlHJ.js}

@@ -1,5 +1,5 @@
 import { v as e } from "./sizing-B7ixYndz.js";
-import { t } from "./Input-CIMsqGtu.js";
+import { t } from "./Input-1RrhLDEl.js";
 import { f as n, n as r, r as i } from "./z-index-CeYVHpUz.js";
 import { t as a } from "./lazyOnce-CCfEO1xG.js";
 import "svelte/internal/disclose-version";
@@ -93,9 +93,9 @@ function u(t, u) {
 var d = o.from_html("<p> </p>"), f = o.from_html("<div><!> <!></div>");
 function p(n, r) {
 	o.push(r, !0);
-	let i = { passwordStrength: "Password strength:" }, a = o.prop(r, "value", 15, ""), s = o.prop(r, "label", 3, ""), c = o.prop(r, "placeholder", 3, ""), l = o.prop(r, "name", 3, ""), p = o.prop(r, "id", 3, ""), m = o.prop(r, "required", 3, !1), h = o.prop(r, "disableBuiltInValidation", 3, !1), g = o.prop(r, "disabled", 3, !1), _ = o.prop(r, "error", 3, ""), v = o.prop(r, "hint", 3, ""), y = o.prop(r, "showStrength", 3, !1), b = o.prop(r, "size", 3, "md"), x = o.prop(r, "minlength", 3, null), S = o.prop(r, "maxlength", 3, null), C = o.prop(r, "autocomplete", 3, "new-password"), w = o.prop(r, "showPasswordToggle", 3, !0), T = o.prop(r, "class", 3, ""), E = o.prop(r, "labels", 19, () => ({})), D = o.derived(() => e(i, E())), O = o.derived(() => !h() && m()), k = o.state(-1), A = o.state(""), j = o.state("");
-	var M = f(), N = o.child(M);
-	t(N, {
+	let i = { passwordStrength: "Password strength:" }, a = o.prop(r, "value", 15, ""), s = o.prop(r, "label", 3, ""), c = o.prop(r, "placeholder", 3, ""), l = o.prop(r, "name", 3, ""), p = o.prop(r, "id", 3, ""), m = o.prop(r, "required", 3, !1), h = o.prop(r, "disableBuiltInValidation", 3, !1), g = o.prop(r, "disabled", 3, !1), _ = o.prop(r, "error", 3, ""), v = o.prop(r, "hint", 3, ""), y = o.prop(r, "showStrength", 3, !1), b = o.prop(r, "size", 3, "md"), x = o.prop(r, "minlength", 3, null), S = o.prop(r, "maxlength", 3, null), C = o.prop(r, "autocomplete", 3, "new-password"), w = o.prop(r, "skipPasswordManagers", 3, !1), T = o.prop(r, "showPasswordToggle", 3, !0), E = o.prop(r, "class", 3, ""), D = o.prop(r, "labels", 19, () => ({})), O = o.derived(() => e(i, D())), k = o.derived(() => !h() && m()), A = o.state(-1), j = o.state(""), M = o.state("");
+	var N = f(), P = o.child(N);
+	t(P, {
 		type: "password",
 		get id() {
 			return p();
@@ -110,7 +110,7 @@ function p(n, r) {
 			return s();
 		},
 		get required() {
-			return o.get(O);
+			return o.get(k);
 		},
 		get disabled() {
 			return g();
@@ -127,9 +127,12 @@ function p(n, r) {
 		get autocomplete() {
 			return C();
 		},
-		get showPasswordToggle() {
+		get skipPasswordManagers() {
 			return w();
 		},
+		get showPasswordToggle() {
+			return T();
+		},
 		get errorText() {
 			return _();
 		},
@@ -155,41 +158,41 @@ function p(n, r) {
 			a(e);
 		}
 	});
-	var P = o.sibling(N, 2), F = (e) => {
+	var F = o.sibling(P, 2), I = (e) => {
 		u(e, {
 			get password() {
 				return a();
 			},
 			get score() {
-				return o.get(k);
+				return o.get(A);
 			},
 			set score(e) {
-				o.set(k, e, !0);
+				o.set(A, e, !0);
 			},
 			get strengthText() {
-				return o.get(A);
+				return o.get(j);
 			},
 			set strengthText(e) {
-				o.set(A, e, !0);
+				o.set(j, e, !0);
 			},
 			get textColor() {
-				return o.get(j);
+				return o.get(M);
 			},
 			set textColor(e) {
-				o.set(j, e, !0);
+				o.set(M, e, !0);
 			},
 			children: (e, t) => {
 				var n = d(), r = o.child(n);
 				o.reset(n), o.template_effect(() => {
-					o.set_class(n, 1, `type-caption ${o.get(j) ?? ""}`), o.set_text(r, `${o.get(D).passwordStrength ?? ""} ${o.get(A) ?? ""}`);
+					o.set_class(n, 1, `type-caption ${o.get(M) ?? ""}`), o.set_text(r, `${o.get(O).passwordStrength ?? ""} ${o.get(j) ?? ""}`);
 				}), o.append(e, n);
 			},
 			$$slots: { default: !0 }
 		});
 	};
-	o.if(P, (e) => {
-		y() && a() && e(F);
-	}), o.reset(M), o.template_effect(() => o.set_class(M, 1, o.clsx(T()))), o.append(n, M), o.pop();
+	o.if(F, (e) => {
+		y() && a() && e(I);
+	}), o.reset(N), o.template_effect(() => o.set_class(N, 1, o.clsx(E()))), o.append(n, N), o.pop();
 }
 //#endregion
 export { p as t };