@webority/ui-elements 0.12.2 → 0.12.4

package/dist/ui-elements.js

@@ -527,7 +527,195 @@ var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&am
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, b = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), x = (e) => String(e ?? "").replace(/<[^>]*>/g, ""), S = "wui-consent-save", ee = "[data-consent-settings]", C = {
+}, b = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), x = (e) => String(e ?? "").replace(/<[^>]*>/g, ""), S = {
+	"--color-primary": "#4F46E5",
+	"--color-primary-hover": "#4338CA",
+	"--color-text": "#071437",
+	"--color-text-muted": "#4B5675",
+	"--color-border": "#EBEDF3",
+	"--color-surface": "#FFFFFF",
+	"--wui-radius-lg": "14px",
+	"--wui-shadow-overlay-lg": "0 24px 60px -16px rgba(7, 20, 55, 0.28)",
+	"--wui-z-fixed": "1030"
+}, C = (e) => `var(${e}, ${S[e]})`, ee = `
+:host {
+    all: initial;
+    position: fixed;
+    bottom: 20px;
+    left: 20px;
+    right: auto;
+    z-index: ${C("--wui-z-fixed")};
+    display: block;
+    width: 420px;
+    max-width: calc(100vw - 40px);
+    font-family: inherit;
+    font-size: 16px;
+    line-height: 1.5;
+    color: ${C("--color-text")};
+}
+:host([position="bottom-right"]) {
+    right: 20px;
+    left: auto;
+}
+:host(:not([open])) {
+    pointer-events: none;
+}
+*, *::before, *::after {
+    box-sizing: border-box;
+}
+[hidden] {
+    display: none !important;
+}
+
+.wui-consent-banner-panel {
+    padding: 20px;
+    background: ${C("--color-surface")};
+    border: 1px solid ${C("--color-border")};
+    border-radius: ${C("--wui-radius-lg")};
+    box-shadow: ${C("--wui-shadow-overlay-lg")};
+    text-align: start;
+    pointer-events: auto;
+}
+.wui-consent-banner-heading {
+    margin: 0 0 8px;
+    font-size: 18px;
+    font-weight: 600;
+    line-height: 1.3;
+    color: ${C("--color-text")};
+}
+.wui-consent-banner-description {
+    margin: 0 0 16px;
+    font-size: 14px;
+    line-height: 1.5;
+    color: ${C("--color-text-muted")};
+}
+.wui-consent-banner-policy {
+    color: ${C("--color-primary")};
+    font-weight: 500;
+}
+
+.wui-consent-banner-settings {
+    display: grid;
+    gap: 12px;
+    max-height: 50vh;
+    margin: 0 0 16px;
+    padding: 12px 0;
+    overflow-y: auto;
+    border-top: 1px solid ${C("--color-border")};
+    border-bottom: 1px solid ${C("--color-border")};
+}
+.wui-consent-banner-category-description {
+    margin: 2px 0 0;
+    padding-inline-start: 2.5em;
+    font-size: 12px;
+    line-height: 1.4;
+    color: ${C("--color-text-muted")};
+}
+
+.form-check {
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+    margin: 0;
+    font-size: 14px;
+}
+.form-check-input {
+    appearance: none;
+    flex: none;
+    width: 2em;
+    height: 1em;
+    margin: 0;
+    border: 1px solid rgba(0, 0, 0, 0.25);
+    border-radius: 2em;
+    background: ${C("--color-surface")} radial-gradient(circle, rgba(0, 0, 0, 0.25) 0.35em, transparent 0.4em) left / 1em 1em no-repeat;
+    cursor: pointer;
+    transition: background-position 0.15s ease-in-out;
+}
+.form-check-input:checked {
+    border-color: ${C("--color-primary")};
+    background: ${C("--color-primary")} radial-gradient(circle, #fff 0.35em, transparent 0.4em) right / 1em 1em no-repeat;
+}
+.form-check-input:disabled {
+    opacity: 0.5;
+    cursor: default;
+}
+.form-check-input:focus-visible {
+    outline: 2px solid ${C("--color-primary")};
+    outline-offset: 2px;
+}
+.form-check-label {
+    cursor: pointer;
+}
+
+.wui-consent-banner-actions {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 8px;
+}
+.btn {
+    display: inline-block;
+    padding: 0.25rem 0.5rem;
+    border: 1px solid transparent;
+    border-radius: 0.375rem;
+    background: transparent;
+    font: inherit;
+    font-size: 0.875rem;
+    font-weight: 500;
+    line-height: 1.5;
+    text-align: center;
+    white-space: nowrap;
+    cursor: pointer;
+}
+.btn:focus-visible {
+    outline: 2px solid ${C("--color-primary")};
+    outline-offset: 2px;
+}
+.btn-primary {
+    background: ${C("--color-primary")};
+    border-color: ${C("--color-primary")};
+    color: #fff;
+}
+.btn-primary:hover {
+    background: ${C("--color-primary-hover")};
+    border-color: ${C("--color-primary-hover")};
+}
+.btn-outline-secondary {
+    border-color: ${C("--color-text-muted")};
+    color: ${C("--color-text-muted")};
+}
+.btn-outline-secondary:hover {
+    background: ${C("--color-text-muted")};
+    color: #fff;
+}
+.btn-link {
+    font-weight: 400;
+    color: ${C("--color-primary")};
+    text-decoration: underline;
+}
+.btn-link:hover {
+    color: ${C("--color-primary-hover")};
+}
+.wui-consent-banner-settings-toggle {
+    margin-inline-end: auto;
+    padding-inline: 0;
+}
+.wui-consent-banner-save {
+    flex: 1 1 100%;
+}
+
+@media (max-width: 480px) {
+    :host,
+    :host([position="bottom-right"]) {
+        left: 12px;
+        right: 12px;
+        bottom: 12px;
+        width: auto;
+        max-width: none;
+    }
+}
+`, w = "wui-consent-save", te = "[data-consent-settings]", T = {
 	heading: "Cookies on this site",
 	description: "We use cookies to understand how the site is used and to measure our campaigns. You can change your choice at any time.",
 	policyLabel: "Cookie policy",
@@ -543,11 +731,11 @@ var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&am
 	rejectLabel: "Reject all",
 	acceptLabel: "Accept all",
 	saveLabel: "Save preferences"
-}, w = [
+}, ne = [
 	"analytics",
 	"functional",
 	"marketing"
-], T = 0, E = class extends e {
+], re = 0, ie = class extends e {
 	static get observedAttributes() {
 		return [
 			"heading",
@@ -560,12 +748,12 @@ var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&am
 		];
 	}
 	constructor() {
-		super(), T += 1, this._uid = `wui-consent-${T}`, this._preferences = {
+		super(), re += 1, this._uid = `wui-consent-${re}`, this._preferences = {
 			analytics: !1,
 			functional: !1,
 			marketing: !1
 		}, this._settings = !1, this._onDocumentClick = (e) => {
-			e.target instanceof Element && e.target.closest(ee) && (e.preventDefault(), this.open({
+			e.target instanceof Element && e.target.closest(te) && (e.preventDefault(), this.open({
 				settings: !0,
 				focus: !0
 			}));
@@ -577,14 +765,20 @@ var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&am
 	set position(e) {
 		this.setAttribute("position", String(e ?? "bottom-left"));
 	}
+	get standalone() {
+		return this.hasAttribute("standalone");
+	}
+	set standalone(e) {
+		this.toggleAttribute("standalone", e === !0 || e === "" || e === "true");
+	}
 	get heading() {
-		return this.getAttribute("heading") || C.heading;
+		return this.getAttribute("heading") || T.heading;
 	}
 	set heading(e) {
 		this.setAttribute("heading", String(e ?? ""));
 	}
 	get description() {
-		return this.getAttribute("description") || C.description;
+		return this.getAttribute("description") || T.description;
 	}
 	set description(e) {
 		this.setAttribute("description", String(e ?? ""));
@@ -596,25 +790,25 @@ var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&am
 		this.setAttribute("policy-href", String(e ?? ""));
 	}
 	get policyLabel() {
-		return this.getAttribute("policy-label") || C.policyLabel;
+		return this.getAttribute("policy-label") || T.policyLabel;
 	}
 	set policyLabel(e) {
 		this.setAttribute("policy-label", String(e ?? ""));
 	}
 	get analyticsDescription() {
-		return this.getAttribute("analytics-description") || C.analyticsDescription;
+		return this.getAttribute("analytics-description") || T.analyticsDescription;
 	}
 	set analyticsDescription(e) {
 		this.setAttribute("analytics-description", String(e ?? ""));
 	}
 	get functionalDescription() {
-		return this.getAttribute("functional-description") || C.functionalDescription;
+		return this.getAttribute("functional-description") || T.functionalDescription;
 	}
 	set functionalDescription(e) {
 		this.setAttribute("functional-description", String(e ?? ""));
 	}
 	get marketingDescription() {
-		return this.getAttribute("marketing-description") || C.marketingDescription;
+		return this.getAttribute("marketing-description") || T.marketingDescription;
 	}
 	set marketingDescription(e) {
 		this.setAttribute("marketing-description", String(e ?? ""));
@@ -642,48 +836,52 @@ var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&am
 		this._rendered && this.render();
 	}
 	render() {
-		let e = this.isOpen, t = this._uid, n = this.policyHref ? ` <a class="wui-consent-banner-policy" href="${te(this.policyHref)}">${O(this.policyLabel)}</a>` : "";
-		this.innerHTML = `
+		let e = this.isOpen, t = this._uid, n = this.policyHref ? ` <a class="wui-consent-banner-policy" href="${ae(this.policyHref)}">${D(this.policyLabel)}</a>` : "", r = this._root();
+		r.innerHTML = `${r === this ? "" : `<style>${ee}</style>`}
       <div class="wui-consent-banner-panel" role="dialog" aria-labelledby="${t}-heading" aria-describedby="${t}-description" hidden>
-        <h2 class="wui-consent-banner-heading" id="${t}-heading">${O(this.heading)}</h2>
-        <p class="wui-consent-banner-description" id="${t}-description">${O(this.description)}${n}</p>
+        <h2 class="wui-consent-banner-heading" id="${t}-heading">${D(this.heading)}</h2>
+        <p class="wui-consent-banner-description" id="${t}-description">${D(this.description)}${n}</p>
         <div class="wui-consent-banner-settings" hidden>
-          ${D(t, "essential", C.essentialLabel, C.essentialDescription, !0)}
-          ${D(t, "analytics", C.analyticsLabel, this.analyticsDescription, !1)}
-          ${D(t, "functional", C.functionalLabel, this.functionalDescription, !1)}
-          ${D(t, "marketing", C.marketingLabel, this.marketingDescription, !1)}
+          ${E(t, "essential", T.essentialLabel, T.essentialDescription, !0)}
+          ${E(t, "analytics", T.analyticsLabel, this.analyticsDescription, !1)}
+          ${E(t, "functional", T.functionalLabel, this.functionalDescription, !1)}
+          ${E(t, "marketing", T.marketingLabel, this.marketingDescription, !1)}
         </div>
         <div class="wui-consent-banner-actions">
-          <button type="button" class="btn btn-sm btn-link wui-consent-banner-settings-toggle" aria-expanded="false">${C.settingsLabel}</button>
-          <button type="button" class="btn btn-sm btn-outline-secondary wui-consent-banner-reject">${C.rejectLabel}</button>
-          <button type="button" class="btn btn-sm btn-primary wui-consent-banner-accept">${C.acceptLabel}</button>
-          <button type="button" class="btn btn-sm btn-primary wui-consent-banner-save" hidden>${C.saveLabel}</button>
+          <button type="button" class="btn btn-sm btn-link wui-consent-banner-settings-toggle" aria-expanded="false">${T.settingsLabel}</button>
+          <button type="button" class="btn btn-sm btn-outline-secondary wui-consent-banner-reject">${T.rejectLabel}</button>
+          <button type="button" class="btn btn-sm btn-primary wui-consent-banner-accept">${T.acceptLabel}</button>
+          <button type="button" class="btn btn-sm btn-primary wui-consent-banner-save" hidden>${T.saveLabel}</button>
         </div>
       </div>`, this._rendered = !0, this._wire(), this._applyPreferences(), this._showSettings(this._settings), e && (this._panel().hidden = !1);
 	}
 	open({ settings: e = !1, focus: t = !1 } = {}) {
-		this._rendered || this.render(), this._applyPreferences(), this._showSettings(e), this._panel().hidden = !1, this.setAttribute("open", ""), t && (e ? this.querySelector(".wui-consent-banner-category input:not([disabled])") : this.querySelector(".wui-consent-banner-accept"))?.focus();
+		this._rendered || this.render(), this._applyPreferences(), this._showSettings(e), this._panel().hidden = !1, this.setAttribute("open", ""), t && (e ? this._root().querySelector(".wui-consent-banner-category input:not([disabled])") : this._root().querySelector(".wui-consent-banner-accept"))?.focus();
 	}
 	close() {
 		let e = this._panel();
 		e && (e.hidden = !0), this.removeAttribute("open"), this._showSettings(!1);
 	}
+	_root() {
+		return this.shadowRoot ? this.shadowRoot : this.standalone ? this.attachShadow({ mode: "open" }) : this;
+	}
 	_panel() {
-		return this.querySelector(".wui-consent-banner-panel");
+		return this._root().querySelector(".wui-consent-banner-panel");
 	}
 	_wire() {
-		this.querySelector(".wui-consent-banner-accept")?.addEventListener("click", () => this._save({
+		let e = this._root();
+		e.querySelector(".wui-consent-banner-accept")?.addEventListener("click", () => this._save({
 			analytics: !0,
 			functional: !0,
 			marketing: !0
-		})), this.querySelector(".wui-consent-banner-reject")?.addEventListener("click", () => this._save({
+		})), e.querySelector(".wui-consent-banner-reject")?.addEventListener("click", () => this._save({
 			analytics: !1,
 			functional: !1,
 			marketing: !1
-		})), this.querySelector(".wui-consent-banner-save")?.addEventListener("click", () => this._save(this._switchValues())), this.querySelector(".wui-consent-banner-settings-toggle")?.addEventListener("click", () => this._showSettings(!this._settings));
+		})), e.querySelector(".wui-consent-banner-save")?.addEventListener("click", () => this._save(this._switchValues())), e.querySelector(".wui-consent-banner-settings-toggle")?.addEventListener("click", () => this._showSettings(!this._settings));
 	}
 	_save(e) {
-		this._preferences = { ...e }, this.dispatchEvent(new CustomEvent(S, {
+		this._preferences = { ...e }, this.dispatchEvent(new CustomEvent(w, {
 			bubbles: !0,
 			composed: !0,
 			detail: { ...e }
@@ -691,39 +889,39 @@ var h = Symbol("wui.trustedHtml"), g = (e) => String(e ?? "").replace(/&/g, "&am
 	}
 	_switchValues() {
 		let e = {};
-		for (let t of w) e[t] = this.querySelector(`input[data-category="${t}"]`)?.checked === !0;
+		for (let t of ne) e[t] = this._root().querySelector(`input[data-category="${t}"]`)?.checked === !0;
 		return e;
 	}
 	_applyPreferences() {
-		for (let e of w) {
-			let t = this.querySelector(`input[data-category="${e}"]`);
+		for (let e of ne) {
+			let t = this._root().querySelector(`input[data-category="${e}"]`);
 			t && (t.checked = this._preferences[e]);
 		}
 	}
 	_showSettings(e) {
 		this._settings = e;
-		let t = this.querySelector(".wui-consent-banner-settings");
-		if (!t) return;
-		t.hidden = !e, this.querySelector(".wui-consent-banner-settings-toggle")?.setAttribute("aria-expanded", e ? "true" : "false");
-		let n = this.querySelector(".wui-consent-banner-save");
-		n && (n.hidden = !e);
-		for (let t of [".wui-consent-banner-reject", ".wui-consent-banner-accept"]) {
-			let n = this.querySelector(t);
-			n && (n.hidden = e);
+		let t = this._root(), n = t.querySelector(".wui-consent-banner-settings");
+		if (!n) return;
+		n.hidden = !e, t.querySelector(".wui-consent-banner-settings-toggle")?.setAttribute("aria-expanded", e ? "true" : "false");
+		let r = t.querySelector(".wui-consent-banner-save");
+		r && (r.hidden = !e);
+		for (let n of [".wui-consent-banner-reject", ".wui-consent-banner-accept"]) {
+			let r = t.querySelector(n);
+			r && (r.hidden = e);
 		}
 	}
 };
-function D(e, t, n, r, i) {
+function E(e, t, n, r, i) {
 	let a = `${e}-${t}`;
 	return `<div class="wui-consent-banner-category">
             <div class="form-check form-switch">
               <input class="form-check-input" type="checkbox" role="switch" id="${a}" data-category="${t}"${i ? " checked disabled" : ""} />
-              <label class="form-check-label" for="${a}">${O(n)}</label>
+              <label class="form-check-label" for="${a}">${D(n)}</label>
             </div>
-            <p class="wui-consent-banner-category-description">${O(r)}</p>
+            <p class="wui-consent-banner-category-description">${D(r)}</p>
           </div>`;
 }
-var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), te = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), k = [
+var D = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), ae = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), O = [
 	"January",
 	"February",
 	"March",
@@ -736,7 +934,7 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 	"October",
 	"November",
 	"December"
-], A = [
+], k = [
 	"Su",
 	"Mo",
 	"Tu",
@@ -744,24 +942,24 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 	"Th",
 	"Fr",
 	"Sa"
-], j = (e) => String(e).padStart(2, "0"), M = (e, t, n) => `${e}-${j(t + 1)}-${j(n)}`, N = (e) => {
+], oe = (e) => String(e).padStart(2, "0"), A = (e, t, n) => `${e}-${oe(t + 1)}-${oe(n)}`, j = (e) => {
 	let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e || "");
 	return t ? {
 		y: +t[1],
 		m: t[2] - 1,
 		d: +t[3]
 	} : null;
-}, P = (e) => {
-	let t = N(e);
-	return t ? `${j(t.d)} ${k[t.m].slice(0, 3)} ${t.y}` : "";
-}, F = (e, t) => new Date(e, t + 1, 0).getDate(), I = (e, t) => {
+}, M = (e) => {
+	let t = j(e);
+	return t ? `${oe(t.d)} ${O[t.m].slice(0, 3)} ${t.y}` : "";
+}, N = (e, t) => new Date(e, t + 1, 0).getDate(), P = (e, t) => {
 	for (; t < 0;) t += 12, --e;
 	for (; t > 11;) t -= 12, e += 1;
 	return {
 		y: e,
 		m: t
 	};
-}, ne = class extends e {
+}, se = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -812,13 +1010,13 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 	}
 	render() {
 		this._defaultValue === void 0 && (this._defaultValue = this.getAttribute("value") || "", this._value = this._defaultValue || this._value);
-		let e = this.getAttribute("placeholder") || "Enter Date", t = N(this._value);
+		let e = this.getAttribute("placeholder") || "Enter Date", t = j(this._value);
 		t && (this._viewY = t.y, this._viewM = t.m);
 		let n = this.getAttribute("size"), r = n === "sm" ? " input-sm" : n === "lg" ? " input-lg" : "", i = this.getAttribute("aria-label"), a = this.getAttribute("aria-describedby");
 		this.innerHTML = `
       <div class="datepicker">
         <button type="button" class="input datepicker-trigger${r}${t ? " has-value" : ""}" aria-haspopup="dialog" aria-expanded="false"${this.hasAttribute("disabled") ? " disabled" : ""}${i ? ` aria-label="${g(i)}"` : ""}${a ? ` aria-describedby="${g(a)}"` : ""}>
-          <span data-trigger-label class="${t ? "" : "search-select-placeholder"}">${t ? P(this._value) : g(e)}</span>
+          <span data-trigger-label class="${t ? "" : "search-select-placeholder"}">${t ? M(this._value) : g(e)}</span>
           ${p("calendar-dots")}
         </button>
         <div class="datepicker-pop" role="dialog" aria-modal="false" hidden></div>
@@ -830,11 +1028,11 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 	_syncTrigger() {
 		let e = this.querySelector(".datepicker-trigger"), t = this.querySelector("[data-trigger-label]");
 		if (!t) return;
-		let n = N(this._value);
-		t.textContent = n ? P(this._value) : this.getAttribute("placeholder") || "Enter Date", t.classList.toggle("search-select-placeholder", !n), e?.classList.toggle("has-value", !!n);
+		let n = j(this._value);
+		t.textContent = n ? M(this._value) : this.getAttribute("placeholder") || "Enter Date", t.classList.toggle("search-select-placeholder", !n), e?.classList.toggle("has-value", !!n);
 	}
 	_limits() {
-		let e = N(this.getAttribute("min")), t = N(this.getAttribute("max")), n = e ? new Date(e.y, e.m, e.d).getTime() : -Infinity, r = t ? new Date(t.y, t.m, t.d).getTime() : Infinity;
+		let e = j(this.getAttribute("min")), t = j(this.getAttribute("max")), n = e ? new Date(e.y, e.m, e.d).getTime() : -Infinity, r = t ? new Date(t.y, t.m, t.d).getTime() : Infinity;
 		return {
 			dayDisabled: (e, t, i) => {
 				let a = new Date(e, t, i).getTime();
@@ -842,7 +1040,7 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 			},
 			monthDisabled: (e, t) => {
 				let i = new Date(e, t, 1).getTime();
-				return new Date(e, t, F(e, t)).getTime() < n || i > r;
+				return new Date(e, t, N(e, t)).getTime() < n || i > r;
 			},
 			yearDisabled: (e) => {
 				let t = new Date(e, 0, 1).getTime();
@@ -855,28 +1053,28 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 		e && (this._mode === "months" ? e.innerHTML = this._monthsHtml() : this._mode === "years" ? e.innerHTML = this._yearsHtml() : e.innerHTML = this._daysHtml(), this._focusActive());
 	}
 	_daysHtml() {
-		let e = this._firstDay(), t = (new Date(this._viewY, this._viewM, 1).getDay() - e + 7) % 7, n = F(this._viewY, this._viewM), r = N(this._value), i = /* @__PURE__ */ new Date(), { dayDisabled: a } = this._limits(), o = this._focus || r || {
+		let e = this._firstDay(), t = (new Date(this._viewY, this._viewM, 1).getDay() - e + 7) % 7, n = N(this._viewY, this._viewM), r = j(this._value), i = /* @__PURE__ */ new Date(), { dayDisabled: a } = this._limits(), o = this._focus || r || {
 			y: this._viewY,
 			m: this._viewM,
 			d: 1
 		}, s = (e, t, n, s) => {
-			let c = M(e, t, n), l = r && r.y === e && r.m === t && r.d === n, u = i.getFullYear() === e && i.getMonth() === t && i.getDate() === n, d = o.y === e && o.m === t && o.d === n, f = a(e, t, n);
+			let c = A(e, t, n), l = r && r.y === e && r.m === t && r.d === n, u = i.getFullYear() === e && i.getMonth() === t && i.getDate() === n, d = o.y === e && o.m === t && o.d === n, f = a(e, t, n);
 			return `<button type="button" class="${[
 				"datepicker-day",
 				s ? "is-outside" : "",
 				u ? "is-today" : "",
 				l ? "is-selected" : ""
 			].filter(Boolean).join(" ")}" data-iso="${c}" role="gridcell" tabindex="${d && !f ? "0" : "-1"}"${l ? " aria-selected=\"true\"" : ""}${f ? " disabled aria-disabled=\"true\"" : ""}>${n}</button>`;
-		}, c = "", l = I(this._viewY, this._viewM - 1), u = F(l.y, l.m);
+		}, c = "", l = P(this._viewY, this._viewM - 1), u = N(l.y, l.m);
 		for (let e = t - 1; e >= 0; e--) c += s(l.y, l.m, u - e, !0);
 		for (let e = 1; e <= n; e++) c += s(this._viewY, this._viewM, e, !1);
-		let d = I(this._viewY, this._viewM + 1), f = (7 - (t + n) % 7) % 7;
+		let d = P(this._viewY, this._viewM + 1), f = (7 - (t + n) % 7) % 7;
 		for (let e = 1; e <= f; e++) c += s(d.y, d.m, e, !0);
-		let m = A.map((t, n) => A[(n + e) % 7]).map((e) => `<span>${e}</span>`).join("");
+		let m = k.map((t, n) => k[(n + e) % 7]).map((e) => `<span>${e}</span>`).join("");
 		return `
       <div class="datepicker-head">
         <button type="button" class="datepicker-nav-btn" data-nav="-1" aria-label="Previous month">${p("chevron-left")}</button>
-        <button type="button" class="datepicker-month" data-view="months" aria-label="Choose month and year">${k[this._viewM]} ${this._viewY}</button>
+        <button type="button" class="datepicker-month" data-view="months" aria-label="Choose month and year">${O[this._viewM]} ${this._viewY}</button>
         <button type="button" class="datepicker-nav-btn" data-nav="1" aria-label="Next month">${p("chevron-right")}</button>
       </div>
       <div class="datepicker-weekdays">${m}</div>
@@ -887,14 +1085,14 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
       </div>`;
 	}
 	_monthsHtml() {
-		let e = N(this._value), t = /* @__PURE__ */ new Date(), { monthDisabled: n } = this._limits(), r = "";
+		let e = j(this._value), t = /* @__PURE__ */ new Date(), { monthDisabled: n } = this._limits(), r = "";
 		for (let i = 0; i < 12; i++) {
 			let a = e && e.y === this._viewY && e.m === i, o = t.getFullYear() === this._viewY && t.getMonth() === i, s = n(this._viewY, i), c = [
 				"datepicker-cell",
 				o ? "is-today" : "",
 				a ? "is-selected" : ""
 			].filter(Boolean).join(" ");
-			r += `<button type="button" class="${c}" data-month="${i}"${s ? " disabled" : ""}>${k[i].slice(0, 3)}</button>`;
+			r += `<button type="button" class="${c}" data-month="${i}"${s ? " disabled" : ""}>${O[i].slice(0, 3)}</button>`;
 		}
 		return `
       <div class="datepicker-head">
@@ -905,7 +1103,7 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
       <div class="datepicker-cells">${r}</div>`;
 	}
 	_yearsHtml() {
-		let e = N(this._value), t = (/* @__PURE__ */ new Date()).getFullYear(), { yearDisabled: n } = this._limits(), r = this._viewY - (this._viewY % 10 + 10) % 10 - 1, i = "";
+		let e = j(this._value), t = (/* @__PURE__ */ new Date()).getFullYear(), { yearDisabled: n } = this._limits(), r = this._viewY - (this._viewY % 10 + 10) % 10 - 1, i = "";
 		for (let a = 0; a < 12; a++) {
 			let o = r + a, s = e && e.y === o, c = t === o, l = n(o), u = [
 				"datepicker-cell",
@@ -930,21 +1128,21 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 		s(e, t, { clampHeight: !0 });
 	}
 	_setFocus(e, t, n, r) {
-		let { y: i, m: a } = I(e, t);
+		let { y: i, m: a } = P(e, t);
 		this._focus = {
 			y: i,
 			m: a,
 			d: n
 		};
 		let o = i !== this._viewY || a !== this._viewM;
-		this._viewY = i, this._viewM = a, this._slide = o && r || "", this._renderView(), this._slide = "", this.querySelector(`.datepicker-day[data-iso="${M(i, a, n)}"]`)?.focus();
+		this._viewY = i, this._viewM = a, this._slide = o && r || "", this._renderView(), this._slide = "", this.querySelector(`.datepicker-day[data-iso="${A(i, a, n)}"]`)?.focus();
 	}
 	_onKey(e) {
 		if (this._mode !== "days") {
 			e.key === "Escape" && this._close();
 			return;
 		}
-		let t = this._focus || N(this._value) || {
+		let t = this._focus || j(this._value) || {
 			y: this._viewY,
 			m: this._viewM,
 			d: 1
@@ -962,17 +1160,17 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 			case "End": return n(6 - (new Date(t.y, t.m, t.d).getDay() - this._firstDay() + 7) % 7, "slide-next");
 			case "PageUp": {
 				e.preventDefault();
-				let n = I(t.y, t.m - (e.shiftKey ? 12 : 1));
-				return this._setFocus(n.y, n.m, Math.min(t.d, F(n.y, n.m)), "slide-prev");
+				let n = P(t.y, t.m - (e.shiftKey ? 12 : 1));
+				return this._setFocus(n.y, n.m, Math.min(t.d, N(n.y, n.m)), "slide-prev");
 			}
 			case "PageDown": {
 				e.preventDefault();
-				let n = I(t.y, t.m + (e.shiftKey ? 12 : 1));
-				return this._setFocus(n.y, n.m, Math.min(t.d, F(n.y, n.m)), "slide-next");
+				let n = P(t.y, t.m + (e.shiftKey ? 12 : 1));
+				return this._setFocus(n.y, n.m, Math.min(t.d, N(n.y, n.m)), "slide-next");
 			}
 			case "Enter":
 			case " ":
-				e.preventDefault(), this._limits().dayDisabled(t.y, t.m, t.d) || (this.value = M(t.y, t.m, t.d), this.dispatchEvent(new Event("change", { bubbles: !0 })), this._close());
+				e.preventDefault(), this._limits().dayDisabled(t.y, t.m, t.d) || (this.value = A(t.y, t.m, t.d), this.dispatchEvent(new Event("change", { bubbles: !0 })), this._close());
 				return;
 			case "Escape": return this._close();
 			default:
@@ -984,7 +1182,7 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 		if (!e || !t) return;
 		let r = () => !t.hidden;
 		this._open = () => {
-			let r = /* @__PURE__ */ new Date(), i = N(this._value);
+			let r = /* @__PURE__ */ new Date(), i = j(this._value);
 			(i || !this._viewNavigated) && (this._viewY = r.getFullYear(), this._viewM = r.getMonth()), this._mode = "days";
 			let a = r.getFullYear() === this._viewY && r.getMonth() === this._viewM, o = i && i.y === this._viewY && i.m === this._viewM;
 			this._focus = o ? i : {
@@ -999,7 +1197,7 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 			let t = e.target.closest("[data-nav]");
 			if (t) {
 				this._viewNavigated = !0, this._slide = Number(t.dataset.nav) < 0 ? "slide-prev" : "slide-next";
-				let e = I(this._viewY, this._viewM + Number(t.dataset.nav));
+				let e = P(this._viewY, this._viewM + Number(t.dataset.nav));
 				this._viewY = e.y, this._viewM = e.m, this._focus = {
 					y: e.y,
 					m: e.m,
@@ -1038,7 +1236,7 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 			}
 			if (e.target.closest("[data-today]")) {
 				let e = /* @__PURE__ */ new Date();
-				this.value = M(e.getFullYear(), e.getMonth(), e.getDate()), this.dispatchEvent(new Event("change", { bubbles: !0 })), this._close();
+				this.value = A(e.getFullYear(), e.getMonth(), e.getDate()), this.dispatchEvent(new Event("change", { bubbles: !0 })), this._close();
 				return;
 			}
 			if (e.target.closest("[data-clear]")) {
@@ -1066,7 +1264,7 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, re = class extends e {
+}, ce = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -1125,13 +1323,13 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 			text: e,
 			empty: !0
 		} : {
-			text: `${P(this._start) || "Start"} – ${P(this._end) || "End"}`,
+			text: `${M(this._start) || "Start"} – ${M(this._end) || "End"}`,
 			empty: !1
 		};
 	}
 	render() {
 		this._defaultStart === void 0 && (this._defaultStart = this.getAttribute("start") || "", this._defaultEnd = this.getAttribute("end") || "", this._start = this._defaultStart || this._start, this._end = this._defaultEnd || this._end);
-		let e = N(this._start);
+		let e = j(this._start);
 		e && (this._viewY = e.y, this._viewM = e.m);
 		let t = this.getAttribute("size"), n = t === "sm" ? " input-sm" : t === "lg" ? " input-lg" : "", { text: r, empty: i } = this._label(), a = this.getAttribute("aria-label"), o = this.getAttribute("aria-describedby");
 		this.innerHTML = `
@@ -1165,24 +1363,24 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 		r || (r = document.createElement("input"), r.type = "hidden", r.setAttribute("data-range-mirror", e), this.appendChild(r)), r.name = t, r.value = n || "", r.disabled = this.hasAttribute("disabled");
 	}
 	_limits() {
-		let e = N(this.getAttribute("min")), t = N(this.getAttribute("max")), n = e ? new Date(e.y, e.m, e.d).getTime() : -Infinity, r = t ? new Date(t.y, t.m, t.d).getTime() : Infinity;
+		let e = j(this.getAttribute("min")), t = j(this.getAttribute("max")), n = e ? new Date(e.y, e.m, e.d).getTime() : -Infinity, r = t ? new Date(t.y, t.m, t.d).getTime() : Infinity;
 		return (e, t, i) => {
 			let a = new Date(e, t, i).getTime();
 			return a < n || a > r;
 		};
 	}
 	_monthHtml(e, t) {
-		let n = this._firstDay(), r = (new Date(e, t, 1).getDay() - n + 7) % 7, i = F(e, t), a = this._limits(), o = A.map((e, t) => A[(t + n) % 7]).map((e) => `<span>${e}</span>`).join(""), s = (e, t, n, r) => {
-			let i = M(e, t, n), o = a(e, t, n);
+		let n = this._firstDay(), r = (new Date(e, t, 1).getDay() - n + 7) % 7, i = N(e, t), a = this._limits(), o = k.map((e, t) => k[(t + n) % 7]).map((e) => `<span>${e}</span>`).join(""), s = (e, t, n, r) => {
+			let i = A(e, t, n), o = a(e, t, n);
 			return `<button type="button" class="${["datepicker-day", r ? "is-outside" : ""].filter(Boolean).join(" ")}" data-iso="${i}"${o ? " disabled" : ""}>${n}</button>`;
-		}, c = "", l = I(e, t - 1), u = F(l.y, l.m);
+		}, c = "", l = P(e, t - 1), u = N(l.y, l.m);
 		for (let e = r - 1; e >= 0; e--) c += s(l.y, l.m, u - e, !0);
 		for (let n = 1; n <= i; n++) c += s(e, t, n, !1);
-		let d = I(e, t + 1), f = (7 - (r + i) % 7) % 7;
+		let d = P(e, t + 1), f = (7 - (r + i) % 7) % 7;
 		for (let e = 1; e <= f; e++) c += s(d.y, d.m, e, !0);
 		return `
       <div class="daterange-cal">
-        <div class="datepicker-month-label">${k[t]} ${e}</div>
+        <div class="datepicker-month-label">${O[t]} ${e}</div>
         <div class="datepicker-weekdays">${o}</div>
         <div class="datepicker-grid" role="grid">${c}</div>
       </div>`;
@@ -1190,7 +1388,7 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 	_renderView() {
 		let e = this.querySelector(".daterange-pop");
 		if (!e) return;
-		let t = I(this._viewY, this._viewM + 1);
+		let t = P(this._viewY, this._viewM + 1);
 		e.innerHTML = `
       <div class="daterange-head">
         <button type="button" class="datepicker-nav-btn" data-nav="-1" aria-label="Previous month">${p("chevron-left")}</button>
@@ -1216,7 +1414,7 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 			n.classList.toggle("is-range-start", i), n.classList.toggle("is-range-end", a), n.classList.toggle("in-range", o);
 		}
 		let i = e.querySelector("[data-range-hint]");
-		i && (i.textContent = this._start ? this._end ? `${P(this._start)} – ${P(this._end)}` : "Pick an end date" : "Pick a start date");
+		i && (i.textContent = this._start ? this._end ? `${M(this._start)} – ${M(this._end)}` : "Pick an end date" : "Pick a start date");
 	}
 	_position(e, t) {
 		s(e, t, { clampHeight: !0 });
@@ -1238,7 +1436,7 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 		if (!e || !t) return;
 		let r = () => !t.hidden;
 		this._open = () => {
-			let r = N(this._start);
+			let r = j(this._start);
 			if (r) this._viewY = r.y, this._viewM = r.m;
 			else {
 				let e = /* @__PURE__ */ new Date();
@@ -1251,7 +1449,7 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 			this._popClick = !0;
 			let t = e.target.closest("[data-nav]");
 			if (t) {
-				let e = I(this._viewY, this._viewM + Number(t.dataset.nav));
+				let e = P(this._viewY, this._viewM + Number(t.dataset.nav));
 				this._viewY = e.y, this._viewM = e.m, this._renderView();
 				return;
 			}
@@ -1281,7 +1479,7 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, ie = class extends e {
+}, le = class extends e {
 	static get observedAttributes() {
 		return [
 			"static",
@@ -1302,10 +1500,10 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 		e === "static" && this.isConnected && this._wire();
 	}
 	_maxScale() {
-		return ae(this.getAttribute("max-scale"), 1.6);
+		return ue(this.getAttribute("max-scale"), 1.6);
 	}
 	_radius() {
-		return ae(this.getAttribute("radius"), 100);
+		return ue(this.getAttribute("radius"), 100);
 	}
 	_magnifyEnabled() {
 		return !(this.hasAttribute("static") || typeof matchMedia == "function" && (matchMedia("(pointer: coarse)").matches || matchMedia("(prefers-reduced-motion: reduce)").matches));
@@ -1330,10 +1528,10 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 	_teardown() {
 		this._pointerMoveListener &&= (this.removeEventListener("pointermove", this._pointerMoveListener), null), this._pointerLeaveListener &&= (this.removeEventListener("pointerleave", this._pointerLeaveListener), null), this._resetMagnification();
 	}
-}, ae = (e, t) => {
+}, ue = (e, t) => {
 	let n = Number.parseFloat(e);
 	return Number.isFinite(n) ? n : t;
-}, L = "wui-feedback-submit", R = {
+}, de = "wui-feedback-submit", F = {
 	label: "Feedback",
 	heading: "Share feedback",
 	placeholder: "What's working, what isn't?",
@@ -1344,7 +1542,7 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 	emptyError: "Please write a message before sending.",
 	failedError: "That didn't send. Please try again.",
 	thanks: "Thanks — we've got it."
-}, oe = 1e4, se = 1600, ce = class extends e {
+}, fe = 1e4, pe = 1600, me = class extends e {
 	static get observedAttributes() {
 		return [
 			"position",
@@ -1366,19 +1564,19 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 		this.setAttribute("position", String(e ?? "bottom-right"));
 	}
 	get label() {
-		return this.getAttribute("label") || R.label;
+		return this.getAttribute("label") || F.label;
 	}
 	set label(e) {
 		this.setAttribute("label", String(e ?? ""));
 	}
 	get heading() {
-		return this.getAttribute("heading") || R.heading;
+		return this.getAttribute("heading") || F.heading;
 	}
 	set heading(e) {
 		this.setAttribute("heading", String(e ?? ""));
 	}
 	get placeholder() {
-		return this.getAttribute("placeholder") || R.placeholder;
+		return this.getAttribute("placeholder") || F.placeholder;
 	}
 	set placeholder(e) {
 		this.setAttribute("placeholder", String(e ?? ""));
@@ -1393,10 +1591,10 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 		return this._open === !0;
 	}
 	addEventListener(e, t, n) {
-		e === L && (this._submitListeners += 1), super.addEventListener(e, t, n);
+		e === de && (this._submitListeners += 1), super.addEventListener(e, t, n);
 	}
 	removeEventListener(e, t, n) {
-		e === L && this._submitListeners > 0 && --this._submitListeners, super.removeEventListener(e, t, n);
+		e === de && this._submitListeners > 0 && --this._submitListeners, super.removeEventListener(e, t, n);
 	}
 	connectedCallback() {
 		this._rendered || this.render();
@@ -1412,31 +1610,31 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 		this.innerHTML = `
       <button type="button" class="feedback-trigger" aria-expanded="false" aria-haspopup="dialog">
         <span class="feedback-trigger-icon" aria-hidden="true">${p("message-square", { size: 18 })}</span>
-        <span class="feedback-trigger-label">${le(this.label)}</span>
+        <span class="feedback-trigger-label">${he(this.label)}</span>
       </button>
-      <div class="feedback-panel" role="dialog" aria-label="${ue(this.heading)}" hidden>
+      <div class="feedback-panel" role="dialog" aria-label="${ge(this.heading)}" hidden>
         <div class="feedback-head">
-          <h2 class="feedback-heading">${le(this.heading)}</h2>
+          <h2 class="feedback-heading">${he(this.heading)}</h2>
           <button type="button" class="feedback-close" aria-label="Close">${p("x", { size: 16 })}</button>
         </div>
         <div class="feedback-body">
           <label class="feedback-field">
-            <span class="feedback-field-label">${R.messageLabel}</span>
-            <textarea class="feedback-message" rows="4" required placeholder="${ue(this.placeholder)}"></textarea>
+            <span class="feedback-field-label">${F.messageLabel}</span>
+            <textarea class="feedback-message" rows="4" required placeholder="${ge(this.placeholder)}"></textarea>
           </label>
           ${this.collectEmail ? `<label class="feedback-field">
-            <span class="feedback-field-label">${R.emailLabel}</span>
+            <span class="feedback-field-label">${F.emailLabel}</span>
             <input type="email" class="feedback-email" autocomplete="email" placeholder="you@example.com" />
           </label>` : ""}
           <p class="feedback-error" role="alert" hidden></p>
         </div>
         <div class="feedback-actions">
           <button type="button" class="feedback-cancel">Cancel</button>
-          <button type="button" class="feedback-submit">${R.submitLabel}</button>
+          <button type="button" class="feedback-submit">${F.submitLabel}</button>
         </div>
         <div class="feedback-thanks" hidden>
           <span class="feedback-thanks-icon" aria-hidden="true">${p("check-circle", { size: 20 })}</span>
-          <span class="feedback-thanks-text">${R.thanks}</span>
+          <span class="feedback-thanks-text">${F.thanks}</span>
         </div>
       </div>`, this._rendered = !0, this._wire();
 		let r = this._refs();
@@ -1474,18 +1672,18 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 		let { thanks: e, error: t, submit: n, message: r, email: i } = this._refs();
 		this._setBusy(!1), t && (t.hidden = !0, t.textContent = ""), e && (e.hidden = !1), this.querySelector(".feedback-body")?.setAttribute("hidden", ""), this.querySelector(".feedback-actions")?.setAttribute("hidden", ""), n && (n.disabled = !0), this._thanksTimer = setTimeout(() => {
 			r && (r.value = ""), i && (i.value = ""), this._reset(), this.close();
-		}, se);
+		}, pe);
 	}
 	failed(e) {
 		this._clearTimers(), this._state = "error", this._setBusy(!1);
 		let { error: t, message: n } = this._refs();
-		t && (t.textContent = e || R.failedError, t.hidden = !1), n?.focus();
+		t && (t.textContent = e || F.failedError, t.hidden = !1), n?.focus();
 	}
 	_submit() {
 		if (this._state === "submitting") return;
 		let { message: e, email: t, error: n } = this._refs(), r = (e?.value ?? "").trim();
 		if (!r) {
-			n && (n.textContent = R.emptyError, n.hidden = !1), e?.focus();
+			n && (n.textContent = F.emptyError, n.hidden = !1), e?.focus();
 			return;
 		}
 		n && (n.hidden = !0, n.textContent = ""), this._state = "submitting", this._setBusy(!0);
@@ -1495,7 +1693,7 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 			surface: this.getAttribute("surface") || "",
 			screen: this.getAttribute("screen") || ""
 		};
-		if (this.dispatchEvent(new CustomEvent(L, {
+		if (this.dispatchEvent(new CustomEvent(de, {
 			bubbles: !0,
 			composed: !0,
 			detail: i
@@ -1505,11 +1703,11 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 		}
 		this._timer = setTimeout(() => {
 			this._state === "submitting" && this.failed();
-		}, oe);
+		}, fe);
 	}
 	_setBusy(e) {
 		let { submit: t } = this._refs();
-		t && (t.disabled = e, t.textContent = e ? R.sendingLabel : R.submitLabel, this.toggleAttribute("busy", e));
+		t && (t.disabled = e, t.textContent = e ? F.sendingLabel : F.submitLabel, this.toggleAttribute("busy", e));
 	}
 	_reset() {
 		this._clearTimers(), this._state = "idle", this._setBusy(!1);
@@ -1519,23 +1717,23 @@ var O = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").repl
 	_clearTimers() {
 		this._timer &&= (clearTimeout(this._timer), 0), this._thanksTimer &&= (clearTimeout(this._thanksTimer), 0);
 	}
-}, le = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), ue = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), de = {
+}, he = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), ge = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), _e = {
 	enter: "Enter",
 	comma: ",",
 	space: " ",
 	tab: "Tab"
-}, fe = {
+}, ve = {
 	enter: "\n",
 	comma: ",",
 	space: " ",
 	tab: "	"
-}, pe = (e) => de[e], me = (e) => fe[e];
-function he(e, t) {
+}, ye = (e) => _e[e], be = (e) => ve[e];
+function xe(e, t) {
 	let n = [String(e ?? "")];
 	for (let e of t) n = n.flatMap((t) => t.split(e));
 	return n.map((e) => e.trim()).filter(Boolean);
 }
-var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends e {
+var I = (e, t) => t.some((t) => String(e ?? "").includes(t)), Se = class extends e {
 	static formAssociated = !0;
 	_accessibleName() {
 		return this.getAttribute("aria-label") || this.getAttribute("placeholder") || "Select";
@@ -1635,7 +1833,7 @@ var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends
 				[h]: !0,
 				selected: e.hasAttribute("selected")
 			};
-			for (let [n, r] of _e) {
+			for (let [n, r] of Ce) {
 				let i = e.getAttribute(n);
 				i && (t[r] = i);
 			}
@@ -1666,23 +1864,23 @@ var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends
       <div class="search-select${a}">
         <div class="input search-select-control search-select-multi"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}${s ? " aria-disabled=\"true\"" : ""}>
           ${r ? p(r, { className: "search-select-icon" }) : ""}
-          <div class="ms-chips" data-chips><input type="text" class="ms-input" data-input role="combobox" aria-autocomplete="list" aria-haspopup="listbox" aria-expanded="false" aria-controls="${H(o)}" aria-label="${H(this._accessibleName())}" aria-describedby="${H(e)}" autocomplete="off"${s ? " disabled" : ""} /></div>
+          <div class="ms-chips" data-chips><input type="text" class="ms-input" data-input role="combobox" aria-autocomplete="list" aria-haspopup="listbox" aria-expanded="false" aria-controls="${z(o)}" aria-label="${z(this._accessibleName())}" aria-describedby="${z(e)}" autocomplete="off"${s ? " disabled" : ""} /></div>
           ${p("chevron-down", { className: "search-select-caret" })}
         </div>
-        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${H(o)}" aria-multiselectable="true" tabindex="-1" hidden>
+        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${z(o)}" aria-multiselectable="true" tabindex="-1" hidden>
           <div class="search-select-options"></div>
         </div>
       </div>
-      <div class="field-error wui-ms-custom-error" id="${H(e)}" aria-live="polite" hidden></div>`;
+      <div class="field-error wui-ms-custom-error" id="${z(e)}" aria-live="polite" hidden></div>`;
 		} else this.innerHTML = `
       <div class="search-select${a}">
-        <div class="input search-select-control search-select-multi" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="${H(o)}" aria-label="${H(this._accessibleName())}"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}${s ? " aria-disabled=\"true\"" : " tabindex=\"0\""}>
+        <div class="input search-select-control search-select-multi" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="${z(o)}" aria-label="${z(this._accessibleName())}"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}${s ? " aria-disabled=\"true\"" : " tabindex=\"0\""}>
           ${r ? p(r, { className: "search-select-icon" }) : ""}
           <div class="ms-chips" data-chips></div>
           ${p("chevron-down", { className: "search-select-caret" })}
         </div>
-        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${H(o)}" aria-multiselectable="true" tabindex="-1" hidden>
-          ${t ? `<div class="search-select-search">${p("search")}<input class="search-select-input" placeholder="${H(n)}" aria-autocomplete="list" /><button type="button" class="search-select-clear" aria-label="Clear search" hidden>${p("x")}</button></div>` : ""}
+        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${z(o)}" aria-multiselectable="true" tabindex="-1" hidden>
+          ${t ? `<div class="search-select-search">${p("search")}<input class="search-select-input" placeholder="${z(n)}" aria-autocomplete="list" /><button type="button" class="search-select-clear" aria-label="Clear search" hidden>${p("x")}</button></div>` : ""}
           <div class="search-select-options"></div>
           <div class="search-select-empty" hidden>No matches</div>
         </div>
@@ -1692,7 +1890,7 @@ var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends
 	_renderControl() {
 		let e = this.querySelector("[data-chips]");
 		if (!e) return;
-		let t = this.getAttribute("placeholder") || "Select…", n = this._allowCustom ? e.querySelector("[data-input]") : null, r = this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${this._labelHtmlFor(e)}</span><button type="button" class="chip-remove" data-remove="${H(e)}" aria-label="Remove ${H(Ce(this._labelFor(e)))}">${p("x")}</button></span>`).join("");
+		let t = this.getAttribute("placeholder") || "Select…", n = this._allowCustom ? e.querySelector("[data-input]") : null, r = this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${this._labelHtmlFor(e)}</span><button type="button" class="chip-remove" data-remove="${z(e)}" aria-label="Remove ${z(B(this._labelFor(e)))}">${p("x")}</button></span>`).join("");
 		if (n) {
 			for (let t of [...e.querySelectorAll(":scope > .chip")]) t.remove();
 			n.insertAdjacentHTML("beforebegin", r), n.placeholder = this._values.length ? "" : t, this._collapseChips();
@@ -1723,11 +1921,11 @@ var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends
 		i.textContent = `+${t.length - o}`;
 	}
 	_matches(e, t) {
-		return Ce(e.label).toLowerCase().includes(t) || String(e.description ?? "").toLowerCase().includes(t);
+		return B(e.label).toLowerCase().includes(t) || String(e.description ?? "").toLowerCase().includes(t);
 	}
 	_optionNamed(e) {
 		let t = e.trim().toLowerCase();
-		return this._readOptions().find((e) => String(e.value ?? "").toLowerCase() === t || Ce(e.label).trim().toLowerCase() === t);
+		return this._readOptions().find((e) => String(e.value ?? "").toLowerCase() === t || B(e.label).trim().toLowerCase() === t);
 	}
 	_renderOptions(e) {
 		let t = this.querySelector(".search-select-options"), n = this.querySelector(".search-select-empty");
@@ -1736,9 +1934,9 @@ var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends
 		i && (a = a.filter((e) => this._matches(e, i)));
 		let o = this._listboxId || `${this.id || "wui-multiselect"}-listbox`, s = this._allowCustom && r && !this._optionNamed(r), c = a.map((e, t) => {
 			let n = this._values.includes(String(e.value)), r = `${o}-opt-${t}`;
-			return ve(e) ? xe(e, r, n) : `<button type="button" role="option" id="${H(r)}" class="search-select-option${n ? " selected" : ""}" data-value="${H(e.value)}" aria-selected="${n}"><span class="ms-opt-label">${v(e)}</span><span class="ms-check">${p("check")}</span></button>`;
+			return we(e) ? De(e, r, n) : `<button type="button" role="option" id="${z(r)}" class="search-select-option${n ? " selected" : ""}" data-value="${z(e.value)}" aria-selected="${n}"><span class="ms-opt-label">${v(e)}</span><span class="ms-check">${p("check")}</span></button>`;
 		});
-		s && c.push(`<button type="button" role="option" id="${H(`${o}-opt-${a.length}`)}" class="search-select-option search-select-option-custom" data-value="${H(r)}" data-custom="true" aria-selected="false">Add “${g(r)}”</button>`), t.innerHTML = c.join(""), n && (n.hidden = a.length > 0), this._active = -1, this._combobox()?.removeAttribute("aria-activedescendant"), this._allowCustom && this._syncCustomMenu?.(), this._reanchor?.();
+		s && c.push(`<button type="button" role="option" id="${z(`${o}-opt-${a.length}`)}" class="search-select-option search-select-option-custom" data-value="${z(r)}" data-custom="true" aria-selected="false">Add “${g(r)}”</button>`), t.innerHTML = c.join(""), n && (n.hidden = a.length > 0), this._active = -1, this._combobox()?.removeAttribute("aria-activedescendant"), this._allowCustom && this._syncCustomMenu?.(), this._reanchor?.();
 	}
 	_combobox() {
 		return this._allowCustom ? this.querySelector("[data-input]") : this.querySelector(".search-select-control");
@@ -1751,7 +1949,7 @@ var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends
 	_customRefusal(e) {
 		let t = this.getAttribute("custom-invalid-message") || "Enter a valid value.", n = this.getAttribute("custom-pattern");
 		if (n) {
-			let r = Se(n);
+			let r = Oe(n);
 			if (r && !r.test(e)) return t;
 		}
 		let r = this._validateCustom;
@@ -1802,35 +2000,35 @@ var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends
 			a ? (_ = !1, y()) : (t.hidden = !0, e.setAttribute("aria-expanded", "false"), e.classList.remove("open")), g(-1), clearTimeout(this._typeaheadTimer), this._typeaheadTimer = null, this._typeahead = "";
 		}, S = () => {
 			d(this, this._values.join(",")), this.dispatchEvent(new Event("change", { bubbles: !0 }));
-		}, ee = (e) => {
+		}, C = (e) => {
 			let t = String(e);
 			if (this._values.includes(t)) this._values = this._values.filter((e) => e !== t);
 			else if (a && this._values.some((e) => e.toLowerCase() === t.toLowerCase())) return;
 			else this._values = [...this._values, t];
 			this._renderControl(), this._renderOptions(this._query()), S();
-		}, C = (e) => {
+		}, ee = (e) => {
 			this._values = this._values.filter((t) => t !== String(e)), this._renderControl(), this._renderOptions(this._query()), S();
 		}, w = (e, { quiet: t = !1 } = {}) => {
-			let n = this._values.length, r = z(e, B) ? he(e, B) : [e], i = [], a = "";
+			let n = this._values.length, r = I(e, L) ? xe(e, L) : [e], i = [], a = "";
 			for (let e of r) {
 				let t = this._commitTyped(e);
 				t && (i.push(e.trim()), a ||= t);
 			}
 			t && i.length || (o.value = i.join(", "), this._setCustomError(a), this._values.length !== n && (this._renderControl(), S()), this._renderOptions(o.value));
-		}, T = (e) => {
+		}, te = (e) => {
 			if (!(!e || e.getAttribute("aria-disabled") === "true")) {
 				if (e.dataset.custom === "true") {
 					w(e.dataset.value);
 					return;
 				}
-				ee(e.dataset.value), o?.value && (o.value = "", this._setCustomError(""), this._renderOptions(""));
+				C(e.dataset.value), o?.value && (o.value = "", this._setCustomError(""), this._renderOptions(""));
 			}
 		};
 		e.addEventListener("click", (e) => {
 			if (u()) return;
 			let t = e.target.closest("[data-remove]");
 			if (t) {
-				e.stopPropagation(), C(t.dataset.remove), o?.focus();
+				e.stopPropagation(), ee(t.dataset.remove), o?.focus();
 				return;
 			}
 			if (o) {
@@ -1841,7 +2039,7 @@ var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends
 			v() ? x() : b();
 		}), i.addEventListener("click", (e) => {
 			let t = e.target.closest(".search-select-option");
-			t && (T(t), (o || n)?.focus());
+			t && (te(t), (o || n)?.focus());
 		}), i.addEventListener("mousemove", (e) => {
 			let t = e.target.closest(".search-select-option");
 			t && g(h().indexOf(t));
@@ -1854,21 +2052,21 @@ var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends
 			getActive: () => this._active,
 			setActive: (e) => g(e),
 			onEnter: (e) => {
-				e ? T(e) : o?.value.trim() && w(o.value);
+				e ? te(e) : o?.value.trim() && w(o.value);
 			},
 			onEscape: () => {
 				this._navHandler.clearTypeahead(), x(), o || e.focus();
 			}
 		});
-		let E = (e) => {
+		let T = (e) => {
 			let t = o || n;
 			if (e.key === "Backspace" && !t?.value && this._values.length) {
-				C(this._values[this._values.length - 1]);
+				ee(this._values[this._values.length - 1]);
 				return;
 			}
 			this._navHandler.handler(e);
 		};
-		if (n?.addEventListener("keydown", E), r?.addEventListener("click", () => {
+		if (n?.addEventListener("keydown", T), r?.addEventListener("click", () => {
 			n.value = "", this._renderOptions(""), r.hidden = !0, n.focus();
 		}), o) {
 			let t = (e) => {
@@ -1886,16 +2084,16 @@ var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends
 					this._navHandler.handler(e);
 					return;
 				}
-				(e.key === "ArrowDown" || e.key === "ArrowUp") && !v() && b(), E(e);
+				(e.key === "ArrowDown" || e.key === "ArrowUp") && !v() && b(), T(e);
 			}), o.addEventListener("paste", (e) => {
 				let t = e.clipboardData?.getData("text/plain") ?? "";
-				z(t, B) && (e.preventDefault(), w(`${o.value}${t}`));
+				I(t, L) && (e.preventDefault(), w(`${o.value}${t}`));
 			}), o.addEventListener("blur", (e) => {
 				e.relatedTarget && this.contains(e.relatedTarget) || (o.value.trim() && w(o.value, { quiet: !0 }), x());
 			});
 		} else e.addEventListener("keydown", (e) => {
 			if (v()) {
-				E(e);
+				T(e);
 				return;
 			}
 			(e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), b());
@@ -1914,35 +2112,35 @@ var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends
 	disconnectedCallback() {
 		this._teardown(), this._ro?.disconnect(), this._ro = null;
 	}
-}, B = [
+}, L = [
 	",",
 	";",
 	"\n",
 	"	"
-], _e = [
+], Ce = [
 	["description", "description"],
 	["avatar", "avatar"],
 	["initials", "initials"],
 	["disabled-hint", "disabledHint"]
-], ve = (e) => !!(e.description || e.avatar || e.initials || e.disabled || e.disabledHint), ye = (e) => {
+], we = (e) => !!(e.description || e.avatar || e.initials || e.disabled || e.disabledHint), Te = (e) => {
 	let t = String(e ?? "").trim();
 	return /^(https?:)?\/\//i.test(t) || /^\/(?!\/)/.test(t) || /^data:image\/(png|jpe?g|gif|webp|avif);/i.test(t) ? t : "";
-}, be = (e) => {
-	let t = ye(e.avatar);
-	return !t && !e.initials ? "" : `<span class="avatar wui-opt-avatar" aria-hidden="true"><span class="avatar-face">${g(e.initials ?? "")}</span>${t ? `<img class="avatar-img" src="${H(t)}" alt="" />` : ""}</span>`;
-}, xe = (e, t, n) => {
+}, Ee = (e) => {
+	let t = Te(e.avatar);
+	return !t && !e.initials ? "" : `<span class="avatar wui-opt-avatar" aria-hidden="true"><span class="avatar-face">${g(e.initials ?? "")}</span>${t ? `<img class="avatar-img" src="${z(t)}" alt="" />` : ""}</span>`;
+}, De = (e, t, n) => {
 	let r = !!e.disabled, i = e.description ? `<span class="wui-opt-desc">${g(e.description)}</span>` : "", a = e.disabledHint && r ? `<span class="wui-opt-hint">${g(e.disabledHint)}</span>` : "";
-	return `<button type="button" role="option" id="${H(t)}" class="search-select-option wui-opt-rich${n ? " selected" : ""}" data-value="${H(e.value)}" aria-selected="${n}"${r ? " aria-disabled=\"true\"" : ""}><span class="ms-opt-label"><span class="wui-opt-name">${v(e)}</span>${i}</span>${a}${be(e)}<span class="ms-check">${p("check")}</span></button>`;
-}, V = /* @__PURE__ */ new Map(), Se = (e) => {
-	if (V.has(e)) return V.get(e);
+	return `<button type="button" role="option" id="${z(t)}" class="search-select-option wui-opt-rich${n ? " selected" : ""}" data-value="${z(e.value)}" aria-selected="${n}"${r ? " aria-disabled=\"true\"" : ""}><span class="ms-opt-label"><span class="wui-opt-name">${v(e)}</span>${i}</span>${a}${Ee(e)}<span class="ms-check">${p("check")}</span></button>`;
+}, R = /* @__PURE__ */ new Map(), Oe = (e) => {
+	if (R.has(e)) return R.get(e);
 	let t = null;
 	try {
 		t = RegExp(`^(?:${e})$`, "u");
 	} catch {
 		console.warn(`<wui-multiselect> custom-pattern is not a valid regular expression and is ignored: ${e}`);
 	}
-	return V.set(e, t), t;
-}, H = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Ce = (e) => String(e ?? "").replace(/<[^>]*>/g, ""), we = /[^0-9]/g, Te = /[^0-9a-zA-Z]/g, Ee = class extends e {
+	return R.set(e, t), t;
+}, z = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), B = (e) => String(e ?? "").replace(/<[^>]*>/g, ""), ke = /[^0-9]/g, Ae = /[^0-9a-zA-Z]/g, je = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -1973,7 +2171,7 @@ var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends
 		this._value = this._clean(e), d(this, this._value), this._paint();
 	}
 	_clean(e) {
-		return (e == null ? "" : String(e)).replace(this.mode === "alphanumeric" ? Te : we, "").slice(0, this.length);
+		return (e == null ? "" : String(e)).replace(this.mode === "alphanumeric" ? Ae : ke, "").slice(0, this.length);
 	}
 	constructor() {
 		super();
@@ -2064,7 +2262,7 @@ var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends
 	disconnectedCallback() {
 		this._onSelectionChange && document.removeEventListener("selectionchange", this._onSelectionChange);
 	}
-}, De = [
+}, V = [
 	[
 		"AF",
 		"Afghanistan",
@@ -3290,11 +3488,11 @@ var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends
 		"Zimbabwe",
 		"263"
 	]
-], U = (e) => (De.find((t) => t[0] === e) || [
+], H = (e) => (V.find((t) => t[0] === e) || [
 	"",
 	"",
 	""
-])[2], Oe = {
+])[2], Me = {
 	AD: ["Europe/Andorra"],
 	AE: ["Asia/Dubai"],
 	AF: ["Asia/Kabul"],
@@ -3696,13 +3894,13 @@ var z = (e, t) => t.some((t) => String(e ?? "").includes(t)), ge = class extends
 	ZA: ["Africa/Johannesburg"],
 	ZM: ["Africa/Lusaka"],
 	ZW: ["Africa/Harare"]
-}, ke = new Set(De.map(([e]) => e)), Ae = /* @__PURE__ */ new Map();
-for (let [e, t] of Object.entries(Oe)) for (let n of t) Ae.set(n, e);
-function je(e) {
-	let t = Ae.get(e);
-	return t && ke.has(t) ? t : null;
+}, Ne = new Set(V.map(([e]) => e)), Pe = /* @__PURE__ */ new Map();
+for (let [e, t] of Object.entries(Me)) for (let n of t) Pe.set(n, e);
+function Fe(e) {
+	let t = Pe.get(e);
+	return t && Ne.has(t) ? t : null;
 }
-function Me(e) {
+function Ie(e) {
 	if (!e) return null;
 	let t;
 	try {
@@ -3710,9 +3908,9 @@ function Me(e) {
 	} catch {
 		return null;
 	}
-	return t && ke.has(t) ? t : null;
+	return t && Ne.has(t) ? t : null;
 }
-function Ne() {
+function Le() {
 	let e;
 	try {
 		e = Intl.DateTimeFormat().resolvedOptions().timeZone;
@@ -3720,77 +3918,77 @@ function Ne() {
 		e = void 0;
 	}
 	let t = typeof navigator > "u" ? void 0 : navigator.language;
-	return je(e) || Me(t) || "IN";
+	return Fe(e) || Ie(t) || "IN";
 }
 //#endregion
 //#region src/WuiPhone.js
-var Pe = (e) => `wui-flag wui-flag-${String(e).toLowerCase()}`, W = null, Fe = null;
-function Ie() {
-	return W ? Promise.resolve(W) : (Fe ||= Promise.all([import("./max-BDKx469G.js"), import("./examples.mobile.json-BMXTGiGC.js")]).then(([e, t]) => (W = {
+var Re = (e) => `wui-flag wui-flag-${String(e).toLowerCase()}`, U = null, ze = null;
+function Be() {
+	return U ? Promise.resolve(U) : (ze ||= Promise.all([import("./max-BDKx469G.js"), import("./examples.mobile.json-BMXTGiGC.js")]).then(([e, t]) => (U = {
 		AsYouType: e.AsYouType,
 		getExampleNumber: e.getExampleNumber,
 		isValidPhoneNumber: e.isValidPhoneNumber,
 		parsePhoneNumber: e.parsePhoneNumber,
 		examples: t.default || t
-	}, W)).catch(() => null), Fe);
+	}, U)).catch(() => null), ze);
 }
-function Le(e, t) {
-	let n = `+${U(e)}`;
+function Ve(e, t) {
+	let n = `+${H(e)}`;
 	return t?.startsWith(n) ? t.slice(n.length).trimStart() : null;
 }
-function G(e, t) {
-	if (!W || !t) return t;
+function W(e, t) {
+	if (!U || !t) return t;
 	try {
-		return Le(e, new W.AsYouType(e).input(`+${U(e)}${t}`)) || t;
+		return Ve(e, new U.AsYouType(e).input(`+${H(e)}${t}`)) || t;
 	} catch {
 		return t;
 	}
 }
-function Re(e, t) {
+function He(e, t) {
 	if (t <= 0) return 0;
 	let n = 0;
 	for (let r = 0; r < e.length; r++) if (/[0-9]/.test(e[r]) && (n += 1, n === t)) return r + 1;
 	return e.length;
 }
-function K(e) {
-	if (!W) return null;
+function G(e) {
+	if (!U) return null;
 	try {
-		return Le(e, W.getExampleNumber(e, W.examples)?.formatInternational()) || null;
+		return Ve(e, U.getExampleNumber(e, U.examples)?.formatInternational()) || null;
 	} catch {
 		return null;
 	}
 }
-function ze(e) {
-	if (!W || !e) return null;
+function Ue(e) {
+	if (!U || !e) return null;
 	try {
-		if (!W.isValidPhoneNumber(e)) return !1;
-		let t = W.parsePhoneNumber(e)?.getType?.();
+		if (!U.isValidPhoneNumber(e)) return !1;
+		let t = U.parsePhoneNumber(e)?.getType?.();
 		return t === void 0 || t === "MOBILE" || t === "FIXED_LINE_OR_MOBILE";
 	} catch {
 		return null;
 	}
 }
-function Be(e) {
-	if (!W) return null;
+function We(e) {
+	if (!U) return null;
 	try {
-		let t = W.getExampleNumber(e, W.examples);
+		let t = U.getExampleNumber(e, U.examples);
 		return t?.nationalNumber ? t.nationalNumber.length : null;
 	} catch {
 		return null;
 	}
 }
-function Ve(e, t, n) {
+function Ge(e, t, n) {
 	try {
-		let r = W.parsePhoneNumber(t, e), i = r?.nationalNumber;
+		let r = U.parsePhoneNumber(t, e), i = r?.nationalNumber;
 		return !i || r.country !== e || i.length > n || !t.endsWith(i) ? null : i;
 	} catch {
 		return null;
 	}
 }
-function He(e) {
-	if (!W || !e?.trim().startsWith("+")) return null;
+function Ke(e) {
+	if (!U || !e?.trim().startsWith("+")) return null;
 	try {
-		let t = new W.AsYouType();
+		let t = new U.AsYouType();
 		t.input(e.trim());
 		let n = t.getCountry();
 		return n ? {
@@ -3801,7 +3999,7 @@ function He(e) {
 		return null;
 	}
 }
-var Ue = class extends e {
+var qe = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -3821,7 +4019,7 @@ var Ue = class extends e {
 		} catch {
 			this._internals = null;
 		}
-		this._defaultCountry = Ne(), this._country = this._defaultCountry, this._national = "", this._active = -1, this._committedValue = "";
+		this._defaultCountry = Le(), this._country = this._defaultCountry, this._national = "", this._active = -1, this._committedValue = "";
 	}
 	connectedCallback() {
 		if (!this._rendered) {
@@ -3848,13 +4046,13 @@ var Ue = class extends e {
 		this.value = this._defaultValue || "";
 	}
 	get value() {
-		return this._national ? `+${U(this._country)}${this._national}` : "";
+		return this._national ? `+${H(this._country)}${this._national}` : "";
 	}
 	set value(e) {
-		let t = String(e ?? "").trim(), n = He(t);
+		let t = String(e ?? "").trim(), n = Ke(t);
 		if (n) this._country = n.country, this._national = n.national.replace(/[^0-9]/g, "");
 		else if (t.startsWith("+")) {
-			let e = t.replace(/[^0-9]/g, ""), n = String(U(this._country));
+			let e = t.replace(/[^0-9]/g, ""), n = String(H(this._country));
 			n && e.startsWith(n) && (e = e.slice(n.length)), this._national = e;
 		} else this._national = t.replace(/[^0-9]/g, "");
 		n && this.getAttribute("country") !== this._country ? this.setAttribute("country", this._country) : this._rendered && this.render(), this._committedValue = this.value, this._syncMirror();
@@ -3870,25 +4068,25 @@ var Ue = class extends e {
 	}
 	render() {
 		this._defaultValue === void 0 && (this._defaultValue = this.getAttribute("value") || ""), this._country = this.getAttribute("country") || this._country;
-		let e = this.getAttribute("placeholder") || K(this._country) || "Enter phone number";
+		let e = this.getAttribute("placeholder") || G(this._country) || "Enter phone number";
 		this.id ||= `wui-phone-${Math.random().toString(36).slice(2, 9)}`;
 		let t = `${this.id}-listbox`;
 		this._listboxId = t;
-		let n = De.map(([e, n, r], i) => `<button type="button" role="option" id="${q(`${t}-opt-${i}`)}" class="country-dropdown-item${e === this._country ? " selected" : ""}" data-iso="${e}" aria-selected="${e === this._country}"><span class="${Pe(e)}" aria-hidden="true"></span><span class="country-name-text">${n}<span class="country-code-text">+${r}</span></span></button>`).join("");
+		let n = V.map(([e, n, r], i) => `<button type="button" role="option" id="${K(`${t}-opt-${i}`)}" class="country-dropdown-item${e === this._country ? " selected" : ""}" data-iso="${e}" aria-selected="${e === this._country}"><span class="${Re(e)}" aria-hidden="true"></span><span class="country-name-text">${n}<span class="country-code-text">+${r}</span></span></button>`).join("");
 		this.innerHTML = `
       <div class="phone-input-wrap">
         <div class="phone-country-adornment">
-          <button type="button" class="country-toggle" aria-label="Choose country" aria-haspopup="listbox" aria-expanded="false" aria-controls="${q(t)}"${this.hasAttribute("disabled") ? " disabled" : ""}>
-            <span class="${Pe(this._country)}" data-flag aria-hidden="true"></span>
+          <button type="button" class="country-toggle" aria-label="Choose country" aria-haspopup="listbox" aria-expanded="false" aria-controls="${K(t)}"${this.hasAttribute("disabled") ? " disabled" : ""}>
+            <span class="${Re(this._country)}" data-flag aria-hidden="true"></span>
             ${p("chevron-down", { className: "phone-chevron" })}
-            <span class="phone-dial" data-dial>+${U(this._country)}</span>
+            <span class="phone-dial" data-dial>+${H(this._country)}</span>
           </button>
-          <div class="country-dropdown-menu" role="listbox" id="${q(t)}" tabindex="-1" hidden>
-            <div class="dropdown-search-wrapper"><span class="dropdown-search-icon">${p("search")}</span><input type="text" class="dropdown-search-input" placeholder="Search country or code" aria-label="Search countries" aria-controls="${q(t)}" aria-autocomplete="list" /></div>
+          <div class="country-dropdown-menu" role="listbox" id="${K(t)}" tabindex="-1" hidden>
+            <div class="dropdown-search-wrapper"><span class="dropdown-search-icon">${p("search")}</span><input type="text" class="dropdown-search-input" placeholder="Search country or code" aria-label="Search countries" aria-controls="${K(t)}" aria-autocomplete="list" /></div>
             <div class="country-list-scroll">${n}<div class="country-empty" hidden>No countries found</div></div>
           </div>
         </div>
-        <input type="tel" class="input" placeholder="${q(e)}" value="${q(G(this._country, this._national))}"${this.getAttribute("aria-label") ? ` aria-label="${q(this.getAttribute("aria-label"))}"` : ""}${this.getAttribute("aria-describedby") ? ` aria-describedby="${q(this.getAttribute("aria-describedby"))}"` : ""}${this.hasAttribute("required") ? " required aria-required=\"true\"" : ""}${this.hasAttribute("disabled") ? " disabled" : ""} />
+        <input type="tel" class="input" placeholder="${K(e)}" value="${K(W(this._country, this._national))}"${this.getAttribute("aria-label") ? ` aria-label="${K(this.getAttribute("aria-label"))}"` : ""}${this.getAttribute("aria-describedby") ? ` aria-describedby="${K(this.getAttribute("aria-describedby"))}"` : ""}${this.hasAttribute("required") ? " required aria-required=\"true\"" : ""}${this.hasAttribute("disabled") ? " disabled" : ""} />
       </div>
       <div class="field-error" data-phone-error hidden></div>`, this._rendered = !0, d(this, this.value), this._wire();
 	}
@@ -3919,12 +4117,12 @@ var Ue = class extends e {
 			}
 			a && (a.hidden = n > 0);
 		}, v = (e) => {
-			this._country = e, this.getAttribute("country") !== e && (this._suppressCountryRender = !0, this.setAttribute("country", e), this._suppressCountryRender = !1), u && (u.className = Pe(e)), d && (d.textContent = `+${U(e)}`);
+			this._country = e, this.getAttribute("country") !== e && (this._suppressCountryRender = !0, this.setAttribute("country", e), this._suppressCountryRender = !1), u && (u.className = Re(e)), d && (d.textContent = `+${H(e)}`);
 			for (let t of this._itemEls()) {
 				let n = t.dataset.iso === e;
 				t.classList.toggle("selected", n), t.setAttribute("aria-selected", String(n));
 			}
-			!this.getAttribute("placeholder") && o && (o.placeholder = K(e) || "Enter phone number"), o && this._national && (o.value = G(e, this._national)), g(), this._syncMirror(), this._emitChange(), o?.focus();
+			!this.getAttribute("placeholder") && o && (o.placeholder = G(e) || "Enter phone number"), o && this._national && (o.value = W(e, this._national)), g(), this._syncMirror(), this._emitChange(), o?.focus();
 		}, y = (t) => {
 			let n = this._visibleItems();
 			if (t.key === "ArrowDown") {
@@ -3958,7 +4156,7 @@ var Ue = class extends e {
 		let b = this.querySelector("[data-phone-error]"), x = (e) => {
 			if (o.classList.toggle("is-invalid", e), e ? o.setAttribute("aria-invalid", "true") : o.removeAttribute("aria-invalid"), b) {
 				if (e) {
-					let e = K(this._country);
+					let e = G(this._country);
 					b.textContent = e ? `Enter a valid phone number, e.g. ${e}` : "Enter a valid phone number";
 				}
 				b.hidden = !e;
@@ -3966,24 +4164,24 @@ var Ue = class extends e {
 		};
 		o.addEventListener("input", (e) => {
 			e.stopPropagation();
-			let t = o.selectionStart ?? o.value.length, n = o.value.slice(0, t).replace(/[^0-9]/g, "").length, r = o.value.replace(/[^0-9]/g, ""), i = Be(this._country);
+			let t = o.selectionStart ?? o.value.length, n = o.value.slice(0, t).replace(/[^0-9]/g, "").length, r = o.value.replace(/[^0-9]/g, ""), i = We(this._country);
 			if (i && r.length > i) {
-				let e = Ve(this._country, r, i);
+				let e = Ge(this._country, r, i);
 				e ? (n = Math.max(0, n - (r.length - e.length)), r = e) : r = r.slice(0, i);
 			}
 			this._national = r;
-			let a = G(this._country, this._national);
+			let a = W(this._country, this._national);
 			if (o.value !== a) {
 				o.value = a;
-				let e = Re(a, Math.min(n, r.length));
+				let e = He(a, Math.min(n, r.length));
 				o.setSelectionRange(e, e);
 			}
-			this._syncMirror(), this._emitInput(), o.classList.contains("is-invalid") && (!this._national || ze(this.value) === !0) && x(!1);
+			this._syncMirror(), this._emitInput(), o.classList.contains("is-invalid") && (!this._national || Ue(this.value) === !0) && x(!1);
 		}), o.addEventListener("change", (e) => e.stopPropagation()), o.addEventListener("blur", () => {
-			x(this._national.length > 0 && ze(this.value) === !1), this.value !== this._committedValue && this._emitChange();
+			x(this._national.length > 0 && Ue(this.value) === !1), this.value !== this._committedValue && this._emitChange();
 		}), o.addEventListener("paste", (e) => {
-			let t = He(e.clipboardData?.getData("text"));
-			t && (e.preventDefault(), this._national = t.national.replace(/[^0-9]/g, ""), t.country === this._country ? o.value = G(this._country, this._national) : this.setAttribute("country", t.country), this._syncMirror(), this._emitInput(), this._emitChange(), this.querySelector("input[type=tel]")?.focus());
+			let t = Ke(e.clipboardData?.getData("text"));
+			t && (e.preventDefault(), this._national = t.national.replace(/[^0-9]/g, ""), t.country === this._country ? o.value = W(this._country, this._national) : this.setAttribute("country", t.country), this._syncMirror(), this._emitInput(), this._emitChange(), this.querySelector("input[type=tel]")?.focus());
 		}), this._bindGlobal = () => {
 			this._teardownGlobals?.(), this._onDocClick = (e) => {
 				f() && !this.contains(e.target) && g();
@@ -3992,9 +4190,9 @@ var Ue = class extends e {
 			});
 		}, this._teardownGlobals = () => {
 			this._onDocClick &&= (document.removeEventListener("click", this._onDocClick), null), l(this);
-		}, this._bindGlobal(), Ie().then((e) => {
-			if (!(!e || !o.isConnected) && (this._national && (o.value = G(this._country, this._national)), !this.getAttribute("placeholder"))) {
-				let e = K(this._country);
+		}, this._bindGlobal(), Be().then((e) => {
+			if (!(!e || !o.isConnected) && (this._national && (o.value = W(this._country, this._national)), !this.getAttribute("placeholder"))) {
+				let e = G(this._country);
 				e && (o.placeholder = e);
 			}
 		}), this._syncMirror();
@@ -4005,7 +4203,7 @@ var Ue = class extends e {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, q = (e) => String(e ?? "").replace(/"/g, "&quot;").replace(/</g, "&lt;"), We = class extends e {
+}, K = (e) => String(e ?? "").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Je = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -4094,19 +4292,19 @@ var Ue = class extends e {
 		this._listboxId = u;
 		let f = e.map((e, t) => {
 			let n = String(e.value) === String(this._value);
-			return `<button type="button" role="option" id="${J(`${u}-opt-${t}`)}" class="search-select-option${n ? " selected" : ""}" data-value="${J(e.value)}" aria-selected="${n}">${v(e)}</button>`;
+			return `<button type="button" role="option" id="${q(`${u}-opt-${t}`)}" class="search-select-option${n ? " selected" : ""}" data-value="${q(e.value)}" aria-selected="${n}">${v(e)}</button>`;
 		}).join("");
 		this.innerHTML = `
       <div class="search-select${this.hasAttribute("compact") ? " search-select-compact" : ""}${i}">
-        <button type="button" role="combobox" class="input search-select-control" aria-haspopup="listbox" aria-expanded="false" aria-controls="${J(u)}" aria-label="${J(this._accessibleName())}"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}${this.hasAttribute("disabled") ? " disabled" : ""}>
+        <button type="button" role="combobox" class="input search-select-control" aria-haspopup="listbox" aria-expanded="false" aria-controls="${q(u)}" aria-label="${q(this._accessibleName())}"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}${this.hasAttribute("disabled") ? " disabled" : ""}>
           ${a ? p(a, { className: "search-select-icon" }) : ""}
           ${o ? `<span class="search-select-prefix">${g(o)}</span>` : ""}
           <span class="${l ? "" : "search-select-placeholder"}" data-label>${l ? v(l) : g(s)}</span>
           ${n ? `<span class="search-select-reset" role="button" aria-label="Clear selection" hidden>${p("x")}</span>` : ""}
           ${p("chevron-down", { className: "search-select-caret" })}
         </button>
-        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${J(u)}" tabindex="-1" hidden>
-          ${t ? `<div class="search-select-search">${p("search")}<input class="search-select-input" placeholder="${J(c)}" aria-autocomplete="list" /><button type="button" class="search-select-clear" aria-label="Clear search" hidden>${p("x")}</button></div>` : ""}
+        <div class="search-select-menu search-select-menu-fixed" role="listbox" id="${q(u)}" tabindex="-1" hidden>
+          ${t ? `<div class="search-select-search">${p("search")}<input class="search-select-input" placeholder="${q(c)}" aria-autocomplete="list" /><button type="button" class="search-select-clear" aria-label="Clear search" hidden>${p("x")}</button></div>` : ""}
           <div class="search-select-options">${f}<div class="search-select-empty" hidden>No matches</div></div>
         </div>
       </div>`, this._rendered = !0, d(this, this._value), this._wire(), this._syncReset();
@@ -4211,7 +4409,7 @@ var Ue = class extends e {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, J = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Ge = class extends e {
+}, q = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Ye = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -4251,19 +4449,19 @@ var Ue = class extends e {
 		return this._value;
 	}
 	set value(e) {
-		this._value = this._snapToStep(this._clamp(Y(e, this._value))), this._syncValue(), this._syncMirrors();
+		this._value = this._snapToStep(this._clamp(J(e, this._value))), this._syncValue(), this._syncMirrors();
 	}
 	get start() {
 		return this._start;
 	}
 	set start(e) {
-		this._start = Math.min(this._snapToStep(this._clamp(Y(e, this._start))), this._end), this._syncValue(), this._syncMirrors();
+		this._start = Math.min(this._snapToStep(this._clamp(J(e, this._start))), this._end), this._syncValue(), this._syncMirrors();
 	}
 	get end() {
 		return this._end;
 	}
 	set end(e) {
-		this._end = Math.max(this._snapToStep(this._clamp(Y(e, this._end))), this._start), this._syncValue(), this._syncMirrors();
+		this._end = Math.max(this._snapToStep(this._clamp(J(e, this._end))), this._start), this._syncValue(), this._syncMirrors();
 	}
 	attributeChangedCallback(e, t, n) {
 		if (e === "value" || e === "start" || e === "end" || e === "min" || e === "max" || e === "step") {
@@ -4276,19 +4474,19 @@ var Ue = class extends e {
 		this._isRange() ? this._resetRange() : this._resetSingle();
 	}
 	_updateFromAttribute(e) {
-		e === "value" ? this._value = this._snapToStep(this._clamp(Y(this.getAttribute("value"), this._value))) : e === "start" ? this._start = this._snapToStep(this._clamp(Y(this.getAttribute("start"), this._start))) : e === "end" && (this._end = this._snapToStep(this._clamp(Y(this.getAttribute("end"), this._end))));
+		e === "value" ? this._value = this._snapToStep(this._clamp(J(this.getAttribute("value"), this._value))) : e === "start" ? this._start = this._snapToStep(this._clamp(J(this.getAttribute("start"), this._start))) : e === "end" && (this._end = this._snapToStep(this._clamp(J(this.getAttribute("end"), this._end))));
 	}
 	_isRange() {
 		return this.hasAttribute("range");
 	}
 	_min() {
-		return Y(this.getAttribute("min"), 0);
+		return J(this.getAttribute("min"), 0);
 	}
 	_max() {
-		return Y(this.getAttribute("max"), 100);
+		return J(this.getAttribute("max"), 100);
 	}
 	_step() {
-		return Y(this.getAttribute("step"), 1);
+		return J(this.getAttribute("step"), 1);
 	}
 	_clamp(e) {
 		return Math.max(this._min(), Math.min(e, this._max()));
@@ -4353,7 +4551,7 @@ var Ue = class extends e {
             aria-valuenow="${this._value}"
             aria-valuetext="${this._formatValue(this._value)}"
             ${a ? "disabled" : ""}
-            aria-label="${Ke(this.getAttribute("aria-label") || "Value")}"
+            aria-label="${Xe(this.getAttribute("aria-label") || "Value")}"
           ></button>
         `}
         ${this.hasAttribute("show-value") ? n ? `<span class="slider-value">${this._formatValue(this._start)} – ${this._formatValue(this._end)}</span>` : `<span class="slider-value">${this._formatValue(this._value)}</span>` : ""}
@@ -4453,10 +4651,10 @@ var Ue = class extends e {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, Y = (e, t) => {
+}, J = (e, t) => {
 	let n = Number.parseFloat(e);
 	return Number.isFinite(n) ? n : t;
-}, Ke = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), qe = class extends e {
+}, Xe = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Ze = class extends e {
 	static formAssociated = !0;
 	_accessibleName() {
 		return this.getAttribute("aria-label") || this.getAttribute("placeholder") || "Add tags";
@@ -4529,7 +4727,7 @@ var Ue = class extends e {
 		d(this, this._values.join(",")), this.innerHTML = `
       <div class="search-select${t}">
         <div class="input search-select-control search-select-multi"${this.hasAttribute("aria-invalid") ? " aria-invalid=\"true\"" : ""}${this.hasAttribute("disabled") ? " aria-disabled=\"true\"" : ""}>
-          <input type="text" class="ms-input" data-input aria-label="${X(this._accessibleName())}" placeholder="${X(this.getAttribute("placeholder") || "Add…")}" autocomplete="off"${this.hasAttribute("disabled") ? " disabled" : ""}/>
+          <input type="text" class="ms-input" data-input aria-label="${Y(this._accessibleName())}" placeholder="${Y(this.getAttribute("placeholder") || "Add…")}" autocomplete="off"${this.hasAttribute("disabled") ? " disabled" : ""}/>
           <div class="ms-chips" data-chips></div>
         </div>
       </div>`, this._rendered = !0, d(this, this._values.join(",")), this._renderControl(), this._wire();
@@ -4541,14 +4739,14 @@ var Ue = class extends e {
 				e.innerHTML = "";
 				return;
 			}
-			e.innerHTML = this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${Je(e)}</span><button type="button" class="chip-remove" data-remove="${X(e)}" aria-label="Remove ${X(e)}">${p("x")}</button></span>`).join("");
+			e.innerHTML = this._values.map((e) => `<span class="chip chip-sm"><span class="chip-label">${Qe(e)}</span><button type="button" class="chip-remove" data-remove="${Y(e)}" aria-label="Remove ${Y(e)}">${p("x")}</button></span>`).join("");
 		}
 	}
 	_wire() {
 		this._teardown();
 		let e = this.querySelector(".search-select-control"), t = this.querySelector("[data-input]");
 		if (!e || !t) return;
-		let n = () => this.hasAttribute("disabled"), r = (this.getAttribute("separators") || "enter,comma").split(",").map((e) => e.trim()), i = this.getAttribute("max-tags"), a = this.hasAttribute("allow-duplicates"), o = new Set(r.map(pe).filter(Boolean)), s = () => {
+		let n = () => this.hasAttribute("disabled"), r = (this.getAttribute("separators") || "enter,comma").split(",").map((e) => e.trim()), i = this.getAttribute("max-tags"), a = this.hasAttribute("allow-duplicates"), o = new Set(r.map(ye).filter(Boolean)), s = () => {
 			d(this, this._values.join(",")), this.dispatchEvent(new Event("change", { bubbles: !0 }));
 		}, c = (e) => {
 			let t = e.trim();
@@ -4580,9 +4778,9 @@ var Ue = class extends e {
 			e.preventDefault();
 			let n = e.clipboardData.getData("text/plain"), a = [];
 			for (let e of r) {
-				let t = me(e) ?? e;
-				if (z(n, [t])) {
-					a.push(...he(n, [t]));
+				let t = be(e) ?? e;
+				if (I(n, [t])) {
+					a.push(...xe(n, [t]));
 					break;
 				}
 			}
@@ -4610,18 +4808,18 @@ var Ue = class extends e {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, Je = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), X = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), Ye = (e) => String(e).padStart(2, "0"), Xe = (e, t) => `${Ye(e)}:${Ye(t)}`, Z = (e) => {
+}, Qe = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Y = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), $e = (e) => String(e).padStart(2, "0"), et = (e, t) => `${$e(e)}:${$e(t)}`, X = (e) => {
 	let t = /^(\d{2}):(\d{2})$/.exec(e || "");
 	return t ? {
 		h: +t[1],
 		m: +t[2]
 	} : null;
-}, Ze = (e, t = "24") => {
+}, tt = (e, t = "24") => {
 	if (!e) return "";
-	if (t === "24") return Xe(e.h, e.m);
+	if (t === "24") return et(e.h, e.m);
 	let n = e.h % 12 || 12, r = e.h >= 12 ? "PM" : "AM";
-	return `${n}:${Ye(e.m)} ${r}`;
-}, Qe = class extends e {
+	return `${n}:${$e(e.m)} ${r}`;
+}, nt = class extends e {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [
@@ -4668,11 +4866,11 @@ var Ue = class extends e {
 	}
 	render() {
 		this._defaultValue === void 0 && (this._defaultValue = this.getAttribute("value") || "", this._value = this._defaultValue || this._value);
-		let e = this.getAttribute("placeholder") || "Select time", t = Z(this._value), n = this.getAttribute("format") || "24", r = this.getAttribute("size"), i = r === "sm" ? " input-sm" : r === "lg" ? " input-lg" : "", a = this.getAttribute("aria-label"), o = this.getAttribute("aria-describedby");
+		let e = this.getAttribute("placeholder") || "Select time", t = X(this._value), n = this.getAttribute("format") || "24", r = this.getAttribute("size"), i = r === "sm" ? " input-sm" : r === "lg" ? " input-lg" : "", a = this.getAttribute("aria-label"), o = this.getAttribute("aria-describedby");
 		this.innerHTML = `
       <div class="timepicker">
         <button type="button" class="input timepicker-trigger${i}${t ? " has-value" : ""}" aria-haspopup="listbox" aria-expanded="false"${this.hasAttribute("disabled") ? " disabled" : ""}${a ? ` aria-label="${g(a)}"` : ""}${o ? ` aria-describedby="${g(o)}"` : ""}>
-          <span data-trigger-label class="${t ? "" : "timepicker-placeholder"}">${t ? Ze(t, n) : g(e)}</span>
+          <span data-trigger-label class="${t ? "" : "timepicker-placeholder"}">${t ? tt(t, n) : g(e)}</span>
           ${p("clock")}
         </button>
         <div class="timepicker-pop" role="listbox" tabindex="-1" hidden></div>
@@ -4684,14 +4882,14 @@ var Ue = class extends e {
 	_syncTrigger() {
 		let e = this.querySelector(".timepicker-trigger"), t = this.querySelector("[data-trigger-label]");
 		if (!t) return;
-		let n = Z(this._value), r = this.getAttribute("format") || "24";
-		t.textContent = n ? Ze(n, r) : this.getAttribute("placeholder") || "Select time", t.classList.toggle("timepicker-placeholder", !n), e?.classList.toggle("has-value", !!n);
+		let n = X(this._value), r = this.getAttribute("format") || "24";
+		t.textContent = n ? tt(n, r) : this.getAttribute("placeholder") || "Select time", t.classList.toggle("timepicker-placeholder", !n), e?.classList.toggle("has-value", !!n);
 	}
 	_buildTimes() {
-		let e = Math.max(1, parseInt(this.getAttribute("step") || "30", 10)), t = this.getAttribute("min") || "00:00", n = this.getAttribute("max") || "23:59", r = Z(t) || {
+		let e = Math.max(1, parseInt(this.getAttribute("step") || "30", 10)), t = this.getAttribute("min") || "00:00", n = this.getAttribute("max") || "23:59", r = X(t) || {
 			h: 0,
 			m: 0
-		}, i = Z(n) || {
+		}, i = X(n) || {
 			h: 23,
 			m: 59
 		}, a = [], o = r.h, s = r.m;
@@ -4704,10 +4902,10 @@ var Ue = class extends e {
 	_renderOptions() {
 		let e = this.querySelector(".timepicker-pop");
 		if (!e) return;
-		let t = this.getAttribute("format") || "24", n = this._buildTimes(), r = Z(this._value), i = this._focus, a = "";
+		let t = this.getAttribute("format") || "24", n = this._buildTimes(), r = X(this._value), i = this._focus, a = "";
 		for (let e = 0; e < n.length; e++) {
-			let o = n[e], s = Xe(o.h, o.m), c = r && r.h === o.h && r.m === o.m;
-			a += `<button type="button" class="timepicker-option${c ? " is-selected" : ""}" data-hm="${s}" role="option" tabindex="${i === e ? "0" : "-1"}"${c ? " aria-selected=\"true\"" : ""}>${Ze(o, t)}</button>`;
+			let o = n[e], s = et(o.h, o.m), c = r && r.h === o.h && r.m === o.m;
+			a += `<button type="button" class="timepicker-option${c ? " is-selected" : ""}" data-hm="${s}" role="option" tabindex="${i === e ? "0" : "-1"}"${c ? " aria-selected=\"true\"" : ""}>${tt(o, t)}</button>`;
 		}
 		e.innerHTML = a, this._focusActive();
 	}
@@ -4805,7 +5003,7 @@ var Ue = class extends e {
 	disconnectedCallback() {
 		this._teardown();
 	}
-}, $e = "wui-wizard-step", et = class extends e {
+}, rt = "wui-wizard-step", it = class extends e {
 	static get observedAttributes() {
 		return [
 			"active",
@@ -4839,7 +5037,7 @@ var Ue = class extends e {
 		this._beforeNext = typeof e == "function" ? e : null;
 	}
 	get _steps() {
-		return [...this.querySelectorAll(`:scope > ${$e}`)];
+		return [...this.querySelectorAll(`:scope > ${rt}`)];
 	}
 	refresh() {
 		this._rendered && this._renderChrome();
@@ -4898,13 +5096,13 @@ var Ue = class extends e {
 		return e.map((e, r) => {
 			let a = this._stepStatus(e, r), o = e.getAttribute("label") || "", s = e.getAttribute("description") || "", c = e.getAttribute("icon") || "", l = r + 1, u;
 			u = a === "done" ? p("check") : a === "error" ? p("alert-triangle") : a === "skipped" ? p("minus") : c ? p(c) : String(l);
-			let d = a === "pending" ? "step" : `step ${a}`, f = a === "active" ? " aria-current=\"step\"" : "", m = i || r < this._active, h = s ? `<span class="step-desc">${Q(s)}</span>` : "", g;
-			return g = t ? `<span class="step-circle">${u}</span><span class="step-text"><span class="step-index">Step ${l}</span><span class="step-label">${Q(o)}</span>${h}</span>` : n ? `<span class="step-circle">${u}</span><span class="step-index">Step ${l}</span><span class="step-label">${Q(o)}</span>${h}` : `<span class="step-circle">${u}</span><span class="step-label">${Q(o)}</span>${h}`, m ? `<button type="button" class="${d}" data-step="${r}"${f}>${g}</button>` : `<div class="${d}"${f}>${g}</div>`;
+			let d = a === "pending" ? "step" : `step ${a}`, f = a === "active" ? " aria-current=\"step\"" : "", m = i || r < this._active, h = s ? `<span class="step-desc">${Z(s)}</span>` : "", g;
+			return g = t ? `<span class="step-circle">${u}</span><span class="step-text"><span class="step-index">Step ${l}</span><span class="step-label">${Z(o)}</span>${h}</span>` : n ? `<span class="step-circle">${u}</span><span class="step-index">Step ${l}</span><span class="step-label">${Z(o)}</span>${h}` : `<span class="step-circle">${u}</span><span class="step-label">${Z(o)}</span>${h}`, m ? `<button type="button" class="${d}" data-step="${r}"${f}>${g}</button>` : `<div class="${d}"${f}>${g}</div>`;
 		}).join("");
 	}
 	_footerHtml(e) {
 		let t = this._active, n = e.length - 1, r = this.hasAttribute("disabled") ? " disabled" : "", i = e[t]?.hasAttribute("optional") || this.hasAttribute("skippable"), a = this.getAttribute("back-label") || "Back", o = this.getAttribute("next-label") || "Next", s = this.getAttribute("skip-label") || "Skip", c = this.getAttribute("finish-label") || "Finish";
-		return `${t > 0 ? `<button type="button" class="btn btn-secondary" data-nav="back"${r}>${p("arrow-left", { className: "me-2" })}${Q(a)}</button>` : "<span></span>"}<span class="wizard-footer-actions">${i && t < n ? `<button type="button" class="btn btn-subtle" data-nav="skip"${r}>${Q(s)}</button>` : ""}${t < n ? `<button type="button" class="btn btn-primary" data-nav="next"${r}>${Q(o)}${p("arrow-right", { className: "ms-2" })}</button>` : `<button type="button" class="btn btn-primary" data-nav="finish"${r}>${Q(c)}</button>`}</span>`;
+		return `${t > 0 ? `<button type="button" class="btn btn-secondary" data-nav="back"${r}>${p("arrow-left", { className: "me-2" })}${Z(a)}</button>` : "<span></span>"}<span class="wizard-footer-actions">${i && t < n ? `<button type="button" class="btn btn-subtle" data-nav="skip"${r}>${Z(s)}</button>` : ""}${t < n ? `<button type="button" class="btn btn-primary" data-nav="next"${r}>${Z(o)}${p("arrow-right", { className: "ms-2" })}</button>` : `<button type="button" class="btn btn-primary" data-nav="finish"${r}>${Z(c)}</button>`}</span>`;
 	}
 	_wire() {
 		this._teardown(), this._onHeaderClick = (e) => {
@@ -4976,7 +5174,7 @@ var Ue = class extends e {
 	_reflectActive(e) {
 		this._reflecting = !0, this.setAttribute("active", String(e)), this._reflecting = !1;
 	}
-}, Q = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), tt = class extends e {
+}, Z = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), at = class extends e {
 	static get observedAttributes() {
 		return [
 			"label",
@@ -4990,8 +5188,8 @@ var Ue = class extends e {
 		let e = this.closest("wui-wizard");
 		e && typeof e.refresh == "function" && e.refresh();
 	}
-}, nt = 2e3;
-async function rt(e) {
+}, ot = 2e3;
+async function st(e) {
 	try {
 		if (navigator.clipboard?.writeText) return await navigator.clipboard.writeText(e), !0;
 	} catch {}
@@ -5006,14 +5204,14 @@ async function rt(e) {
 }
 //#endregion
 //#region src/fileValidation.js
-var it = "image/png,image/jpeg,image/webp", at = 5, ot = {
+var ct = "image/png,image/jpeg,image/webp", lt = 5, ut = {
 	"image/png": [".png"],
 	"image/jpeg": [".jpg", ".jpeg"],
 	"image/webp": [".webp"],
 	"image/gif": [".gif"],
 	"image/svg+xml": [".svg"],
 	"application/pdf": [".pdf"]
-}, st = {
+}, dt = {
 	"image/png": "PNG",
 	"image/jpeg": "JPG",
 	"image/webp": "WEBP",
@@ -5027,7 +5225,7 @@ var it = "image/png,image/jpeg,image/webp", at = 5, ot = {
 	".gif": "GIF",
 	".svg": "SVG",
 	".pdf": "PDF"
-}, ct = (e) => String(e || "").split(",").map((e) => e.trim().toLowerCase()).filter(Boolean), lt = [
+}, ft = (e) => String(e || "").split(",").map((e) => e.trim().toLowerCase()).filter(Boolean), pt = [
 	".png",
 	".jpg",
 	".jpeg",
@@ -5038,54 +5236,54 @@ var it = "image/png,image/jpeg,image/webp", at = 5, ot = {
 	".avif",
 	".heic"
 ];
-function ut(e) {
+function mt(e) {
 	if (!e) return !1;
 	let t = typeof e == "object" && e.type ? String(e.type).toLowerCase() : "";
 	if (t) return t.startsWith("image/");
 	let n = typeof e == "string" ? e : e.name || e.url || "", r = String(n).toLowerCase();
-	return lt.some((e) => r.endsWith(e));
+	return pt.some((e) => r.endsWith(e));
 }
-function dt(e) {
-	let t = ct(e);
-	return t.length ? t.every((e) => e.startsWith(".") ? lt.includes(e) : e === "image/*" || e.startsWith("image/")) : !1;
+function ht(e) {
+	let t = ft(e);
+	return t.length ? t.every((e) => e.startsWith(".") ? pt.includes(e) : e === "image/*" || e.startsWith("image/")) : !1;
 }
-function ft(e) {
+function gt(e) {
 	let t = [];
-	for (let n of ct(e)) {
-		let e = st[n] || (n.startsWith(".") ? n.slice(1).toUpperCase() : n.toUpperCase());
+	for (let n of ft(e)) {
+		let e = dt[n] || (n.startsWith(".") ? n.slice(1).toUpperCase() : n.toUpperCase());
 		t.includes(e) || t.push(e);
 	}
 	return t.length <= 1 ? t[0] || "supported" : `${t.slice(0, -1).join(", ")} or ${t[t.length - 1]}`;
 }
-function pt(e, t) {
-	let n = ct(t);
+function _t(e, t) {
+	let n = ft(t);
 	if (!n.length) return !0;
 	let r = (e.type || "").toLowerCase(), i = (e.name || "").toLowerCase();
-	return n.some((e) => e.startsWith(".") ? i.endsWith(e) : e.endsWith("/*") ? r.startsWith(e.slice(0, -1)) : r && r === e ? !0 : !r && (ot[e] || []).some((e) => i.endsWith(e)));
+	return n.some((e) => e.startsWith(".") ? i.endsWith(e) : e.endsWith("/*") ? r.startsWith(e.slice(0, -1)) : r && r === e ? !0 : !r && (ut[e] || []).some((e) => i.endsWith(e)));
 }
-function mt(e, t = {}) {
+function vt(e, t = {}) {
 	if (!e) return null;
-	let n = t.accept === void 0 ? it : t.accept, r = t.maxSizeMb || 5;
-	return pt(e, n) ? e.size > r * 1024 * 1024 ? `Keep the file under ${r} MB.` : null : `Choose a ${ft(n)} file.`;
+	let n = t.accept === void 0 ? ct : t.accept, r = t.maxSizeMb || 5;
+	return _t(e, n) ? e.size > r * 1024 * 1024 ? `Keep the file under ${r} MB.` : null : `Choose a ${gt(n)} file.`;
 }
 //#endregion
 //#region src/passwordRules.js
-var ht = {
+var Q = {
 	minLength: 8,
 	uppercase: !0,
 	lowercase: !0,
 	digit: !0,
 	special: !0,
 	uniqueChars: 0
-}, gt = "Password Requirements";
-function _t(e) {
-	return e === !0 || e == null ? { ...ht } : {
-		...ht,
+}, yt = "Password Requirements";
+function bt(e) {
+	return e === !0 || e == null ? { ...Q } : {
+		...Q,
 		...e
 	};
 }
-function vt(e) {
-	let t = _t(e), n = [];
+function xt(e) {
+	let t = bt(e), n = [];
 	if (t.minLength > 0 && n.push({
 		key: "length",
 		label: `At least ${t.minLength} characters long`,
@@ -5116,25 +5314,25 @@ function vt(e) {
 	}
 	return n;
 }
-function yt(e, t) {
+function St(e, t) {
 	let n = e == null ? "" : String(e);
-	return vt(t).map((e) => ({
+	return xt(t).map((e) => ({
 		key: e.key,
 		label: e.label,
 		met: e.test(n)
 	}));
 }
-function bt(e, t) {
-	return yt(e, t).every((e) => e.met);
+function Ct(e, t) {
+	return St(e, t).every((e) => e.met);
 }
 //#endregion
 //#region src/index.js
 var $ = (e, t) => {
 	typeof customElements < "u" && !customElements.get(e) && customElements.define(e, t);
 };
-function xt() {
-	$("wui-select", We), $("wui-phone", Ue), $("wui-datepicker", ne), $("wui-date-range", re), $("wui-dock", ie), $("wui-feedback", ce), $("wui-consent-banner", E), $("wui-slider", Ge), $("wui-timepicker", Qe), $("wui-autocomplete", y), $("wui-multiselect", ge), $("wui-taginput", qe), $("wui-otp", Ee), $("wui-status-icon", r), $("wui-wizard-step", tt), $("wui-wizard", et);
+function wt() {
+	$("wui-select", Je), $("wui-phone", qe), $("wui-datepicker", se), $("wui-date-range", ce), $("wui-dock", le), $("wui-feedback", me), $("wui-consent-banner", ie), $("wui-slider", Ye), $("wui-timepicker", nt), $("wui-autocomplete", y), $("wui-multiselect", Se), $("wui-taginput", Ze), $("wui-otp", je), $("wui-status-icon", r), $("wui-wizard-step", at), $("wui-wizard", it);
 }
-xt();
+wt();
 //#endregion
-export { nt as COPY_FEEDBACK_MS, it as DEFAULT_IMAGE_ACCEPT, at as DEFAULT_MAX_SIZE_MB, ht as DEFAULT_PASSWORD_RULES, gt as DEFAULT_REQUIREMENTS_TITLE, n as STATUS_TONES, y as WuiAutocomplete, E as WuiConsentBanner, ne as WuiDatePicker, re as WuiDateRange, ie as WuiDock, ce as WuiFeedback, ge as WuiMultiSelect, Ee as WuiOtp, Ue as WuiPhone, We as WuiSelect, Ge as WuiSlider, r as WuiStatusIcon, qe as WuiTagInput, Qe as WuiTimePicker, et as WuiWizard, tt as WuiWizardStep, ft as acceptLabel, vt as buildPasswordRules, rt as copyTextToClipboard, xt as defineWeborityElements, yt as evaluatePassword, p as glyphSvg, ut as isImageFile, dt as isImageOnlyAccept, pt as matchesAccept, bt as passwordSatisfies, mt as validateFile };
+export { ot as COPY_FEEDBACK_MS, ct as DEFAULT_IMAGE_ACCEPT, lt as DEFAULT_MAX_SIZE_MB, Q as DEFAULT_PASSWORD_RULES, yt as DEFAULT_REQUIREMENTS_TITLE, n as STATUS_TONES, y as WuiAutocomplete, ie as WuiConsentBanner, se as WuiDatePicker, ce as WuiDateRange, le as WuiDock, me as WuiFeedback, Se as WuiMultiSelect, je as WuiOtp, qe as WuiPhone, Je as WuiSelect, Ye as WuiSlider, r as WuiStatusIcon, Ze as WuiTagInput, nt as WuiTimePicker, it as WuiWizard, at as WuiWizardStep, gt as acceptLabel, xt as buildPasswordRules, st as copyTextToClipboard, wt as defineWeborityElements, St as evaluatePassword, p as glyphSvg, mt as isImageFile, ht as isImageOnlyAccept, _t as matchesAccept, Ct as passwordSatisfies, vt as validateFile };