@juspay/svelte-ui-components 2.135.0 → 2.136.0

package/dist-wc/index.js

@@ -5766,6 +5766,79 @@ customElements.define("sui-checkbox", create_custom_element(Checkbox_wc, {
 	onclick: { type: "Object" }
 }, ["checked-icon", "indeterminate-icon"], [], { mode: "open" }));
 //#endregion
+//#region src/lib/utils.ts
+function validateInput(e, t, n, i, a) {
+	let o = "Valid";
+	switch (t) {
+		case "email":
+			o = validateEmailInput(e);
+			break;
+		case "tel":
+			o = n === null ? validatePhoneNumber(e) : validateTextWithPattern(e, n, i);
+			break;
+		case "password":
+			o = validatePassword(e, n, i);
+			break;
+		case "text":
+			o = validateTextWithPattern(e, n, i);
+			break;
+	}
+	return a.forEach((t) => {
+		let n = t(e, o);
+		o = n === "Invalid" ? "Invalid" : n === "InProgress" ? "InProgress" : o === "Valid" && n === "Valid" ? "Valid" : o;
+	}), o;
+}
+function validateTextWithPattern(e, t, n) {
+	return t === null || t.test(e) ? "Valid" : n !== null && n.test(e) || e.length === 0 ? "InProgress" : "Invalid";
+}
+function validatePassword(e, t, n) {
+	return t === null || t.test(e) ? "Valid" : n !== null && n.test(e) && e.length === 0 ? "InProgress" : "Invalid";
+}
+function validateEmailInput(e) {
+	try {
+		let t = /* @__PURE__ */ new RegExp(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/), n = /* @__PURE__ */ new RegExp(/[^ ]{1,}[\w0-9.,_,@]{0,}/);
+		return t.test(e) ? "Valid" : n.test(e) || e.length === 0 ? "InProgress" : "Invalid";
+	} catch (e) {
+		console.error("Email Regex creation failed: ", e);
+	}
+	return "Valid";
+}
+function validatePhoneNumber(e) {
+	try {
+		let t = /* @__PURE__ */ RegExp("^[6-9]{1}[0-9]{9}$"), n = /* @__PURE__ */ RegExp("^[6-9]{1}[0-9]{0,9}$");
+		return t.test(e) ? "Valid" : n.test(e) || e.length === 0 ? "InProgress" : "Invalid";
+	} catch (e) {
+		console.error("Phone Regex creation failed", e);
+	}
+	return e.length === 10 ? "Valid" : e.length > 10 ? "InProgress" : "Invalid";
+}
+function getStorageItem(e) {
+	try {
+		return localStorage.getItem(e);
+	} catch {
+		return null;
+	}
+}
+function setStorageItem(e, t) {
+	try {
+		localStorage.setItem(e, t);
+	} catch {}
+}
+function createDebouncer(e) {
+	let t = 0;
+	return function(n, ...i) {
+		let a = Date.now();
+		a - t > e && (t = a, n(...i));
+	};
+}
+var bodyScrollLockCount = 0;
+function lockBodyScroll() {
+	typeof document > "u" || (bodyScrollLockCount === 0 && (document.body.style.overflow = "hidden"), bodyScrollLockCount += 1);
+}
+function unlockBodyScroll() {
+	typeof document > "u" || (bodyScrollLockCount = Math.max(0, bodyScrollLockCount - 1), bodyScrollLockCount === 0 && (document.body.style.overflow = ""));
+}
+//#endregion
 //#region src/lib/assets/search.svg?raw
 var search_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n  <circle cx=\"11\" cy=\"11\" r=\"8\"></circle>\n  <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line>\n</svg>\n", root$71 = /* @__PURE__ */ from_html("<span class=\"command-menu-search-icon svelte-rk55q\"></span>"), root_1$59 = /* @__PURE__ */ from_html("<div class=\"command-menu-empty svelte-rk55q\"> </div>"), root_2$44 = /* @__PURE__ */ from_html("<div class=\"command-menu-group-heading svelte-rk55q\"> </div>"), root_3$39 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-icon svelte-rk55q\"><!></span>"), root_4$31 = /* @__PURE__ */ from_html("<div class=\"command-menu-item-icon-img-wrapper svelte-rk55q\"><!></div>"), root_5$24 = /* @__PURE__ */ from_html("<kbd class=\"command-menu-kbd svelte-rk55q\"> </kbd>"), root_6$21 = /* @__PURE__ */ from_html("<span class=\"command-menu-item-shortcut svelte-rk55q\"></span>"), root_7$18 = /* @__PURE__ */ from_html("<button type=\"button\" role=\"option\" tabindex=\"-1\"><!> <span class=\"command-menu-item-label svelte-rk55q\"> </span> <!></button>"), root_8$16 = /* @__PURE__ */ from_html("<!> <!>", 1), root_9$11 = /* @__PURE__ */ from_html("<div role=\"dialog\" aria-modal=\"true\" aria-label=\"Command menu\" tabindex=\"-1\"><div class=\"command-menu-dialog svelte-rk55q\"><div class=\"command-menu-input-wrapper svelte-rk55q\"><!> <input type=\"text\" class=\"command-menu-input svelte-rk55q\" autocomplete=\"off\" spellcheck=\"false\"/></div> <div class=\"command-menu-separator svelte-rk55q\"></div> <div class=\"command-menu-list svelte-rk55q\" role=\"listbox\"><!></div></div></div>"), $$css$69 = {
 	hash: "svelte-rk55q",
@@ -5851,16 +5924,16 @@ function CommandMenu(e, t) {
 		(e.metaKey || e.ctrlKey) && e.key === "k" && (e.preventDefault(), i() ? x() : i(!0));
 	}
 	function O(e) {
-		return document.body.style.overflow = "hidden", tick().then(() => {
+		return lockBodyScroll(), tick().then(() => {
 			get(h) !== null && get(h).focus();
 		}), { destroy() {
-			document.body.style.overflow = "";
+			unlockBodyScroll();
 		} };
 	}
 	onMount(() => {
 		window.addEventListener("keydown", D);
 	}), onDestroy(() => {
-		typeof window < "u" && (document.body.style.overflow = "", window.removeEventListener("keydown", D));
+		typeof window < "u" && window.removeEventListener("keydown", D);
 	});
 	var k = {
 		get items() {
@@ -6678,81 +6751,15 @@ customElements.define("sui-img", create_custom_element(Img_wc, {
 	onerror: { type: "Object" }
 }, [], [], { mode: "open" }));
 //#endregion
-//#region src/lib/utils.ts
-function validateInput(e, t, n, i, a) {
-	let o = "Valid";
-	switch (t) {
-		case "email":
-			o = validateEmailInput(e);
-			break;
-		case "tel":
-			o = n === null ? validatePhoneNumber(e) : validateTextWithPattern(e, n, i);
-			break;
-		case "password":
-			o = validatePassword(e, n, i);
-			break;
-		case "text":
-			o = validateTextWithPattern(e, n, i);
-			break;
-	}
-	return a.forEach((t) => {
-		let n = t(e, o);
-		o = n === "Invalid" ? "Invalid" : n === "InProgress" ? "InProgress" : o === "Valid" && n === "Valid" ? "Valid" : o;
-	}), o;
-}
-function validateTextWithPattern(e, t, n) {
-	return t === null || t.test(e) ? "Valid" : n !== null && n.test(e) || e.length === 0 ? "InProgress" : "Invalid";
-}
-function validatePassword(e, t, n) {
-	return t === null || t.test(e) ? "Valid" : n !== null && n.test(e) && e.length === 0 ? "InProgress" : "Invalid";
-}
-function validateEmailInput(e) {
-	try {
-		let t = /* @__PURE__ */ new RegExp(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/), n = /* @__PURE__ */ new RegExp(/[^ ]{1,}[\w0-9.,_,@]{0,}/);
-		return t.test(e) ? "Valid" : n.test(e) || e.length === 0 ? "InProgress" : "Invalid";
-	} catch (e) {
-		console.error("Email Regex creation failed: ", e);
-	}
-	return "Valid";
-}
-function validatePhoneNumber(e) {
-	try {
-		let t = /* @__PURE__ */ RegExp("^[6-9]{1}[0-9]{9}$"), n = /* @__PURE__ */ RegExp("^[6-9]{1}[0-9]{0,9}$");
-		return t.test(e) ? "Valid" : n.test(e) || e.length === 0 ? "InProgress" : "Invalid";
-	} catch (e) {
-		console.error("Phone Regex creation failed", e);
-	}
-	return e.length === 10 ? "Valid" : e.length > 10 ? "InProgress" : "Invalid";
-}
-function getStorageItem(e) {
-	try {
-		return localStorage.getItem(e);
-	} catch {
-		return null;
-	}
-}
-function setStorageItem(e, t) {
-	try {
-		localStorage.setItem(e, t);
-	} catch {}
-}
-function createDebouncer(e) {
-	let t = 0;
-	return function(n, ...i) {
-		let a = Date.now();
-		a - t > e && (t = a, n(...i));
-	};
-}
-//#endregion
 //#region src/lib/Input/Input.svelte
 var root$65 = /* @__PURE__ */ from_html("<textarea></textarea>"), root_1$54 = /* @__PURE__ */ from_html("<input/>"), root_2$41 = /* @__PURE__ */ from_html("<span class=\"input-mandatory-asterisk svelte-1h0c2oe\" aria-hidden=\"true\">*</span>"), root_3$37 = /* @__PURE__ */ from_html("<label class=\"label svelte-1h0c2oe\"> <!></label>"), root_4$30 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-left input-icon-button svelte-1h0c2oe\"><!></button>"), root_5$23 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-left svelte-1h0c2oe\"><!></span>"), root_6$20 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-right input-icon-button svelte-1h0c2oe\"><!></button>"), root_7$17 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-right svelte-1h0c2oe\"><!></span>"), root_8$15 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_9$10 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"error-message svelte-1h0c2oe\"> </div>"), root_10$9 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1h0c2oe\"> </div>"), root_11$8 = /* @__PURE__ */ from_html("<div> </div>"), root_12$8 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$63 = {
 	hash: "svelte-1h0c2oe",
-	code: "textarea.svelte-1h0c2oe,\n  input.svelte-1h0c2oe {box-sizing:var(--input-box-sizing, border-box);height:var(--input-height, fit-content);\n\n    /* Both default to the CSS initial value, so a consumer that sets neither is\n       byte-identical to before. A textarea that grows with its content needs a\n       ceiling before it can scroll, and one used as a paste target needs a floor;\n       neither was reachable through the --input-* surface. */min-height:var(--input-min-height, auto);max-height:var(--input-max-height, none);background-color:var(--input-background, white);font-size:var(--input-font-size, 16px) !important;font-family:var(--input-font-family, inherit);border-radius:var(--input-radius, var(--radius, 4px));outline:none;padding:var(--input-padding, 16px);font-weight:var(--input-font-weight, 500);\n\n    /* `normal` is what a textarea/input computes today regardless of any inherited\n       value — the UA sheet sets it, and inheritance loses to a UA declaration on the\n       element itself. So the default here is byte-identical for existing consumers,\n       and this is the only way a consumer can set it at all. */line-height:var(--input-line-height, normal);width:var(--input-width, fit-content);margin:var(--input-margin, 0);appearance:none !important;-webkit-appearance:none !important; /* For Safari MWeb */box-shadow:var(--input-box-shadow, 0px 1px 8px #2f537733);border:var(--input-border, 1px solid transparent);resize:none;visibility:var(--input-visibility, visible);text-align:var(--input-text-align, left);text-transform:var(--input-text-transform, none);color:var(--input-text-color);}textarea.svelte-1h0c2oe:focus,\n  input.svelte-1h0c2oe:focus {border:var(--input-focus-border, 1px solid transparent);}.input-error.svelte-1h0c2oe {--input-focus-border: var(\n      --input-error-border,\n      1px solid var(--input-error-msg-text-color, #fa1405)\n    ) !important;--input-border: var(\n      --input-error-border,\n      1px solid var(--input-error-msg-text-color, #fa1405)\n    ) !important;}.action-input.svelte-1h0c2oe {border-radius:var(--input-radius, var(--radius, 4px) 0 0 var(--radius, 4px));box-shadow:var(--input-box-shadow, 0px 0px 0px #ffffff);margin-bottom:0;}.input-container.svelte-1h0c2oe {display:flex;flex-direction:column;margin:var(--input-container-margin, 0);padding:var(--input-container-padding, 0);width:var(--input-container-width, fit-content);}.label.svelte-1h0c2oe {font-weight:var(--input-label-msg-text-weight, 400);font-size:var(--input-label-msg-text-size, 12px);color:var(--input-label-msg-text-color, #637c95);margin:var(--input-label-msg-margin, 0px 0px 6px 0px);padding:var(--input-label-msg-padding);}.input-mandatory-asterisk.svelte-1h0c2oe {color:var(--input-mandatory-color, var(--input-error-msg-text-color, #fa1405));margin-left:var(--input-mandatory-gap, 2px);}\n\n  /* Icon wrapper: only rendered when leftIcon/rightIcon is supplied, so non-icon\n     consumers keep the exact prior DOM. The field's bottom margin moves to the\n     wrap so the absolutely-positioned icons centre on the field, not the margin. */.input-field-wrap.svelte-1h0c2oe {position:relative;display:block;margin:var(--input-margin, 0);}.input-field-wrap.svelte-1h0c2oe > textarea,\n  .input-field-wrap.svelte-1h0c2oe > input {margin:0 !important;width:var(--input-width, 100%);}.input-icon.svelte-1h0c2oe {position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:var(--input-icon-size, 20px);height:var(--input-icon-size, 20px);color:var(--input-icon-color, inherit);pointer-events:none;}.input-icon-button.svelte-1h0c2oe {background:none;border:none;padding:0;cursor:pointer;pointer-events:auto;}.input-icon-button.svelte-1h0c2oe:focus-visible {outline:var(--input-icon-focus-outline, 2px solid var(--input-focus-border-color, #005fcc));outline-offset:var(--input-icon-focus-outline-offset, 2px);border-radius:var(--input-icon-focus-radius, var(--radius, 4px));}.input-icon-left.svelte-1h0c2oe {left:var(--input-icon-gap, 12px);}.input-icon-right.svelte-1h0c2oe {right:var(--input-icon-gap, 12px);}.input-field-wrap.has-left-icon.svelte-1h0c2oe > textarea,\n  .input-field-wrap.has-left-icon.svelte-1h0c2oe > input {padding-left:calc(var(--input-icon-size, 20px) + var(--input-icon-gap, 12px) * 2);}.input-field-wrap.has-right-icon.svelte-1h0c2oe > textarea,\n  .input-field-wrap.has-right-icon.svelte-1h0c2oe > input {padding-right:calc(var(--input-icon-size, 20px) + var(--input-icon-gap, 12px) * 2);}.error-message.svelte-1h0c2oe {font-weight:var(--input-error-msg-text-weight, 400);font-size:var(--input-error-msg-text-size, 12px);color:var(--input-error-msg-text-color, #fa1405);margin:var(--input-error-msg-margin);padding:var(--input-error-msg-padding);}.info-message.svelte-1h0c2oe {font-weight:var(--input-info-msg-text-weight, 400);font-size:var(--input-info-msg-text-size, 12px);color:var(--input-info-msg-text-color, #fa1405);margin:var(--input-info-msg-margin);padding:var(--input-info-msg-padding);}.input-char-count.svelte-1h0c2oe {align-self:flex-end;font-size:var(--input-char-count-size, 12px);color:var(--input-char-count-color, #98a2b3);margin:var(--input-char-count-margin, 4px 0 0);font-variant-numeric:tabular-nums;}.input-char-count.at-limit.svelte-1h0c2oe {color:var(--input-char-count-limit-color, var(--input-error-msg-text-color, #fa1405));}.svelte-1h0c2oe::placeholder {color:var(--input-placeholder-color);}"
+	code: "textarea.svelte-1h0c2oe,\n  input.svelte-1h0c2oe {box-sizing:var(--input-box-sizing, border-box);height:var(--input-height, fit-content);\n\n    /* Both default to the CSS initial value, so a consumer that sets neither is\n       byte-identical to before. A textarea that grows with its content needs a\n       ceiling before it can scroll, and one used as a paste target needs a floor;\n       neither was reachable through the --input-* surface. */min-height:var(--input-min-height, auto);max-height:var(--input-max-height, none);background-color:var(--input-background, white);font-size:var(--input-font-size, 16px) !important;font-family:var(--input-font-family, inherit);border-radius:var(--input-radius, var(--radius, 4px));outline:none;padding:var(--input-padding, 16px);font-weight:var(--input-font-weight, 500);\n\n    /* `normal` is what a textarea/input computes today regardless of any inherited\n       value — the UA sheet sets it, and inheritance loses to a UA declaration on the\n       element itself. So the default here is byte-identical for existing consumers,\n       and this is the only way a consumer can set it at all. */line-height:var(--input-line-height, normal);width:var(--input-width, fit-content);margin:var(--input-margin, 0);appearance:none !important;-webkit-appearance:none !important; /* For Safari MWeb */box-shadow:var(--input-box-shadow, 0px 1px 8px #2f537733);border:var(--input-border, 1px solid transparent);resize:none;visibility:var(--input-visibility, visible);text-align:var(--input-text-align, left);text-transform:var(--input-text-transform, none);color:var(--input-text-color);}textarea.svelte-1h0c2oe:focus,\n  input.svelte-1h0c2oe:focus {border:var(--input-focus-border, 1px solid transparent);}.input-error.svelte-1h0c2oe {--input-focus-border: var(\n      --input-error-border,\n      1px solid var(--input-error-msg-text-color, #fa1405)\n    ) !important;--input-border: var(\n      --input-error-border,\n      1px solid var(--input-error-msg-text-color, #fa1405)\n    ) !important;}.action-input.svelte-1h0c2oe {border-radius:var(--input-radius, var(--radius, 4px) 0 0 var(--radius, 4px));box-shadow:var(--input-box-shadow, 0px 0px 0px #ffffff);margin-bottom:0;}.input-container.svelte-1h0c2oe {display:flex;flex-direction:column;margin:var(--input-container-margin, 0);padding:var(--input-container-padding, 0);width:var(--input-container-width, fit-content);}.label.svelte-1h0c2oe {font-weight:var(--input-label-msg-text-weight, 400);font-size:var(--input-label-msg-text-size, 12px);color:var(--input-label-msg-text-color, #637c95);margin:var(--input-label-msg-margin, 0px 0px 6px 0px);padding:var(--input-label-msg-padding);}.input-mandatory-asterisk.svelte-1h0c2oe {color:var(--input-mandatory-color, var(--input-error-msg-text-color, #fa1405));margin-left:var(--input-mandatory-gap, 2px);}\n\n  /* Icon wrapper: only rendered when leftIcon/rightIcon is supplied, so non-icon\n     consumers keep the exact prior DOM. The field's bottom margin moves to the\n     wrap so the absolutely-positioned icons centre on the field, not the margin. */.input-field-wrap.svelte-1h0c2oe {position:relative;display:block;margin:var(--input-margin, 0);}.input-field-wrap.svelte-1h0c2oe > textarea,\n  .input-field-wrap.svelte-1h0c2oe > input {margin:0 !important;width:var(--input-width, 100%);}.input-icon.svelte-1h0c2oe {position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:var(--input-icon-size, 20px);height:var(--input-icon-size, 20px);color:var(--input-icon-color, inherit);pointer-events:none;}.input-icon-button.svelte-1h0c2oe {background:none;border:none;padding:0;cursor:pointer;pointer-events:auto;}.input-icon-button.svelte-1h0c2oe:focus-visible {outline:var(--input-icon-focus-outline, 2px solid var(--input-focus-border-color, #005fcc));outline-offset:var(--input-icon-focus-outline-offset, 2px);border-radius:var(--input-icon-focus-radius, var(--radius, 4px));}.input-icon-left.svelte-1h0c2oe {left:var(--input-icon-gap, 12px);color:var(--input-left-icon-color, var(--input-icon-color, inherit));}.input-icon-right.svelte-1h0c2oe {right:var(--input-icon-gap, 12px);}.input-field-wrap.has-left-icon.svelte-1h0c2oe > textarea,\n  .input-field-wrap.has-left-icon.svelte-1h0c2oe > input {padding-left:calc(var(--input-icon-size, 20px) + var(--input-icon-gap, 12px) * 2);}.input-field-wrap.has-right-icon.svelte-1h0c2oe > textarea,\n  .input-field-wrap.has-right-icon.svelte-1h0c2oe > input {padding-right:calc(var(--input-icon-size, 20px) + var(--input-icon-gap, 12px) * 2);}.error-message.svelte-1h0c2oe {font-weight:var(--input-error-msg-text-weight, 400);font-size:var(--input-error-msg-text-size, 12px);color:var(--input-error-msg-text-color, #fa1405);margin:var(--input-error-msg-margin);padding:var(--input-error-msg-padding);}.info-message.svelte-1h0c2oe {font-weight:var(--input-info-msg-text-weight, 400);font-size:var(--input-info-msg-text-size, 12px);color:var(--input-info-msg-text-color, #fa1405);margin:var(--input-info-msg-margin);padding:var(--input-info-msg-padding);}.input-char-count.svelte-1h0c2oe {align-self:flex-end;font-size:var(--input-char-count-size, 12px);color:var(--input-char-count-color, #98a2b3);margin:var(--input-char-count-margin, 4px 0 0);font-variant-numeric:tabular-nums;}.input-char-count.at-limit.svelte-1h0c2oe {color:var(--input-char-count-limit-color, var(--input-error-msg-text-color, #fa1405));}.svelte-1h0c2oe::placeholder {color:var(--input-placeholder-color);}"
 };
 function Input(e, t) {
 	let n = props_id();
 	push(t, !0), append_styles$1(e, $$css$63);
-	let i = prop(t, "value", 15, ""), a = prop(t, "placeholder", 7, ""), o = prop(t, "dataType", 7, "text"), s = prop(t, "label", 7, ""), c = prop(t, "onErrorMessage", 7, ""), l = prop(t, "infoMessage", 7, ""), u = prop(t, "validators", 23, () => []), d = prop(t, "disable", 7, !1), f = prop(t, "readonly", 7, !1), p = prop(t, "spellcheck", 7, null), m = prop(t, "validationPattern", 7, null), h = prop(t, "inProgressPattern", 7, null), g = prop(t, "addFocusColor", 7, !1), _ = prop(t, "maxLength", 7, 1e3), v = prop(t, "minLength", 7, 0), y = prop(t, "min", 7), b = prop(t, "max", 7), x = prop(t, "actionInput", 7, !1), S = prop(t, "useTextArea", 7, !1), C = prop(t, "autoComplete", 7, "on"), w = prop(t, "inputMode", 7), T = prop(t, "name", 7, ""), E = prop(t, "id", 7), D = prop(t, "testId", 7, ""), O = prop(t, "textTransformers", 23, () => []), k = prop(t, "textViewPresentation", 23, () => []), A = prop(t, "onFocus", 7, () => {}), j = prop(t, "onFocusout", 7, () => {}), M = prop(t, "onBlur", 7, () => {}), N = prop(t, "onInput", 7, () => {}), P = prop(t, "onPaste", 7, () => {}), F = prop(t, "onStateChange", 7, () => {}), I = prop(t, "onClick", 7, () => {}), L = prop(t, "onKeyDown", 7, () => {}), R = prop(t, "classes", 7), z = prop(t, "role", 7), B = prop(t, "ariaLabel", 7), V = prop(t, "ariaExpanded", 7), H = prop(t, "ariaAutocomplete", 7), U = prop(t, "ariaControls", 7), W = prop(t, "ariaActivedescendant", 7), G = prop(t, "leftIcon", 7), K = prop(t, "rightIcon", 7), q = prop(t, "onLeftIconClick", 7), J = prop(t, "onRightIconClick", 7), Y = prop(t, "leftIconLabel", 7, "Leading action"), X = prop(t, "rightIconLabel", 7, "Trailing action"), Z = prop(t, "mandatory", 7, !1), Q = prop(t, "forceError", 7, !1), $ = prop(t, "rows", 7), ee = prop(t, "autoResize", 7, !1), te = prop(t, "minRows", 7), ne = prop(t, "maxRows", 7), re = prop(t, "resize", 7, "none"), ie = prop(t, "showCount", 7, !1), ae = /* @__PURE__ */ user_derived(() => E() || (T() === "" ? n : `${T()}-${n}`)), oe = /* @__PURE__ */ user_derived(() => typeof s() == "string" && s() !== "" && !x());
+	let i = prop(t, "value", 15, ""), a = prop(t, "placeholder", 7, ""), o = prop(t, "dataType", 7, "text"), s = prop(t, "label", 7, ""), c = prop(t, "onErrorMessage", 7, ""), l = prop(t, "infoMessage", 7, ""), u = prop(t, "validators", 23, () => []), d = prop(t, "disable", 7, !1), f = prop(t, "readonly", 7, !1), p = prop(t, "spellcheck", 7, null), m = prop(t, "validationPattern", 7, null), h = prop(t, "inProgressPattern", 7, null), g = prop(t, "addFocusColor", 7, !1), _ = prop(t, "maxLength", 7, 1e3), v = prop(t, "minLength", 7, 0), y = prop(t, "min", 7), b = prop(t, "max", 7), x = prop(t, "actionInput", 7, !1), S = prop(t, "useTextArea", 7, !1), C = prop(t, "autoComplete", 7, "on"), w = prop(t, "inputMode", 7), T = prop(t, "name", 7, ""), E = prop(t, "id", 7), D = prop(t, "testId", 7, ""), O = prop(t, "textTransformers", 23, () => []), k = prop(t, "textViewPresentation", 23, () => []), A = prop(t, "onFocus", 7, () => {}), j = prop(t, "onFocusout", 7, () => {}), M = prop(t, "onBlur", 7, () => {}), N = prop(t, "onInput", 7, () => {}), P = prop(t, "onPaste", 7, () => {}), F = prop(t, "onStateChange", 7, () => {}), I = prop(t, "onClick", 7, () => {}), L = prop(t, "onKeyDown", 7, () => {}), R = prop(t, "classes", 7), z = prop(t, "role", 7), B = prop(t, "ariaLabel", 7), V = prop(t, "ariaExpanded", 7), H = prop(t, "ariaAutocomplete", 7), U = prop(t, "ariaControls", 7), W = prop(t, "ariaActivedescendant", 7), G = prop(t, "leftIcon", 7), K = prop(t, "rightIcon", 7), q = prop(t, "onLeftIconClick", 7), J = prop(t, "onRightIconClick", 7), Y = prop(t, "leftIconLabel", 7, "Leading action"), X = prop(t, "rightIconLabel", 7, "Trailing action"), Z = prop(t, "mandatory", 7, !1), Q = prop(t, "forceError", 7, !1), ee = prop(t, "rows", 7), $ = prop(t, "autoResize", 7, !1), te = prop(t, "minRows", 7), ne = prop(t, "maxRows", 7), re = prop(t, "resize", 7, "none"), ie = prop(t, "showCount", 7, !1), ae = /* @__PURE__ */ user_derived(() => E() || (T() === "" ? n : `${T()}-${n}`)), oe = /* @__PURE__ */ user_derived(() => typeof s() == "string" && s() !== "" && !x());
 	function se() {
 		try {
 			get(ue)?.focus(), get(ue)?.scrollIntoView({
@@ -6780,16 +6787,16 @@ function Input(e, t) {
 	user_effect(() => {
 		F()(get(de));
 	});
-	let fe = /* @__PURE__ */ user_derived(() => get(de) === "Invalid"), pe = /* @__PURE__ */ user_derived(() => get(fe) || Q()), me = /* @__PURE__ */ user_derived(() => `${get(ae)}-error`), he = /* @__PURE__ */ user_derived(() => c() != null && c() !== "" && get(pe) && !x()), ge = /* @__PURE__ */ user_derived(() => `${get(ae)}-info`), _e = /* @__PURE__ */ user_derived(() => l() !== "" && !x()), ve = /* @__PURE__ */ user_derived(() => [get(he) ? get(me) : null, get(_e) ? get(ge) : null].filter(Boolean).join(" ")), ye = /* @__PURE__ */ user_derived(() => typeof G() == "function"), be = /* @__PURE__ */ user_derived(() => typeof K() == "function"), xe = /* @__PURE__ */ user_derived(() => i()?.length ?? 0), Se = /* @__PURE__ */ user_derived(() => _() ?? 1e3), Ce = /* @__PURE__ */ user_derived(() => ee() ? "none" : re());
+	let fe = /* @__PURE__ */ user_derived(() => get(de) === "Invalid"), pe = /* @__PURE__ */ user_derived(() => get(fe) || Q()), me = /* @__PURE__ */ user_derived(() => `${get(ae)}-error`), he = /* @__PURE__ */ user_derived(() => c() != null && c() !== "" && get(pe) && !x()), ge = /* @__PURE__ */ user_derived(() => `${get(ae)}-info`), _e = /* @__PURE__ */ user_derived(() => l() !== "" && !x()), ve = /* @__PURE__ */ user_derived(() => [get(he) ? get(me) : null, get(_e) ? get(ge) : null].filter(Boolean).join(" ")), ye = /* @__PURE__ */ user_derived(() => typeof G() == "function"), be = /* @__PURE__ */ user_derived(() => typeof K() == "function"), xe = /* @__PURE__ */ user_derived(() => i()?.length ?? 0), Se = /* @__PURE__ */ user_derived(() => _() ?? 1e3), Ce = /* @__PURE__ */ user_derived(() => $() ? "none" : re());
 	function we() {
 		let e = get(ue);
-		if (!e || !S() || !ee()) return;
+		if (!e || !S() || !$()) return;
 		e.style.height = "auto";
-		let t = window.getComputedStyle(e), n = parseFloat(t.lineHeight) || 20, i = parseFloat(t.paddingTop) + parseFloat(t.paddingBottom), a = parseFloat(t.borderTopWidth) + parseFloat(t.borderBottomWidth), o = (te() ?? $() ?? 2) * n + i + a, s = ne() == null ? Infinity : ne() * n + i + a, c = parseFloat(t.maxHeight), l = Math.min(s, Number.isFinite(c) ? c : Infinity), u = Math.min(Math.max(e.scrollHeight, o), l);
+		let t = window.getComputedStyle(e), n = parseFloat(t.lineHeight) || 20, i = parseFloat(t.paddingTop) + parseFloat(t.paddingBottom), a = parseFloat(t.borderTopWidth) + parseFloat(t.borderBottomWidth), o = (te() ?? ee() ?? 2) * n + i + a, s = ne() == null ? Infinity : ne() * n + i + a, c = parseFloat(t.maxHeight), l = Math.min(s, Number.isFinite(c) ? c : Infinity), u = Math.min(Math.max(e.scrollHeight, o), l);
 		e.style.height = `${u}px`, e.style.overflowY = e.scrollHeight > l ? "auto" : "hidden";
 	}
 	user_effect(() => {
-		i(), S() && ee() && we();
+		i(), S() && $() && we();
 	});
 	function Te(e) {
 		if (get(ue) === null) return;
@@ -7131,16 +7138,16 @@ function Input(e, t) {
 			Q(e), flushSync();
 		},
 		get rows() {
-			return $();
+			return ee();
 		},
 		set rows(e) {
-			$(e), flushSync();
+			ee(e), flushSync();
 		},
 		get autoResize() {
-			return ee();
+			return $();
 		},
 		set autoResize(e = !1) {
-			ee(e), flushSync();
+			$(e), flushSync();
 		},
 		get minRows() {
 			return te();
@@ -7175,7 +7182,7 @@ function Input(e, t) {
 				remove_textarea_child(t);
 				let n, s;
 				bind_this(t, (e) => set(ue, e), () => get(ue)), template_effect(() => {
-					set_attribute(t, "id", get(ae)), set_value(t, i()), set_attribute(t, "placeholder", a()), set_attribute(t, "aria-label", get(oe) ? null : B() ?? null), set_attribute(t, "autocomplete", C()), set_attribute(t, "inputmode", w()), set_attribute(t, "name", T()), set_attribute(t, "role", z()), set_attribute(t, "aria-expanded", V()), set_attribute(t, "aria-autocomplete", H()), set_attribute(t, "aria-controls", U()), set_attribute(t, "aria-activedescendant", W()), set_attribute(t, "aria-required", Z() || null), set_attribute(t, "aria-invalid", get(pe) ? "true" : null), set_attribute(t, "aria-describedby", get(ve) || null), t.required = Z() || null, set_attribute(t, "data-pw", D()), set_attribute(t, "testid", D()), n = set_style(t, `--focus-border: ${+!!g()}px;`, n, { resize: get(Ce) }), set_attribute(t, "rows", $() ?? null), t.disabled = d(), t.readOnly = f() || null, set_attribute(t, "spellcheck", p()), set_attribute(t, "maxlength", o() === "tel" ? null : _()), set_attribute(t, "minlength", v()), s = set_class(t, 1, "svelte-1h0c2oe", null, s, { "action-input": x() });
+					set_attribute(t, "id", get(ae)), set_value(t, i()), set_attribute(t, "placeholder", a()), set_attribute(t, "aria-label", get(oe) ? null : B() ?? null), set_attribute(t, "autocomplete", C()), set_attribute(t, "inputmode", w()), set_attribute(t, "name", T()), set_attribute(t, "role", z()), set_attribute(t, "aria-expanded", V()), set_attribute(t, "aria-autocomplete", H()), set_attribute(t, "aria-controls", U()), set_attribute(t, "aria-activedescendant", W()), set_attribute(t, "aria-required", Z() || null), set_attribute(t, "aria-invalid", get(pe) ? "true" : null), set_attribute(t, "aria-describedby", get(ve) || null), t.required = Z() || null, set_attribute(t, "data-pw", D()), set_attribute(t, "testid", D()), n = set_style(t, `--focus-border: ${+!!g()}px;`, n, { resize: get(Ce) }), set_attribute(t, "rows", ee() ?? null), t.disabled = d(), t.readOnly = f() || null, set_attribute(t, "spellcheck", p()), set_attribute(t, "maxlength", o() === "tel" ? null : _()), set_attribute(t, "minlength", v()), s = set_class(t, 1, "svelte-1h0c2oe", null, s, { "action-input": x() });
 				}), event("focus", t, function(...e) {
 					A()?.apply(this, e);
 				}), delegated("focusout", t, Oe), delegated("input", t, Te), event("paste", t, Ee), delegated("click", t, function(...e) {
@@ -7893,17 +7900,17 @@ var close_default = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=
 };
 function Pill(e, t) {
 	push(t, !0), append_styles$1(e, $$css$59);
-	let n = prop(t, "text", 7), i = prop(t, "dismissible", 7, !1), a = prop(t, "disabled", 7, !1), o = prop(t, "testId", 7), s = prop(t, "dismissIcon", 7), c = prop(t, "leadingIcon", 7), l = prop(t, "onclick", 7), u = prop(t, "ondismiss", 7), d = prop(t, "classes", 7), f = /* @__PURE__ */ user_derived(() => typeof l() == "function");
-	function p(e) {
-		a() || l()?.(e);
-	}
+	let n = prop(t, "text", 7), i = prop(t, "dismissible", 7, !1), a = prop(t, "disabled", 7, !1), o = prop(t, "testId", 7), s = prop(t, "title", 7), c = prop(t, "dismissIcon", 7), l = prop(t, "leadingIcon", 7), u = prop(t, "onclick", 7), d = prop(t, "ondismiss", 7), f = prop(t, "classes", 7), p = /* @__PURE__ */ user_derived(() => typeof u() == "function");
 	function m(e) {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget instanceof HTMLElement && e.currentTarget.click());
+		a() || u()?.(e);
 	}
 	function h(e) {
-		e.stopPropagation(), !a() && u()?.();
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget instanceof HTMLElement && e.currentTarget.click());
 	}
-	var g = {
+	function g(e) {
+		e.stopPropagation(), !a() && d()?.();
+	}
+	var _ = {
 		get text() {
 			return n();
 		},
@@ -7928,86 +7935,93 @@ function Pill(e, t) {
 		set testId(e) {
 			o(e), flushSync();
 		},
-		get dismissIcon() {
+		get title() {
 			return s();
 		},
-		set dismissIcon(e) {
+		set title(e) {
 			s(e), flushSync();
 		},
-		get leadingIcon() {
+		get dismissIcon() {
 			return c();
 		},
-		set leadingIcon(e) {
+		set dismissIcon(e) {
 			c(e), flushSync();
 		},
-		get onclick() {
+		get leadingIcon() {
 			return l();
 		},
-		set onclick(e) {
+		set leadingIcon(e) {
 			l(e), flushSync();
 		},
-		get ondismiss() {
+		get onclick() {
 			return u();
 		},
-		set ondismiss(e) {
+		set onclick(e) {
 			u(e), flushSync();
 		},
-		get classes() {
+		get ondismiss() {
 			return d();
 		},
-		set classes(e) {
+		set ondismiss(e) {
 			d(e), flushSync();
+		},
+		get classes() {
+			return f();
+		},
+		set classes(e) {
+			f(e), flushSync();
 		}
-	}, _ = root_2$38();
-	let v;
-	var y = child(_), b = (e) => {
+	}, v = root_2$38();
+	let y;
+	var b = child(v), x = (e) => {
 		var t = root$61();
-		snippet(child(t), c), reset(t), append(e, t);
+		snippet(child(t), l), reset(t), append(e, t);
 	};
-	if_block(y, (e) => {
-		typeof c() == "function" && e(b);
+	if_block(b, (e) => {
+		typeof l() == "function" && e(x);
 	});
-	var x = sibling(y, 2), S = child(x, !0);
-	reset(x);
-	var C = sibling(x, 2), w = (e) => {
+	var S = sibling(b, 2), C = child(S, !0);
+	reset(S);
+	var w = sibling(S, 2), T = (e) => {
 		var t = root_1$50();
 		Button(child(t), spread_props({
 			get disabled() {
 				return a();
 			},
-			onclick: h,
+			onclick: g,
 			ariaLabel: "Dismiss"
 		}, () => typeof o() == "string" ? { testId: `${o()}-dismiss` } : {}, {
 			children: (e, t) => {
 				var n = comment(), i = first_child(n), a = (e) => {
 					var t = comment();
-					snippet(first_child(t), s), append(e, t);
+					snippet(first_child(t), c), append(e, t);
 				}, o = (e) => {
 					var t = comment();
 					html(first_child(t), () => close_default), append(e, t);
 				};
 				if_block(i, (e) => {
-					typeof s() == "function" ? e(a) : e(o, -1);
+					typeof c() == "function" ? e(a) : e(o, -1);
 				}), append(e, n);
 			},
 			$$slots: { default: !0 }
 		})), reset(t), append(e, t);
 	};
-	return if_block(C, (e) => {
-		i() && e(w);
-	}), reset(_), template_effect(() => {
-		v = set_class(_, 1, `pill ${d() ?? "" ?? ""}`, "svelte-13eug5u", v, { disabled: a() }), set_attribute(_, "role", get(f) ? "button" : null), set_attribute(_, "tabindex", get(f) ? 0 : null), set_attribute(_, "aria-disabled", get(f) && a() ? !0 : null), set_attribute(_, "data-pw", typeof o() == "string" ? o() : null), set_attribute(_, "testid", typeof o() == "string" ? o() : null), set_text(S, n());
-	}), delegated("click", _, function(...e) {
-		(get(f) ? p : null)?.apply(this, e);
-	}), delegated("keydown", _, function(...e) {
-		(get(f) ? m : null)?.apply(this, e);
-	}), append(e, _), pop(g);
+	return if_block(w, (e) => {
+		i() && e(T);
+	}), reset(v), template_effect(() => {
+		y = set_class(v, 1, `pill ${f() ?? "" ?? ""}`, "svelte-13eug5u", y, { disabled: a() }), set_attribute(v, "role", get(p) ? "button" : null), set_attribute(v, "tabindex", get(p) ? 0 : null), set_attribute(v, "aria-disabled", get(p) && a() ? !0 : null), set_attribute(v, "data-pw", typeof o() == "string" ? o() : null), set_attribute(v, "title", s() ?? null), set_attribute(v, "testid", typeof o() == "string" ? o() : null), set_text(C, n());
+	}), delegated("click", v, function(...e) {
+		(get(p) ? m : null)?.apply(this, e);
+	}), delegated("keydown", v, function(...e) {
+		(get(p) ? h : null)?.apply(this, e);
+	}), append(e, v), pop(_);
 }
 delegate(["click", "keydown"]), create_custom_element(Pill, {
 	text: {},
 	dismissible: {},
 	disabled: {},
 	testId: {},
+	title: {},
 	dismissIcon: {},
 	leadingIcon: {},
 	onclick: {},
@@ -8056,6 +8070,10 @@ customElements.define("sui-pill", create_custom_element(Pill_wc, {
 		attribute: "test-id",
 		type: "String"
 	},
+	title: {
+		reflect: !0,
+		type: "String"
+	},
 	leadingIcon: { type: "Object" },
 	dismissIcon: { type: "Object" },
 	classes: { type: "String" },
@@ -8899,14 +8917,14 @@ customElements.define("sui-slider", create_custom_element(Slider_wc, {
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/Status/Status.svelte
-var root$54 = /* @__PURE__ */ from_html("<div><div class=\"order-status svelte-19qpx1s\"><div class=\"status-image svelte-19qpx1s\"><!></div> <div class=\"status-text svelte-19qpx1s\"> </div> <div class=\"status-description svelte-19qpx1s\"><!></div> <!> <!></div></div>"), $$css$52 = {
+var root$54 = /* @__PURE__ */ from_html("<div><div class=\"order-status svelte-19qpx1s\"><div class=\"status-image svelte-19qpx1s\"><!></div> <!> <div class=\"status-description svelte-19qpx1s\"><!></div> <!> <!></div></div>"), $$css$52 = {
 	hash: "svelte-19qpx1s",
 	code: ".status-text.svelte-19qpx1s {font-weight:var(--status-font-weight, 600);color:var(--status-description-font-color, #2f3841);margin-bottom:8px;}.status-description.svelte-19qpx1s {font-weight:var(--status-font-weight, 400);color:var(--status-description-font-color, #436484cc);padding:0px 42px;margin-bottom:25px;}.status-image.svelte-19qpx1s {color:var(--status-icon-color, inherit);display:flex;margin-bottom:25px;}.background.svelte-19qpx1s {min-height:var(--status-min-height, 100vh);display:flex;justify-content:center;align-items:center;}.order-status.svelte-19qpx1s {flex-direction:column;display:flex;font-family:var(--order-font, inherit);font-size:var(--order-font-size, 14px);text-align:center;}\n  @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {.order-status.svelte-19qpx1s {background-color:var(--status-panel-background, rgba(255, 255, 255, 0.6));-webkit-backdrop-filter:var(--status-panel-backdrop-filter, blur(60px));backdrop-filter:var(--status-panel-backdrop-filter, blur(60px));}\n  }"
 };
 function Status(e, t) {
 	push(t, !0), append_styles$1(e, $$css$52);
-	let n = prop(t, "statusIcon", 7, "icons/order-success-icon.svg"), i = prop(t, "statusText", 7, ""), a = prop(t, "statusDescription", 7, ""), o = prop(t, "buttonProperties", 7), s = prop(t, "classes", 7), c = prop(t, "onbuttonClick", 7), l = prop(t, "icon", 7), u = prop(t, "descriptionSnippet", 7), d = prop(t, "children", 7), f = prop(t, "testId", 7);
-	var p = {
+	let n = prop(t, "statusIcon", 7, "icons/order-success-icon.svg"), i = prop(t, "statusText", 7, ""), a = prop(t, "statusTextTag", 7, "div"), o = prop(t, "statusDescription", 7, ""), s = prop(t, "buttonProperties", 7), c = prop(t, "classes", 7), l = prop(t, "onbuttonClick", 7), u = prop(t, "icon", 7), d = prop(t, "descriptionSnippet", 7), f = prop(t, "children", 7), p = prop(t, "testId", 7);
+	var m = {
 		get statusIcon() {
 			return n();
 		},
@@ -8919,58 +8937,64 @@ function Status(e, t) {
 		set statusText(e = "") {
 			i(e), flushSync();
 		},
-		get statusDescription() {
+		get statusTextTag() {
 			return a();
 		},
-		set statusDescription(e = "") {
+		set statusTextTag(e = "div") {
 			a(e), flushSync();
 		},
-		get buttonProperties() {
+		get statusDescription() {
 			return o();
 		},
-		set buttonProperties(e) {
+		set statusDescription(e = "") {
 			o(e), flushSync();
 		},
-		get classes() {
+		get buttonProperties() {
 			return s();
 		},
-		set classes(e) {
+		set buttonProperties(e) {
 			s(e), flushSync();
 		},
-		get onbuttonClick() {
+		get classes() {
 			return c();
 		},
-		set onbuttonClick(e) {
+		set classes(e) {
 			c(e), flushSync();
 		},
-		get icon() {
+		get onbuttonClick() {
 			return l();
 		},
-		set icon(e) {
+		set onbuttonClick(e) {
 			l(e), flushSync();
 		},
-		get descriptionSnippet() {
+		get icon() {
 			return u();
 		},
-		set descriptionSnippet(e) {
+		set icon(e) {
 			u(e), flushSync();
 		},
-		get children() {
+		get descriptionSnippet() {
 			return d();
 		},
-		set children(e) {
+		set descriptionSnippet(e) {
 			d(e), flushSync();
 		},
-		get testId() {
+		get children() {
 			return f();
 		},
-		set testId(e) {
+		set children(e) {
 			f(e), flushSync();
+		},
+		get testId() {
+			return p();
+		},
+		set testId(e) {
+			p(e), flushSync();
 		}
-	}, m = root$54(), h = child(m), g = child(h), _ = child(g), v = (e) => {
+	}, h = root$54(), g = child(h), _ = child(g), v = child(_), y = (e) => {
 		var t = comment();
-		snippet(first_child(t), l), append(e, t);
-	}, y = (e) => {
+		snippet(first_child(t), u), append(e, t);
+	}, b = (e) => {
 		Img(e, {
 			inlineSvg: !0,
 			get src() {
@@ -8979,42 +9003,47 @@ function Status(e, t) {
 			alt: "status"
 		});
 	};
-	if_block(_, (e) => {
-		l() ? e(v) : e(y, -1);
-	}), reset(g);
-	var b = sibling(g, 2), x = child(b, !0);
-	reset(b);
-	var S = sibling(b, 2), C = child(S), w = (e) => {
+	if_block(v, (e) => {
+		u() ? e(y) : e(b, -1);
+	}), reset(_);
+	var x = sibling(_, 2);
+	element(x, a, !1, (e, t) => {
+		set_class(e, 0, "status-text svelte-19qpx1s");
+		var n = text();
+		template_effect(() => set_text(n, i())), append(t, n);
+	});
+	var S = sibling(x, 2), C = child(S), w = (e) => {
 		var t = comment();
-		snippet(first_child(t), u), append(e, t);
+		snippet(first_child(t), d), append(e, t);
 	}, T = (e) => {
 		var t = comment();
-		html(first_child(t), a), append(e, t);
+		html(first_child(t), o), append(e, t);
 	};
 	if_block(C, (e) => {
-		typeof u() == "function" ? e(w) : e(T, -1);
+		typeof d() == "function" ? e(w) : e(T, -1);
 	}), reset(S);
 	var E = sibling(S, 2), D = (e) => {
-		Button(e, spread_props(o, { get onclick() {
-			return c();
+		Button(e, spread_props(s, { get onclick() {
+			return l();
 		} }));
 	};
 	if_block(E, (e) => {
-		typeof o() == "object" && e(D);
+		typeof s() == "object" && e(D);
 	});
 	var O = sibling(E, 2), k = (e) => {
 		var t = comment();
-		snippet(first_child(t), d), append(e, t);
+		snippet(first_child(t), f), append(e, t);
 	};
 	return if_block(O, (e) => {
-		typeof d() == "function" && e(k);
-	}), reset(h), reset(m), template_effect(() => {
-		set_class(m, 1, `background ${s() ?? "" ?? ""}`, "svelte-19qpx1s"), set_attribute(m, "data-pw", typeof f() == "string" ? f() : null), set_attribute(m, "testid", typeof f() == "string" ? f() : null), set_text(x, i());
-	}), append(e, m), pop(p);
+		typeof f() == "function" && e(k);
+	}), reset(g), reset(h), template_effect(() => {
+		set_class(h, 1, `background ${c() ?? "" ?? ""}`, "svelte-19qpx1s"), set_attribute(h, "data-pw", typeof p() == "string" ? p() : null), set_attribute(h, "testid", typeof p() == "string" ? p() : null);
+	}), append(e, h), pop(m);
 }
 create_custom_element(Status, {
 	statusIcon: {},
 	statusText: {},
+	statusTextTag: {},
 	statusDescription: {},
 	buttonProperties: {},
 	classes: {},
@@ -9058,22 +9087,22 @@ customElements.define("sui-status", create_custom_element(Status_wc, {
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/Stepper/Step.svelte
-var root$53 = /* @__PURE__ */ from_html("<div class=\"step-icon-container svelte-z5hug7\"><img class=\"step-icon svelte-z5hug7\" alt=\"\"/></div>"), root_1$45 = /* @__PURE__ */ from_html("<div class=\"step-index-container svelte-z5hug7\"><svg class=\"step-spinner svelte-z5hug7\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-opacity=\"0.25\" stroke-width=\"3\"></circle><path d=\"M12 3a9 9 0 0 1 9 9\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"></path></svg></div>"), root_2$36 = /* @__PURE__ */ from_html("<div class=\"step-index-container svelte-z5hug7\"><div class=\"step-index-text svelte-z5hug7\"> </div></div>"), root_3$34 = /* @__PURE__ */ from_html("<div class=\"step-badge svelte-z5hug7\"><!></div>"), root_4$28 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"><!> <div class=\"step-text svelte-z5hug7\"> </div> <!> <div class=\"separator svelte-z5hug7\"></div></div>"), $$css$51 = {
+var root$53 = /* @__PURE__ */ from_html("<div class=\"step-icon-container svelte-z5hug7\"><img class=\"step-icon svelte-z5hug7\" alt=\"\"/></div>"), root_1$45 = /* @__PURE__ */ from_html("<div class=\"step-index-container svelte-z5hug7\"><svg class=\"step-spinner svelte-z5hug7\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-opacity=\"0.25\" stroke-width=\"3\"></circle><path d=\"M12 3a9 9 0 0 1 9 9\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"></path></svg></div>"), root_2$36 = /* @__PURE__ */ from_html("<div class=\"step-index-container svelte-z5hug7\"><div class=\"step-index-text svelte-z5hug7\"> </div></div>"), root_3$34 = /* @__PURE__ */ from_html("<div class=\"step-badge svelte-z5hug7\"><!></div>"), root_4$28 = /* @__PURE__ */ from_html("<div><!> <div class=\"step-text svelte-z5hug7\"> </div> <!> <div class=\"separator svelte-z5hug7\"></div></div>"), $$css$51 = {
 	hash: "svelte-z5hug7",
-	code: ".step.svelte-z5hug7 {display:flex;flex-direction:var(--step-flex-direction, row);align-items:center;}.step-vertical.svelte-z5hug7 {--step-flex-direction: column;align-items:flex-start;}.step-index-container.svelte-z5hug7 {display:flex;justify-content:center;align-items:center;height:var(--step-index-container-height, 30px);width:var(--step-index-container-width, 30px);border-radius:var(--step-index-container-radius, 50%);background-color:var(--step-index-container-background-color, #798fa5cc);color:var(--step-index-color, white);flex-shrink:0;}.step-icon-container.svelte-z5hug7 {display:flex;justify-content:center;align-items:center;height:var(--step-index-container-height, 30px);width:var(--step-index-container-width, 30px);border-radius:var(--step-index-container-radius, 50%);background-color:var(--step-index-container-background-color, #798fa5cc);flex-shrink:0;overflow:hidden;}.step-icon.svelte-z5hug7 {width:var(--step-icon-size, 18px);height:var(--step-icon-size, 18px);object-fit:contain;}.step-spinner.svelte-z5hug7 {width:var(--step-spinner-size, 18px);height:var(--step-spinner-size, 18px);\n    animation: svelte-z5hug7-stepper-spin 0.8s linear infinite;}\n\n  @keyframes svelte-z5hug7-stepper-spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }.separator.svelte-z5hug7 {display:var(--stepper-separator-display, var(--separator-display, block));height:var(--stepper-separator-height, var(--separator-height, 1px));width:var(--stepper-separator-width, var(--separator-width, 50px));margin:var(--stepper-separator-margin, var(--separator-margin, 0px 12px 0px 12px));background-image:var(\n      --stepper-separator-background-image,\n      var(\n        --separator-background-image,\n        repeating-linear-gradient(\n          to right,\n          var(\n            --stepper-separator-background-image-color,\n            var(--separator-background-image-color, #798fa5cc)\n          ),\n          var(\n              --stepper-separator-background-image-color,\n              var(--separator-background-image-color, #798fa5cc)\n            )\n            6px,\n          transparent 6px,\n          transparent 10px\n        )\n      )\n    );}.step-vertical.svelte-z5hug7 .separator:where(.svelte-z5hug7) {height:var(--stepper-separator-vertical-height, 32px);width:var(--stepper-separator-vertical-width, 1px);margin:var(--stepper-separator-vertical-margin, 4px 0px 4px 14px);background-image:repeating-linear-gradient(\n      to bottom,\n      var(\n        --stepper-separator-background-image-color,\n        var(--separator-background-image-color, #798fa5cc)\n      ),\n      var(\n          --stepper-separator-background-image-color,\n          var(--separator-background-image-color, #798fa5cc)\n        )\n        6px,\n      transparent 6px,\n      transparent 10px\n    );}.step-text.svelte-z5hug7 {margin:var(--step-text-margin, 0px 0px 0px 12px);font-size:var(--step-text-font-size, 12px);color:var(--step-text-color, #798fa5cc);}.step-vertical.svelte-z5hug7 .step-text:where(.svelte-z5hug7) {margin:var(--step-text-vertical-margin, 4px 0px 0px 0px);}.step-index-text.svelte-z5hug7 {font-size:var(--step-index-font-size, 14px);color:var(--step-index-color, white);}.step-badge.svelte-z5hug7 {margin:var(--step-badge-margin, 0 0 0 4px);}.step-vertical.svelte-z5hug7 .step-badge:where(.svelte-z5hug7) {margin:var(--step-badge-vertical-margin, 4px 0 0 0);}"
+	code: ".step.svelte-z5hug7 {display:flex;flex-direction:var(--step-flex-direction, row);align-items:center;\n    /* Lets a step's own box grow to fill a --step-container-flex share of the\n       Stepper row — a prerequisite for the separator below to have any free\n       space to grow into. Default 0 keeps a step sized to its content. */flex-grow:var(--step-flex-grow, 0);}.step-vertical.svelte-z5hug7 {--step-flex-direction: column;align-items:flex-start;}\n\n  /* Mirrors Stepper.svelte's per-status remapping so a bare Step themes itself. Only the\n     tokens Step actually renders are set here; the separator is Stepper's to draw. Each\n     chain terminates in the same literal Stepper uses, so the two agree by construction. */.status-completed.svelte-z5hug7 {--step-text-color: var(--step-text-completed-color, #24aa5a);--step-index-container-background-color: var(\n      --step-index-container-completed-background-color,\n      #24aa5a\n    );--step-index-container-border: var(--step-index-container-completed-border, none);}.status-active.svelte-z5hug7 {--step-text-color: var(--step-text-active-color, #2f3841);--step-index-container-background-color: var(\n      --step-index-container-active-background-color,\n      #2f3841\n    );--step-index-container-border: var(--step-index-container-active-border, none);}.status-failure.svelte-z5hug7 {--step-text-color: var(--step-text-failure-color, #e53935);--step-index-container-background-color: var(\n      --step-index-container-failure-background-color,\n      var(--stepper-status-failure-color, #e53935)\n    );--step-index-container-border: var(--step-index-container-failure-border, none);}.status-in-progress.svelte-z5hug7 {--step-text-color: var(--step-text-in-progress-color, #f59e0b);--step-index-container-background-color: var(\n      --step-index-container-in-progress-background-color,\n      var(--stepper-status-in-progress-color, #f59e0b)\n    );--step-index-container-border: var(--step-index-container-in-progress-border, none);}.status-muted.svelte-z5hug7 {--step-text-color: var(--step-text-muted-color, #667080);--step-index-container-background-color: var(\n      --step-index-container-muted-background-color,\n      #c9d2db\n    );\n    /* The circle is pale, so the numeral cannot inherit the white used on every other\n       status — that measured 1.53:1. #2f3841 is the same literal the active status\n       already uses for text, and reads at 7.79:1 here. */--step-index-color: var(--step-index-muted-color, #2f3841);--step-index-container-border: var(--step-index-container-muted-border, none);--step-index-container-height: var(--step-index-container-muted-height, 20px);--step-index-container-width: var(--step-index-container-muted-width, 20px);--step-index-font-size: var(--step-index-muted-font-size, 10px);}\n\n  /* status-pending sets nothing — it is the neutral default already in .step-index-container. */.step-index-container.svelte-z5hug7 {display:flex;justify-content:center;align-items:center;height:var(--step-index-container-height, 30px);width:var(--step-index-container-width, 30px);border-radius:var(--step-index-container-radius, 50%);background-color:var(--step-index-container-background-color, #798fa5cc);\n    /* No border today, so the fallback is `none` — an existing consumer that sets\n       nothing renders byte-identically. Shared with .step-icon-container below so\n       a status override (see Stepper.svelte) themes the circle whichever of the\n       two mutually-exclusive renders is showing. */border:var(--step-index-container-border, none);color:var(--step-index-color, white);flex-shrink:0;}.step-icon-container.svelte-z5hug7 {display:flex;justify-content:center;align-items:center;height:var(--step-index-container-height, 30px);width:var(--step-index-container-width, 30px);border-radius:var(--step-index-container-radius, 50%);background-color:var(--step-index-container-background-color, #798fa5cc);border:var(--step-index-container-border, none);flex-shrink:0;overflow:hidden;}.step-icon.svelte-z5hug7 {width:var(--step-icon-size, 18px);height:var(--step-icon-size, 18px);object-fit:contain;}.step-spinner.svelte-z5hug7 {width:var(--step-spinner-size, 18px);height:var(--step-spinner-size, 18px);\n    animation: svelte-z5hug7-stepper-spin 0.8s linear infinite;}\n\n  @keyframes svelte-z5hug7-stepper-spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }.separator.svelte-z5hug7 {display:var(--stepper-separator-display, var(--separator-display, block));height:var(--stepper-separator-height, var(--separator-height, 1px));width:var(--stepper-separator-width, var(--separator-width, 50px));\n    /* 0 keeps the separator pinned to its width above; set alongside --step-flex-grow\n       and --step-container-flex to let it stretch into a card's remaining width. */flex-grow:var(--stepper-separator-flex-grow, 0);margin:var(--stepper-separator-margin, var(--separator-margin, 0px 12px 0px 12px));background-image:var(\n      --stepper-separator-background-image,\n      var(\n        --separator-background-image,\n        repeating-linear-gradient(\n          to right,\n          var(\n            --stepper-separator-background-image-color,\n            var(--separator-background-image-color, #798fa5cc)\n          ),\n          var(\n              --stepper-separator-background-image-color,\n              var(--separator-background-image-color, #798fa5cc)\n            )\n            6px,\n          transparent 6px,\n          transparent 10px\n        )\n      )\n    );}.step-vertical.svelte-z5hug7 .separator:where(.svelte-z5hug7) {height:var(--stepper-separator-vertical-height, 32px);width:var(--stepper-separator-vertical-width, 1px);margin:var(--stepper-separator-vertical-margin, 4px 0px 4px 14px);background-image:repeating-linear-gradient(\n      to bottom,\n      var(\n        --stepper-separator-background-image-color,\n        var(--separator-background-image-color, #798fa5cc)\n      ),\n      var(\n          --stepper-separator-background-image-color,\n          var(--separator-background-image-color, #798fa5cc)\n        )\n        6px,\n      transparent 6px,\n      transparent 10px\n    );}.step-text.svelte-z5hug7 {margin:var(--step-text-margin, 0px 0px 0px 12px);font-size:var(--step-text-font-size, 12px);\n    /* No font-weight is set today, so the div inherits the browser default\n       `normal` — that is the literal fallback, keeping an existing consumer\n       byte-identical. */font-weight:var(--step-text-font-weight, normal);color:var(--step-text-color, #798fa5cc);}.step-vertical.svelte-z5hug7 .step-text:where(.svelte-z5hug7) {margin:var(--step-text-vertical-margin, 4px 0px 0px 0px);}.step-index-text.svelte-z5hug7 {font-size:var(--step-index-font-size, 14px);color:var(--step-index-color, white);}.step-badge.svelte-z5hug7 {margin:var(--step-badge-margin, 0 0 0 4px);}.step-vertical.svelte-z5hug7 .step-badge:where(.svelte-z5hug7) {margin:var(--step-badge-vertical-margin, 4px 0 0 0);}"
 };
 function Step(e, t) {
 	push(t, !0), append_styles$1(e, $$css$51);
-	let n = prop(t, "stepIndex", 7), i = prop(t, "label", 7), a = prop(t, "icon", 7), o = prop(t, "status", 7), s = prop(t, "badge", 7), c = prop(t, "orientation", 7, "horizontal"), l = prop(t, "classes", 7), u = prop(t, "ariaLabel", 7), d = prop(t, "onclick", 7), f = prop(t, "onkeydown", 7), p = () => {
-		d()?.({ selectedIndex: n() });
-	}, m = (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), p()), f()?.(e);
-	}, h = /* @__PURE__ */ user_derived(() => c() === "vertical"), g = /* @__PURE__ */ user_derived(() => [
+	let n = prop(t, "stepIndex", 7), i = prop(t, "label", 7), a = prop(t, "icon", 7), o = prop(t, "status", 7), s = prop(t, "badge", 7), c = prop(t, "orientation", 7, "horizontal"), l = prop(t, "classes", 7), u = prop(t, "ariaLabel", 7), d = prop(t, "testId", 7), f = prop(t, "suppressRoleAndTabindex", 7), p = prop(t, "onclick", 7), m = prop(t, "onkeydown", 7), h = () => {
+		p()?.({ selectedIndex: n() });
+	}, g = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h()), m()?.(e);
+	}, _ = /* @__PURE__ */ user_derived(() => c() === "vertical"), v = /* @__PURE__ */ user_derived(() => [
 		"step",
-		get(h) ? "step-vertical" : "",
+		get(_) ? "step-vertical" : "",
 		l() ?? ""
 	].filter((e) => e.length > 0).join(" "));
-	var _ = {
+	var y = {
 		get stepIndex() {
 			return n();
 		},
@@ -9122,41 +9151,61 @@ function Step(e, t) {
 		set ariaLabel(e) {
 			u(e), flushSync();
 		},
-		get onclick() {
+		get testId() {
 			return d();
 		},
-		set onclick(e) {
+		set testId(e) {
 			d(e), flushSync();
 		},
-		get onkeydown() {
+		get suppressRoleAndTabindex() {
 			return f();
 		},
-		set onkeydown(e) {
+		set suppressRoleAndTabindex(e) {
 			f(e), flushSync();
+		},
+		get onclick() {
+			return p();
+		},
+		set onclick(e) {
+			p(e), flushSync();
+		},
+		get onkeydown() {
+			return m();
+		},
+		set onkeydown(e) {
+			m(e), flushSync();
 		}
-	}, v = root_4$28(), y = child(v), b = (e) => {
+	}, b = root_4$28();
+	let x;
+	var S = child(b), C = (e) => {
 		var t = root$53(), n = child(t);
 		reset(t), template_effect(() => set_attribute(n, "src", a())), append(e, t);
-	}, x = (e) => {
+	}, w = (e) => {
 		append(e, root_1$45());
-	}, S = (e) => {
+	}, T = (e) => {
 		var t = root_2$36(), i = child(t), a = child(i, !0);
 		reset(i), reset(t), template_effect(() => set_text(a, n())), append(e, t);
 	};
-	if_block(y, (e) => {
-		typeof a() == "string" && a().length > 0 ? e(b) : o() === "in-progress" ? e(x, 1) : e(S, -1);
+	if_block(S, (e) => {
+		typeof a() == "string" && a().length > 0 ? e(C) : o() === "in-progress" ? e(w, 1) : e(T, -1);
 	});
-	var C = sibling(y, 2), w = child(C, !0);
-	reset(C);
-	var T = sibling(C, 2), E = (e) => {
+	var E = sibling(S, 2), D = child(E, !0);
+	reset(E);
+	var O = sibling(E, 2), k = (e) => {
 		var t = root_3$34();
 		snippet(child(t), s), reset(t), append(e, t);
 	};
-	return if_block(T, (e) => {
-		typeof s() == "function" && e(E);
-	}), next(2), reset(v), template_effect(() => {
-		set_class(v, 1, clsx(get(g)), "svelte-z5hug7"), set_attribute(v, "aria-label", u() ?? null), set_attribute(v, "aria-labelledby", u() ? null : `step-label-${n()}`), set_attribute(v, "aria-current", o() === "active" ? "step" : null), set_attribute(C, "id", `step-label-${n() ?? ""}`), set_text(w, i());
-	}), delegated("click", v, p), delegated("keydown", v, m), append(e, v), pop(_);
+	return if_block(O, (e) => {
+		typeof s() == "function" && e(k);
+	}), next(2), reset(b), template_effect(() => {
+		x = set_class(b, 1, clsx(get(v)), "svelte-z5hug7", x, {
+			"status-completed": o() === "completed",
+			"status-active": o() === "active",
+			"status-failure": o() === "failure",
+			"status-in-progress": o() === "in-progress",
+			"status-muted": o() === "muted"
+		}), set_attribute(b, "data-pw", typeof d() == "string" ? d() : null), set_attribute(b, "testid", typeof d() == "string" ? d() : null), set_attribute(b, "role", f() ? null : "button"), set_attribute(b, "tabindex", f() ? null : 0), set_attribute(b, "aria-label", u() ?? null), set_attribute(b, "aria-labelledby", u() ? null : `step-label-${n()}`), set_attribute(b, "aria-current", o() === "active" ? "step" : null), set_attribute(E, "id", `step-label-${n() ?? ""}`), set_text(D, i());
+	}), delegated("click", b, h), delegated("keydown", b, g), append(e, b), pop(y);
 }
 delegate(["click", "keydown"]), create_custom_element(Step, {
 	stepIndex: {},
@@ -9167,6 +9216,8 @@ delegate(["click", "keydown"]), create_custom_element(Step, {
 	orientation: {},
 	classes: {},
 	ariaLabel: {},
+	testId: {},
+	suppressRoleAndTabindex: {},
 	onclick: {},
 	onkeydown: {}
 }, [], [], { mode: "open" });
@@ -9174,16 +9225,16 @@ delegate(["click", "keydown"]), create_custom_element(Step, {
 //#region src/lib/Stepper/Stepper.svelte
 var root$52 = /* @__PURE__ */ from_html("<div role=\"listitem\"><!></div>"), root_1$44 = /* @__PURE__ */ from_html("<div role=\"list\"></div>"), $$css$50 = {
 	hash: "svelte-k2df9q",
-	code: ".container.svelte-k2df9q {display:flex;flex-direction:var(--container-flex-direction, row);align-items:center;}.container-vertical.svelte-k2df9q {--container-flex-direction: column;align-items:flex-start;}.step-container.svelte-k2df9q:last-child {--stepper-separator-display: none;}.step-container.svelte-k2df9q {display:flex;align-items:center;}\n\n  /* status-completed */.status-completed.svelte-k2df9q {--step-text-color: var(--step-text-completed-color, #24aa5a);--stepper-separator-background-image-color: var(\n      --stepper-separator-background-image-completed-color,\n      #24aa5a\n    );--step-index-container-background-color: var(\n      --step-index-container-completed-background-color,\n      #24aa5a\n    );}\n\n  /* status-active */.status-active.svelte-k2df9q {--step-text-color: var(--step-text-active-color, #2f3841);--stepper-separator-background-image-color: var(\n      --stepper-separator-background-image-active-color,\n      #2f3841\n    );--step-index-container-background-color: var(\n      --step-index-container-active-background-color,\n      #2f3841\n    );}\n\n  /* status-pending: no override — falls through to #798fa5cc grey default in Step.svelte */\n\n  /* status-failure */.status-failure.svelte-k2df9q {--step-text-color: var(--step-text-failure-color, #e53935);--stepper-separator-background-image-color: var(\n      --stepper-separator-background-image-failure-color,\n      #e53935\n    );--step-index-container-background-color: var(\n      --step-index-container-failure-background-color,\n      var(--stepper-status-failure-color, #e53935)\n    );}\n\n  /* status-in-progress */.status-in-progress.svelte-k2df9q {--step-text-color: var(--step-text-in-progress-color, #f59e0b);--stepper-separator-background-image-color: var(\n      --stepper-separator-background-image-in-progress-color,\n      #f59e0b\n    );--step-index-container-background-color: var(\n      --step-index-container-in-progress-background-color,\n      var(--stepper-status-in-progress-color, #f59e0b)\n    );}[theme='dark'] .status-failure.svelte-k2df9q {--step-text-color: var(--step-text-failure-color, #ef5350);--stepper-separator-background-image-color: var(\n      --stepper-separator-background-image-failure-color,\n      #ef5350\n    );--step-index-container-background-color: var(\n      --step-index-container-failure-background-color,\n      var(--stepper-status-failure-color, #ef5350)\n    );}[theme='dark'] .status-in-progress.svelte-k2df9q {--step-text-color: var(--step-text-in-progress-color, #fbbf24);--stepper-separator-background-image-color: var(\n      --stepper-separator-background-image-in-progress-color,\n      #fbbf24\n    );--step-index-container-background-color: var(\n      --step-index-container-in-progress-background-color,\n      var(--stepper-status-in-progress-color, #fbbf24)\n    );}"
+	code: ".container.svelte-k2df9q {display:flex;flex-direction:var(--container-flex-direction, row);flex-wrap:var(--container-flex-wrap, nowrap);align-items:center;}.container-vertical.svelte-k2df9q {--container-flex-direction: column;align-items:flex-start;}.step-container.svelte-k2df9q:last-child {--stepper-separator-display: none;}.step-container.svelte-k2df9q {display:flex;align-items:center;flex:var(--step-container-flex, 0 1 auto);}\n\n  /* status-completed */.status-completed.svelte-k2df9q {--step-text-color: var(--step-text-completed-color, #24aa5a);--stepper-separator-background-image-color: var(\n      --stepper-separator-background-image-completed-color,\n      #24aa5a\n    );--step-index-container-background-color: var(\n      --step-index-container-completed-background-color,\n      #24aa5a\n    );\n    /* No border existed for any status before this, so every one of these\n       per-status hooks falls back to `none` — byte-identical for a consumer\n       that sets nothing. */--step-index-container-border: var(--step-index-container-completed-border, none);}\n\n  /* status-active */.status-active.svelte-k2df9q {--step-text-color: var(--step-text-active-color, #2f3841);--stepper-separator-background-image-color: var(\n      --stepper-separator-background-image-active-color,\n      #2f3841\n    );--step-index-container-background-color: var(\n      --step-index-container-active-background-color,\n      #2f3841\n    );--step-index-container-border: var(--step-index-container-active-border, none);}\n\n  /* status-pending: no override — falls through to #798fa5cc grey (and no border) default in Step.svelte */\n\n  /* status-failure */.status-failure.svelte-k2df9q {--step-text-color: var(--step-text-failure-color, #e53935);--stepper-separator-background-image-color: var(\n      --stepper-separator-background-image-failure-color,\n      #e53935\n    );--step-index-container-background-color: var(\n      --step-index-container-failure-background-color,\n      var(--stepper-status-failure-color, #e53935)\n    );--step-index-container-border: var(--step-index-container-failure-border, none);}\n\n  /* status-in-progress */.status-in-progress.svelte-k2df9q {--step-text-color: var(--step-text-in-progress-color, #f59e0b);--stepper-separator-background-image-color: var(\n      --stepper-separator-background-image-in-progress-color,\n      #f59e0b\n    );--step-index-container-background-color: var(\n      --step-index-container-in-progress-background-color,\n      var(--stepper-status-in-progress-color, #f59e0b)\n    );--step-index-container-border: var(--step-index-container-in-progress-border, none);}\n\n  /* status-muted: a smaller, subtly-tinted marker for a de-emphasized or\n     supplementary step (e.g. an informational marker riding alongside a\n     primary rail). New opt-in status value — none of the statuses above are\n     touched, and a step only reaches these rules by setting status:'muted'\n     explicitly (resolveStatus never derives it). Reuses the same\n     --step-index-container-height/-width/-background-color, --step-text-color,\n     --stepper-separator-background-image-color and --step-index-container-border\n     hooks the other statuses already theme through, so a call site can further\n     override any of them the same way. */.status-muted.svelte-k2df9q {--step-text-color: var(--step-text-muted-color, #667080);--stepper-separator-background-image-color: var(\n      --stepper-separator-background-image-muted-color,\n      #c9d2db\n    );--step-index-container-background-color: var(\n      --step-index-container-muted-background-color,\n      #c9d2db\n    );\n    /* The circle is pale, so the numeral cannot inherit the white used on every other\n       status — that measured 1.53:1. #2f3841 is the same literal the active status\n       already uses for text, and reads at 7.79:1 here. */--step-index-color: var(--step-index-muted-color, #2f3841);--step-index-container-border: var(--step-index-container-muted-border, none);--step-index-container-height: var(--step-index-container-muted-height, 20px);--step-index-container-width: var(--step-index-container-muted-width, 20px);--step-index-font-size: var(--step-index-muted-font-size, 10px);}[theme='dark'] .status-failure.svelte-k2df9q {--step-text-color: var(--step-text-failure-color, #ef5350);--stepper-separator-background-image-color: var(\n      --stepper-separator-background-image-failure-color,\n      #ef5350\n    );--step-index-container-background-color: var(\n      --step-index-container-failure-background-color,\n      var(--stepper-status-failure-color, #ef5350)\n    );}[theme='dark'] .status-in-progress.svelte-k2df9q {--step-text-color: var(--step-text-in-progress-color, #fbbf24);--stepper-separator-background-image-color: var(\n      --stepper-separator-background-image-in-progress-color,\n      #fbbf24\n    );--step-index-container-background-color: var(\n      --step-index-container-in-progress-background-color,\n      var(--stepper-status-in-progress-color, #fbbf24)\n    );}"
 };
 function Stepper(e, t) {
 	push(t, !0), append_styles$1(e, $$css$50);
-	let n = prop(t, "steps", 7), i = prop(t, "currentStepIndex", 7), a = prop(t, "orientation", 7, "horizontal"), o = prop(t, "classes", 7), s = prop(t, "testId", 7), c = prop(t, "onstepclick", 7), l = prop(t, "onhandleStepClick", 7), u = (e, t) => t === null ? e < i() ? "completed" : e === i() ? "active" : "pending" : t, d = /* @__PURE__ */ user_derived(() => c() ?? l()), f = /* @__PURE__ */ user_derived(() => [
+	let n = prop(t, "steps", 7), i = prop(t, "currentStepIndex", 7), a = prop(t, "orientation", 7, "horizontal"), o = prop(t, "classes", 7), s = prop(t, "testId", 7), c = prop(t, "suppressRoleAndTabindex", 7), l = prop(t, "suppressContainerTestId", 7), u = prop(t, "onstepclick", 7), d = prop(t, "onhandleStepClick", 7), f = (e, t) => t === null ? e < i() ? "completed" : e === i() ? "active" : "pending" : t, p = /* @__PURE__ */ user_derived(() => u() ?? d()), m = /* @__PURE__ */ user_derived(() => typeof s() == "string" && !l() ? s() : null), h = /* @__PURE__ */ user_derived(() => [
 		"container",
 		a() === "vertical" ? "container-vertical" : "",
 		o() ?? ""
 	].filter((e) => e.length > 0).join(" "));
-	var p = {
+	var g = {
 		get steps() {
 			return n();
 		},
@@ -9214,25 +9265,37 @@ function Stepper(e, t) {
 		set testId(e) {
 			s(e), flushSync();
 		},
-		get onstepclick() {
+		get suppressRoleAndTabindex() {
 			return c();
 		},
-		set onstepclick(e) {
+		set suppressRoleAndTabindex(e) {
 			c(e), flushSync();
 		},
-		get onhandleStepClick() {
+		get suppressContainerTestId() {
 			return l();
 		},
-		set onhandleStepClick(e) {
+		set suppressContainerTestId(e) {
 			l(e), flushSync();
+		},
+		get onstepclick() {
+			return u();
+		},
+		set onstepclick(e) {
+			u(e), flushSync();
+		},
+		get onhandleStepClick() {
+			return d();
+		},
+		set onhandleStepClick(e) {
+			d(e), flushSync();
 		}
-	}, m = root_1$44();
-	return each(m, 21, n, index, (e, t, n) => {
-		let i = /* @__PURE__ */ user_derived(() => u(n, get(t).status ?? null));
-		var o = root$52();
-		Step(child(o), {
+	}, _ = root_1$44();
+	return each(_, 21, n, index, (e, t, n) => {
+		let i = /* @__PURE__ */ user_derived(() => f(n, get(t).status ?? null)), o = /* @__PURE__ */ user_derived(() => get(t).testId ?? (typeof s() == "string" ? `${s()}-step-${n + 1}` : null));
+		var l = root$52();
+		Step(child(l), {
 			get onclick() {
-				return get(d);
+				return get(p);
 			},
 			get label() {
 				return get(t).label;
@@ -9247,13 +9310,19 @@ function Stepper(e, t) {
 			get badge() {
 				return get(t).badge;
 			},
+			get testId() {
+				return get(o);
+			},
 			get orientation() {
 				return a();
+			},
+			get suppressRoleAndTabindex() {
+				return c();
 			}
-		}), reset(o), template_effect(() => set_class(o, 1, `step-container status-${get(i) ?? ""} ${get(i) === "active" ? "active-step" : ""} ${get(i) === "completed" ? "completed-step" : ""}`, "svelte-k2df9q")), append(e, o);
-	}), reset(m), template_effect(() => {
-		set_class(m, 1, clsx(get(f)), "svelte-k2df9q"), set_attribute(m, "data-pw", typeof s() == "string" ? s() : null), set_attribute(m, "testid", typeof s() == "string" ? s() : null);
-	}), append(e, m), pop(p);
+		}), reset(l), template_effect(() => set_class(l, 1, `step-container status-${get(i) ?? ""} ${get(i) === "active" ? "active-step" : ""} ${get(i) === "completed" ? "completed-step" : ""}`, "svelte-k2df9q")), append(e, l);
+	}), reset(_), template_effect(() => {
+		set_class(_, 1, clsx(get(h)), "svelte-k2df9q"), set_attribute(_, "data-pw", get(m)), set_attribute(_, "testid", get(m));
+	}), append(e, _), pop(g);
 }
 create_custom_element(Stepper, {
 	steps: {},
@@ -9261,6 +9330,8 @@ create_custom_element(Stepper, {
 	orientation: {},
 	classes: {},
 	testId: {},
+	suppressRoleAndTabindex: {},
+	suppressContainerTestId: {},
 	onstepclick: {},
 	onhandleStepClick: {}
 }, [], [], { mode: "open" });
@@ -10630,7 +10701,7 @@ customElements.define("sui-button", create_custom_element(Button_wc, {
 //#region src/lib/CheckListItem/CheckListItem.svelte
 var root$45 = /* @__PURE__ */ from_html("<span> </span>"), root_1$38 = /* @__PURE__ */ from_html("<div><div class=\"checkbox-wrapper svelte-1el64om\"><!></div> <!></div>"), $$css$43 = {
 	hash: "svelte-1el64om",
-	code: ".container.svelte-1el64om {display:var(--check-list-item-display, flex);align-items:var(--check-list-item-align-items, center);width:var(--check-list-item-width, 100%);padding:var(--check-list-item-padding);gap:var(--check-list-item-gap, 8px);}.container.disabled.svelte-1el64om {opacity:var(--check-list-item-disabled-opacity, 0.4);cursor:not-allowed;}.checkbox-wrapper.svelte-1el64om {flex-shrink:0;}.text.svelte-1el64om {font-size:var(--check-list-item-text-size, 14px);color:var(--check-list-item-text-color);}.text.checked.svelte-1el64om {color:var(--check-list-item-checked-text-color);font-weight:var(--check-list-item-checked-font-weight);}"
+	code: ".container.svelte-1el64om {display:var(--check-list-item-display, flex);align-items:var(--check-list-item-align-items, center);width:var(--check-list-item-width, 100%);padding:var(--check-list-item-padding);gap:var(--check-list-item-gap, 8px);}.container.disabled.svelte-1el64om {cursor:not-allowed;}.checkbox-wrapper.svelte-1el64om {flex-shrink:0;}.container.disabled.svelte-1el64om .checkbox-wrapper:where(.svelte-1el64om) {--checkbox-disabled-opacity: var(--check-list-item-disabled-opacity, 0.4);}.text.svelte-1el64om {font-size:var(--check-list-item-text-size, 14px);color:var(--check-list-item-text-color);}.text.checked.svelte-1el64om {color:var(--check-list-item-checked-text-color);font-weight:var(--check-list-item-checked-font-weight);}"
 };
 function CheckListItem(e, t) {
 	push(t, !0), append_styles$1(e, $$css$43);
@@ -11196,10 +11267,14 @@ function EmptyState(e, t) {
 	}), reset(h);
 	var y = sibling(h, 2), b = (e) => {
 		var t = root_1$36();
-		snippet(child(t), u), reset(t), append(e, t);
+		snippet(child(t), u), reset(t), template_effect(() => {
+			set_attribute(t, "data-pw", typeof c() == "string" ? `${c()}-description` : null), set_attribute(t, "testid", typeof c() == "string" ? `${c()}-description` : null);
+		}), append(e, t);
 	}, x = (e) => {
 		var t = root_2$30(), n = child(t, !0);
-		reset(t), template_effect(() => set_text(n, i())), append(e, t);
+		reset(t), template_effect(() => {
+			set_attribute(t, "data-pw", typeof c() == "string" ? `${c()}-description` : null), set_attribute(t, "testid", typeof c() == "string" ? `${c()}-description` : null), set_text(n, i());
+		}), append(e, t);
 	};
 	if_block(y, (e) => {
 		typeof u() == "function" ? e(b) : typeof i() == "string" && i().length > 0 && e(x, 1);
@@ -11211,7 +11286,7 @@ function EmptyState(e, t) {
 	return if_block(S, (e) => {
 		typeof o() == "function" && e(C);
 	}), reset(f), template_effect(() => {
-		set_class(f, 1, `empty-state ${s() ?? "" ?? ""}`, "svelte-vmfces"), set_attribute(f, "data-pw", typeof c() == "string" ? c() : null), set_attribute(f, "testid", typeof c() == "string" ? c() : null);
+		set_class(f, 1, `empty-state ${s() ?? "" ?? ""}`, "svelte-vmfces"), set_attribute(f, "data-pw", typeof c() == "string" ? c() : null), set_attribute(f, "testid", typeof c() == "string" ? c() : null), set_attribute(h, "data-pw", typeof c() == "string" ? `${c()}-title` : null), set_attribute(h, "testid", typeof c() == "string" ? `${c()}-title` : null);
 	}), append(e, f), pop(d);
 }
 create_custom_element(EmptyState, {
@@ -11268,7 +11343,11 @@ customElements.define("sui-empty-state", create_custom_element(EmptyState_wc, {
 		reflect: !0,
 		type: "String"
 	},
-	classes: { type: "String" }
+	classes: { type: "String" },
+	testId: {
+		attribute: "test-id",
+		type: "String"
+	}
 }, [
 	"icon",
 	"title-snippet",
@@ -11974,29 +12053,29 @@ customElements.define("sui-input-button", create_custom_element(InputButton_wc,
 }, ["left-icon", "right-icon"], [], { mode: "open" }));
 //#endregion
 //#region src/lib/ListItem/ListItem.svelte
-var root$37 = /* @__PURE__ */ from_html("<div class=\"item-loader svelte-d2pqbq\"></div>"), root_1$33 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"><!></div>"), root_2$27 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"></div>"), root_3$25 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"0\"><div class=\"right-img-wrapper svelte-d2pqbq\"><!></div></div>"), root_4$21 = /* @__PURE__ */ from_html("<div class=\"right-content-loader svelte-d2pqbq\"><!></div>"), root_5$17 = /* @__PURE__ */ from_html("<span class=\"right-content-text svelte-d2pqbq\"> </span>"), root_6$16 = /* @__PURE__ */ from_html("<div><!> <div><div role=\"button\" tabindex=\"0\"><div class=\"left-content svelte-d2pqbq\"><!> <!></div> <div class=\"center-content svelte-d2pqbq\"><!> <!></div> <div class=\"right-content svelte-d2pqbq\"><!> <!> <!> <!></div></div> <div class=\"bottom-section svelte-d2pqbq\"><!></div></div></div>"), $$css$36 = {
+var root$37 = /* @__PURE__ */ from_html("<div class=\"item-loader svelte-d2pqbq\"></div>"), root_1$33 = /* @__PURE__ */ from_html("<div><!></div>"), root_2$27 = /* @__PURE__ */ from_html("<div></div>"), root_3$25 = /* @__PURE__ */ from_html("<div><div class=\"right-img-wrapper svelte-d2pqbq\"><!></div></div>"), root_4$21 = /* @__PURE__ */ from_html("<div class=\"right-content-loader svelte-d2pqbq\"><!></div>"), root_5$17 = /* @__PURE__ */ from_html("<span class=\"right-content-text svelte-d2pqbq\"> </span>"), root_6$16 = /* @__PURE__ */ from_html("<div><!> <div><div><div class=\"left-content svelte-d2pqbq\"><!> <!></div> <div class=\"center-content svelte-d2pqbq\"><!> <!></div> <div class=\"right-content svelte-d2pqbq\"><!> <!> <!> <!></div></div> <div class=\"bottom-section svelte-d2pqbq\"><!></div></div></div>"), $$css$36 = {
 	hash: "svelte-d2pqbq",
 	code: ".item-container.svelte-d2pqbq {position:relative;--loader-foreground: var(--list-item-loader-foreground, #86898d);--loader-background: var(--list-item-loader-background, #ffffff);--loader-foreground-end: var(--list-item-loader-foreground-end, #ffffff);}.item-loader.svelte-d2pqbq {position:absolute;height:100%;width:100%;background:var(--list-item-loader-background-color, #00000030);z-index:20;\n    animation: svelte-d2pqbq-fill-loader ease-in-out var(--list-item-loader-duration, 8s);}\n\n  @keyframes svelte-d2pqbq-fill-loader {\n    0% {\n      width: 0;\n    }\n\n    100% {\n      width: 100%;\n    }\n  }.item.svelte-d2pqbq {display:flex;flex-direction:column;background-color:var(--list-item-background-color, transparent);-webkit-tap-highlight-color:transparent;cursor:var(--list-item-cursor, pointer);-moz-box-shadow:var(--list-item-box-shadow, none);-webkit-box-shadow:var(--list-item-box-shadow, none);box-shadow:var(--list-item-box-shadow, none);width:var(--list-item-box-width);border-radius:var(--list-item-border-radius, 0px);margin:var(--list-item-margin);padding:var(--list-item-padding);border:var(--list-item-border);transition:var(--list-item-transition);}.item.svelte-d2pqbq:hover {background-color:var(--list-item-hover-background-color, var(--list-item-background-color));border:var(--list-item-hover-border, var(--list-item-border));}.top-section.svelte-d2pqbq {display:flex;flex-direction:row;align-items:var(--list-item-top-section-align-items);gap:var(--list-item-top-section-gap);margin-bottom:0;}.left-content.svelte-d2pqbq {display:var(--list-item-left-content-display, flex);--image-height: var(--list-item-left-image-height, 24px);--image-width: var(--list-item-left-image-width, 24px);--image-padding: var(--list-item-left-image-padding, 0px);--image-border-radius: var(--list-item-left-image-border-radius, 0px);--image-margin: var(--list-item-left-image-margin, 0px);--image-filter: var(--list-item-left-image-filter, none);--image-background: var(--list-item-left-image-background);--image-border: var(--list-item-left-image-border);--image-transition: var(--list-item-transition);--image-object-fit: var(--list-item-left-image-object-fit);--image-hover-background: var(\n      --list-item-left-image-hover-background,\n      var(--list-item-left-image-background)\n    );--image-hover-border: var(\n      --list-item-left-image-hover-border,\n      var(--list-item-left-image-border)\n    );}.center-text.svelte-d2pqbq {display:flex;flex-direction:column;justify-content:var(--list-item-center-text-justify-content, flex-start);padding:var(--list-item-center-text-padding, 0px 20px);color:var(--list-item-center-text-color, #2f3841);font-size:var(--list-item-center-text-font-size, 12px);font-weight:var(--list-item-center-text-font-weight, 300);align-items:var(--list-item-center-text-vertical-align);margin:var(--list-item-center-text-margin);border:var(--list-item-center-text-border);cursor:var(--list-item-center-text-cursor, pointer);font-family:var(--list-item-center-text-font-family);}.center-content.svelte-d2pqbq {display:flex;flex:1;min-width:0;}.right-content.svelte-d2pqbq {display:var(--list-item-right-content-display, flex);flex:var(--list-item-right-content-flex);}.right-content-loader.svelte-d2pqbq {margin:var(--list-item-right-content-loader-margin);}.bottom-section.svelte-d2pqbq {flex-direction:row;margin-top:0;}.right-img-wrapper.svelte-d2pqbq {--image-height: var(--list-item-right-image-height, 18px);--image-width: var(--list-item-right-image-width, 18px);--image-padding: var(--list-item-right-image-padding, 0px);--image-border-radius: var(--list-item-right-image-border-radius, 0px);--image-margin: var(--list-item-right-image-margin, 0px);--image-filter: var(--list-item-right-image-filter);--image-background: var(--list-item-right-image-background);--image-border: var(--list-item-right-image-border);--image-transition: var(--list-item-transition);--image-hover-background: var(\n      --list-item-right-image-hover-background,\n      var(--list-item-right-image-background)\n    );--image-hover-border: var(\n      --list-item-right-image-hover-border,\n      var(--list-item-right-image-border)\n    );}.right-content-text.svelte-d2pqbq {color:var(--list-item-right-content-text-color, #2f3841);font-size:var(--list-item-right-content-text-font-size, 12px);font-weight:var(--list-item-right-content-text-font-weight, 300);display:var(--list-item-right-content-display, flex);align-items:var(--list-item-right-content-text-vertical-align);padding:var(--list-item-right-content-text-padding, 0px);margin:var(--list-item-right-content-text-margin, 0px);border:var(--list-item-right-content-text-border);cursor:var(--list-item-right-content-text-cursor, pointer);font-family:var(--list-item-right-content-text-font-family);justify-content:var(--list-item-right-content-text-justify-content);}.prevent-focus.svelte-d2pqbq:focus {outline:none;}"
 };
 function ListItem(e, t) {
 	push(t, !0), append_styles$1(e, $$css$36);
-	let n = prop(t, "leftImageUrl", 7), i = prop(t, "leftImageFallbackUrl", 7), a = prop(t, "rightImageUrl", 7), o = prop(t, "label", 7), s = prop(t, "useAccordion", 7, !1), c = prop(t, "rightContentText", 7), l = prop(t, "testId", 7), u = prop(t, "topSectionTestId", 7), d = prop(t, "rightImageTestId", 7), f = prop(t, "leftImageTestId", 7), p = prop(t, "centerTextTestId", 7), m = prop(t, "showLoader", 7, !1), h = prop(t, "showRightContentLoader", 7, !1), g = prop(t, "expand", 15, !1), _ = prop(t, "preventFocus", 7, !1), v = prop(t, "leftContent", 7), y = prop(t, "centerContent", 7), b = prop(t, "rightContent", 7), x = prop(t, "bottomContent", 7), S = prop(t, "onleftImageClick", 7), C = prop(t, "onrightImageClick", 7), w = prop(t, "oncenterTextClick", 7), T = prop(t, "onitemClick", 7), E = prop(t, "ontopSectionClick", 7), D = prop(t, "onkeydown", 7), O = prop(t, "classes", 7), k = prop(t, "role", 7), A = prop(t, "ariaSelected", 7), j = prop(t, "id", 7);
-	function M(e) {
-		S()?.(e);
-	}
-	function N(e) {
+	let n = prop(t, "leftImageUrl", 7), i = prop(t, "leftImageFallbackUrl", 7), a = prop(t, "rightImageUrl", 7), o = prop(t, "label", 7), s = prop(t, "useAccordion", 7, !1), c = prop(t, "rightContentText", 7), l = prop(t, "testId", 7), u = prop(t, "topSectionTestId", 7), d = prop(t, "rightImageTestId", 7), f = prop(t, "leftImageTestId", 7), p = prop(t, "centerTextTestId", 7), m = prop(t, "showLoader", 7, !1), h = prop(t, "showRightContentLoader", 7, !1), g = prop(t, "expand", 15, !1), _ = prop(t, "preventFocus", 7, !1), v = prop(t, "suppressRoleAndTabindex", 7, !1), y = prop(t, "leftContent", 7), b = prop(t, "centerContent", 7), x = prop(t, "rightContent", 7), S = prop(t, "bottomContent", 7), C = prop(t, "onleftImageClick", 7), w = prop(t, "onrightImageClick", 7), T = prop(t, "oncenterTextClick", 7), E = prop(t, "onitemClick", 7), D = prop(t, "ontopSectionClick", 7), O = prop(t, "onkeydown", 7), k = prop(t, "classes", 7), A = prop(t, "transformSvg", 7), j = prop(t, "role", 7), M = prop(t, "ariaSelected", 7), N = prop(t, "id", 7);
+	function P(e) {
 		C()?.(e);
 	}
-	function P(e) {
+	function F(e) {
 		w()?.(e);
 	}
-	function F(e) {
+	function I(e) {
 		T()?.(e);
 	}
-	function I(e) {
+	function L(e) {
 		E()?.(e);
 	}
-	var L = {
+	function R(e) {
+		D()?.(e);
+	}
+	var z = {
 		get leftImageUrl() {
 			return n();
 		},
@@ -12087,102 +12166,114 @@ function ListItem(e, t) {
 		set preventFocus(e = !1) {
 			_(e), flushSync();
 		},
-		get leftContent() {
+		get suppressRoleAndTabindex() {
 			return v();
 		},
-		set leftContent(e) {
+		set suppressRoleAndTabindex(e = !1) {
 			v(e), flushSync();
 		},
-		get centerContent() {
+		get leftContent() {
 			return y();
 		},
-		set centerContent(e) {
+		set leftContent(e) {
 			y(e), flushSync();
 		},
-		get rightContent() {
+		get centerContent() {
 			return b();
 		},
-		set rightContent(e) {
+		set centerContent(e) {
 			b(e), flushSync();
 		},
-		get bottomContent() {
+		get rightContent() {
 			return x();
 		},
-		set bottomContent(e) {
+		set rightContent(e) {
 			x(e), flushSync();
 		},
-		get onleftImageClick() {
+		get bottomContent() {
 			return S();
 		},
-		set onleftImageClick(e) {
+		set bottomContent(e) {
 			S(e), flushSync();
 		},
-		get onrightImageClick() {
+		get onleftImageClick() {
 			return C();
 		},
-		set onrightImageClick(e) {
+		set onleftImageClick(e) {
 			C(e), flushSync();
 		},
-		get oncenterTextClick() {
+		get onrightImageClick() {
 			return w();
 		},
-		set oncenterTextClick(e) {
+		set onrightImageClick(e) {
 			w(e), flushSync();
 		},
-		get onitemClick() {
+		get oncenterTextClick() {
 			return T();
 		},
-		set onitemClick(e) {
+		set oncenterTextClick(e) {
 			T(e), flushSync();
 		},
-		get ontopSectionClick() {
+		get onitemClick() {
 			return E();
 		},
-		set ontopSectionClick(e) {
+		set onitemClick(e) {
 			E(e), flushSync();
 		},
-		get onkeydown() {
+		get ontopSectionClick() {
 			return D();
 		},
-		set onkeydown(e) {
+		set ontopSectionClick(e) {
 			D(e), flushSync();
 		},
-		get classes() {
+		get onkeydown() {
 			return O();
 		},
-		set classes(e) {
+		set onkeydown(e) {
 			O(e), flushSync();
 		},
-		get role() {
+		get classes() {
 			return k();
 		},
-		set role(e) {
+		set classes(e) {
 			k(e), flushSync();
 		},
-		get ariaSelected() {
+		get transformSvg() {
 			return A();
 		},
-		set ariaSelected(e) {
+		set transformSvg(e) {
 			A(e), flushSync();
 		},
-		get id() {
+		get role() {
 			return j();
 		},
-		set id(e) {
+		set role(e) {
 			j(e), flushSync();
+		},
+		get ariaSelected() {
+			return M();
+		},
+		set ariaSelected(e) {
+			M(e), flushSync();
+		},
+		get id() {
+			return N();
+		},
+		set id(e) {
+			N(e), flushSync();
 		}
-	}, R = comment(), z = first_child(R), B = (e) => {
-		var t = root_6$16(), S = child(t), C = (e) => {
+	}, B = comment(), V = first_child(B), H = (e) => {
+		var t = root_6$16(), C = child(t), w = (e) => {
 			append(e, root$37());
 		};
-		if_block(S, (e) => {
-			m() && e(C);
+		if_block(C, (e) => {
+			m() && e(w);
 		});
-		var w = sibling(S, 2);
-		let T;
-		var E = child(w);
-		let L;
-		var R = child(E), z = child(R), B = (e) => {
+		var T = sibling(C, 2);
+		let E;
+		var D = child(T);
+		let z;
+		var B = child(D), V = child(B), H = (e) => {
 			var t = root_1$33();
 			let a;
 			Img(child(t), {
@@ -12192,50 +12283,53 @@ function ListItem(e, t) {
 				alt: "",
 				get fallback() {
 					return i();
+				},
+				get transformSvg() {
+					return A();
 				}
 			}), reset(t), template_effect(() => {
-				set_attribute(t, "data-pw", f()), set_attribute(t, "testid", f()), a = set_class(t, 1, "svelte-d2pqbq", null, a, { "prevent-focus": _() });
-			}), delegated("click", t, M), delegated("keydown", t, function(...e) {
-				D()?.apply(this, e);
+				set_attribute(t, "role", v() ? null : "button"), set_attribute(t, "tabindex", v() ? null : 0), set_attribute(t, "data-pw", f()), set_attribute(t, "testid", f()), a = set_class(t, 1, "svelte-d2pqbq", null, a, { "prevent-focus": _() });
+			}), delegated("click", t, P), delegated("keydown", t, function(...e) {
+				O()?.apply(this, e);
 			}), append(e, t);
 		};
-		if_block(z, (e) => {
-			typeof n() == "string" && n().length > 0 && e(B);
+		if_block(V, (e) => {
+			typeof n() == "string" && n().length > 0 && e(H);
 		});
-		var V = sibling(z, 2), H = (e) => {
+		var U = sibling(V, 2), W = (e) => {
 			var t = comment();
-			snippet(first_child(t), () => v() ?? noop), append(e, t);
+			snippet(first_child(t), () => y() ?? noop), append(e, t);
 		};
-		if_block(V, (e) => {
-			typeof v() == "function" && e(H);
-		}), reset(R);
-		var U = sibling(R, 2), W = child(U), G = (e) => {
+		if_block(U, (e) => {
+			typeof y() == "function" && e(W);
+		}), reset(B);
+		var G = sibling(B, 2), K = child(G), q = (e) => {
 			var t = root_2$27();
 			let n;
 			html(t, o, !0), reset(t), template_effect(() => {
-				n = set_class(t, 1, "center-text svelte-d2pqbq", null, n, { "prevent-focus": _() }), set_attribute(t, "data-pw", p()), set_attribute(t, "testid", p());
-			}), delegated("click", t, P), delegated("keydown", t, function(...e) {
-				D()?.apply(this, e);
+				n = set_class(t, 1, "center-text svelte-d2pqbq", null, n, { "prevent-focus": _() }), set_attribute(t, "role", v() ? null : "button"), set_attribute(t, "tabindex", v() ? null : 0), set_attribute(t, "data-pw", p()), set_attribute(t, "testid", p());
+			}), delegated("click", t, I), delegated("keydown", t, function(...e) {
+				O()?.apply(this, e);
 			}), append(e, t);
 		};
-		if_block(W, (e) => {
-			typeof o() == "string" && o().length > 0 && e(G);
+		if_block(K, (e) => {
+			typeof o() == "string" && o().length > 0 && e(q);
 		});
-		var K = sibling(W, 2), q = (e) => {
+		var J = sibling(K, 2), Y = (e) => {
 			var t = comment();
-			snippet(first_child(t), () => y() ?? noop), append(e, t);
+			snippet(first_child(t), () => b() ?? noop), append(e, t);
 		};
-		if_block(K, (e) => {
-			typeof y() == "function" && e(q);
-		}), reset(U);
-		var J = sibling(U, 2), Y = child(J), X = (e) => {
+		if_block(J, (e) => {
+			typeof b() == "function" && e(Y);
+		}), reset(G);
+		var X = sibling(G, 2), Z = child(X), Q = (e) => {
 			var t = comment();
-			snippet(first_child(t), () => b() ?? noop), append(e, t);
+			snippet(first_child(t), () => x() ?? noop), append(e, t);
 		};
-		if_block(Y, (e) => {
-			typeof b() == "function" && e(X);
+		if_block(Z, (e) => {
+			typeof x() == "function" && e(Q);
 		});
-		var Z = sibling(Y, 2), Q = (e) => {
+		var ee = sibling(Z, 2), $ = (e) => {
 			var t = root_3$25();
 			let n;
 			var i = child(t);
@@ -12243,55 +12337,58 @@ function ListItem(e, t) {
 				get src() {
 					return a();
 				},
-				alt: ""
+				alt: "",
+				get transformSvg() {
+					return A();
+				}
 			}), reset(i), reset(t), template_effect(() => {
-				set_attribute(t, "data-pw", d()), set_attribute(t, "testid", d()), n = set_class(t, 1, "svelte-d2pqbq", null, n, { "prevent-focus": _() });
-			}), delegated("click", t, N), delegated("keydown", t, function(...e) {
-				D()?.apply(this, e);
+				set_attribute(t, "role", v() ? null : "button"), set_attribute(t, "tabindex", v() ? null : 0), set_attribute(t, "data-pw", d()), set_attribute(t, "testid", d()), n = set_class(t, 1, "svelte-d2pqbq", null, n, { "prevent-focus": _() });
+			}), delegated("click", t, F), delegated("keydown", t, function(...e) {
+				O()?.apply(this, e);
 			}), append(e, t);
 		};
-		if_block(Z, (e) => {
-			typeof a() == "string" && a().length > 0 && e(Q);
+		if_block(ee, (e) => {
+			typeof a() == "string" && a().length > 0 && e($);
 		});
-		var $ = sibling(Z, 2), ee = (e) => {
+		var te = sibling(ee, 2), ne = (e) => {
 			var t = root_4$21();
 			Loader(child(t), {}), reset(t), append(e, t);
 		};
-		if_block($, (e) => {
-			h() && e(ee);
+		if_block(te, (e) => {
+			h() && e(ne);
 		});
-		var te = sibling($, 2), ne = (e) => {
+		var re = sibling(te, 2), ie = (e) => {
 			var t = root_5$17(), n = child(t, !0);
 			reset(t), template_effect(() => set_text(n, c())), append(e, t);
 		};
-		if_block(te, (e) => {
-			typeof c() == "string" && c().length > 0 && e(ne);
-		}), reset(J), reset(E);
-		var re = sibling(E, 2), ie = child(re), ae = (e) => {
+		if_block(re, (e) => {
+			typeof c() == "string" && c().length > 0 && e(ie);
+		}), reset(X), reset(D);
+		var ae = sibling(D, 2), oe = child(ae), se = (e) => {
 			Accordion(e, {
 				get expand() {
 					return g();
 				},
 				children: (e, t) => {
 					var n = comment();
-					snippet(first_child(n), x), append(e, n);
+					snippet(first_child(n), S), append(e, n);
 				},
 				$$slots: { default: !0 }
 			});
 		};
-		if_block(ie, (e) => {
-			typeof x() == "function" && s() && e(ae);
-		}), reset(re), reset(w), reset(t), template_effect(() => {
-			set_class(t, 1, `item-container ${O() ?? "" ?? ""}`, "svelte-d2pqbq"), T = set_class(w, 1, "item svelte-d2pqbq", null, T, { "prevent-focus": _() }), set_attribute(w, "role", k() ?? "button"), set_attribute(w, "tabindex", k() === "option" ? -1 : 0), set_attribute(w, "aria-selected", A()), set_attribute(w, "id", j()), set_attribute(w, "data-pw", l()), set_attribute(w, "testid", l()), L = set_class(E, 1, "top-section svelte-d2pqbq", null, L, { "prevent-focus": _() }), set_attribute(E, "data-pw", u()), set_attribute(E, "testid", u());
-		}), delegated("click", w, F), delegated("keydown", w, function(...e) {
-			D()?.apply(this, e);
-		}), delegated("click", E, I), delegated("keydown", E, function(...e) {
-			D()?.apply(this, e);
+		if_block(oe, (e) => {
+			typeof S() == "function" && s() && e(se);
+		}), reset(ae), reset(T), reset(t), template_effect(() => {
+			set_class(t, 1, `item-container ${k() ?? "" ?? ""}`, "svelte-d2pqbq"), E = set_class(T, 1, "item svelte-d2pqbq", null, E, { "prevent-focus": _() }), set_attribute(T, "role", v() ? null : j() ?? "button"), set_attribute(T, "tabindex", v() ? null : j() === "option" ? -1 : 0), set_attribute(T, "aria-selected", M()), set_attribute(T, "id", N()), set_attribute(T, "data-pw", l()), set_attribute(T, "testid", l()), z = set_class(D, 1, "top-section svelte-d2pqbq", null, z, { "prevent-focus": _() }), set_attribute(D, "role", v() ? null : "button"), set_attribute(D, "tabindex", v() ? null : 0), set_attribute(D, "data-pw", u()), set_attribute(D, "testid", u());
+		}), delegated("click", T, L), delegated("keydown", T, function(...e) {
+			O()?.apply(this, e);
+		}), delegated("click", D, R), delegated("keydown", D, function(...e) {
+			O()?.apply(this, e);
 		}), append(e, t);
 	};
-	return if_block(z, (e) => {
-		(typeof n() == "string" && n().length > 0 || typeof a() == "string" && a().length > 0 || typeof o() == "string" && o().length > 0 || typeof v() == "function" || typeof y() == "function" || typeof b() == "function" || typeof x() == "function") && e(B);
-	}), append(e, R), pop(L);
+	return if_block(V, (e) => {
+		(typeof n() == "string" && n().length > 0 || typeof a() == "string" && a().length > 0 || typeof o() == "string" && o().length > 0 || typeof y() == "function" || typeof b() == "function" || typeof x() == "function" || typeof S() == "function") && e(H);
+	}), append(e, B), pop(z);
 }
 delegate(["click", "keydown"]), create_custom_element(ListItem, {
 	leftImageUrl: {},
@@ -12309,6 +12406,7 @@ delegate(["click", "keydown"]), create_custom_element(ListItem, {
 	showRightContentLoader: {},
 	expand: {},
 	preventFocus: {},
+	suppressRoleAndTabindex: {},
 	leftContent: {},
 	centerContent: {},
 	rightContent: {},
@@ -12320,6 +12418,7 @@ delegate(["click", "keydown"]), create_custom_element(ListItem, {
 	ontopSectionClick: {},
 	onkeydown: {},
 	classes: {},
+	transformSvg: {},
 	role: {},
 	ariaSelected: {},
 	id: {}
@@ -12424,6 +12523,11 @@ customElements.define("sui-list-item", create_custom_element(ListItem_wc, {
 		attribute: "prevent-focus",
 		type: "Boolean"
 	},
+	suppressRoleAndTabindex: {
+		attribute: "suppress-role-and-tabindex",
+		type: "Boolean"
+	},
+	transformSvg: { type: "Object" },
 	classes: { type: "String" },
 	onleftImageClick: { type: "Object" },
 	onrightImageClick: { type: "Object" },
@@ -12454,18 +12558,18 @@ var root$36 = /* @__PURE__ */ from_html("<div class=\"menu-trigger svelte-ahcnny
 };
 function Menu(e, t) {
 	push(t, !0), append_styles$1(e, $$css$35);
-	let n = prop(t, "items", 7), i = prop(t, "open", 15, !1), a = prop(t, "testId", 7), o = prop(t, "trigger", 7), s = prop(t, "interactiveTrigger", 7, !1), c = prop(t, "onselect", 7), l = prop(t, "onopen", 7), u = prop(t, "onclose", 7), d = prop(t, "classes", 7), f = prop(t, "selectedValue", 7, null), p = prop(t, "role", 7, "menu"), m = prop(t, "ariaLabel", 7), h = prop(t, "triggerAriaLabel", 7), g = prop(t, "id", 7), _ = prop(t, "placement", 7, "bottom-left"), v = prop(t, "usePortal", 7, !1), y = /* @__PURE__ */ user_derived(() => p() === "listbox" ? "option" : "menuitem"), b = /* @__PURE__ */ state(null), x = /* @__PURE__ */ state(null), S = /* @__PURE__ */ state(null), C = /* @__PURE__ */ state(0), w = /* @__PURE__ */ state(0), T = /* @__PURE__ */ state(0), E = /* @__PURE__ */ state(-1), D = /* @__PURE__ */ state(""), O = /* @__PURE__ */ state(null), k = /* @__PURE__ */ state("bottom-left"), A = /* @__PURE__ */ state(!1), j = 8;
-	function M() {
-		if (get(b) === null || get(x) === null) return "bottom-left";
-		let e = get(b).getBoundingClientRect(), t = get(x).getBoundingClientRect(), n = window.innerWidth, i = window.innerHeight, a = e.left + t.width > n - 8, o = e.right - t.width >= 8, s = a && o ? "right" : "left", c = e.bottom + t.height > i - 8, l = e.top - t.height >= 8;
+	let n = prop(t, "items", 7), i = prop(t, "open", 15, !1), a = prop(t, "testId", 7), o = prop(t, "trigger", 7), s = prop(t, "interactiveTrigger", 7, !1), c = prop(t, "onselect", 7), l = prop(t, "onopen", 7), u = prop(t, "onclose", 7), d = prop(t, "classes", 7), f = prop(t, "transformSvg", 7), p = prop(t, "selectedValue", 7, null), m = prop(t, "role", 7, "menu"), h = prop(t, "ariaLabel", 7), g = prop(t, "triggerAriaLabel", 7), _ = prop(t, "id", 7), v = prop(t, "placement", 7, "bottom-left"), y = prop(t, "usePortal", 7, !1), b = /* @__PURE__ */ user_derived(() => m() === "listbox" ? "option" : "menuitem"), x = /* @__PURE__ */ state(null), S = /* @__PURE__ */ state(null), C = /* @__PURE__ */ state(null), w = /* @__PURE__ */ state(0), T = /* @__PURE__ */ state(0), E = /* @__PURE__ */ state(0), D = /* @__PURE__ */ state(-1), O = /* @__PURE__ */ state(""), k = /* @__PURE__ */ state(null), A = /* @__PURE__ */ state("bottom-left"), j = /* @__PURE__ */ state(!1), M = 8;
+	function N() {
+		if (get(x) === null || get(S) === null) return "bottom-left";
+		let e = get(x).getBoundingClientRect(), t = get(S).getBoundingClientRect(), n = window.innerWidth, i = window.innerHeight, a = e.left + t.width > n - 8, o = e.right - t.width >= 8, s = a && o ? "right" : "left", c = e.bottom + t.height > i - 8, l = e.top - t.height >= 8;
 		return `${c && l ? "top" : "bottom"}-${s}`;
 	}
-	let N = 4;
+	let P = 4;
 	user_effect(() => {
-		if (!v() || !i() || typeof window > "u") return;
+		if (!y() || !i() || typeof window > "u") return;
 		let e = null, t = () => {
 			e === null && (e = requestAnimationFrame(() => {
-				e = null, set(T, get(T) + 1);
+				e = null, set(E, get(E) + 1);
 			}));
 		};
 		return window.addEventListener("scroll", t, {
@@ -12475,12 +12579,12 @@ function Menu(e, t) {
 			window.removeEventListener("scroll", t, { capture: !0 }), window.removeEventListener("resize", t), e !== null && cancelAnimationFrame(e);
 		};
 	});
-	let P = (e) => {
-		if (v()) return document.body.appendChild(e), { destroy: () => e.remove() };
-	}, F = /* @__PURE__ */ user_derived(() => {
-		if (!v() || !i() || get(b) === null) return "";
-		get(T);
-		let e = get(b).getBoundingClientRect(), t = typeof window > "u" ? {
+	let F = (e) => {
+		if (y()) return document.body.appendChild(e), { destroy: () => e.remove() };
+	}, I = /* @__PURE__ */ user_derived(() => {
+		if (!y() || !i() || get(x) === null) return "";
+		get(E);
+		let e = get(x).getBoundingClientRect(), t = typeof window > "u" ? {
 			width: Infinity,
 			height: Infinity
 		} : {
@@ -12494,109 +12598,109 @@ function Menu(e, t) {
 				bottom: e.bottom
 			},
 			dropdown: {
-				width: get(C),
-				height: get(w)
+				width: get(w),
+				height: get(T)
 			},
-			placement: get(k),
+			placement: get(A),
 			gap: 4,
 			viewport: t
 		});
 		return `position:fixed;left:${n}px;top:${a}px;right:auto;bottom:auto;margin:0;z-index:var(--menu-z-index,1000);`;
-	}), I = /* @__PURE__ */ user_derived(() => n().filter((e) => e.separator !== !0 && e.disabled !== !0)), L = /* @__PURE__ */ user_derived(() => new SvelteMap(get(I).map((e, t) => [e, t])));
-	function R() {
-		i() ? B() : z();
-	}
-	function z(e = null) {
-		i(!0), _() === "auto" ? (set(k, "bottom-left"), set(A, !0)) : (set(k, _()), set(A, !1));
-		let t = f() == null ? null : n().find((e) => e.value === f() && e.disabled !== !0) ?? null, a = e ?? (t === null ? 0 : W(t));
-		set(E, a, !0), l()?.(), tick().then(() => {
-			_() === "auto" && (set(k, M(), !0), set(A, !1)), U(a);
+	}), L = /* @__PURE__ */ user_derived(() => n().filter((e) => e.separator !== !0 && e.disabled !== !0)), R = /* @__PURE__ */ user_derived(() => new SvelteMap(get(L).map((e, t) => [e, t])));
+	function z() {
+		i() ? V() : B();
+	}
+	function B(e = null) {
+		i(!0), v() === "auto" ? (set(A, "bottom-left"), set(j, !0)) : (set(A, v()), set(j, !1));
+		let t = p() == null ? null : n().find((e) => e.value === p() && e.disabled !== !0) ?? null, a = e ?? (t === null ? 0 : G(t));
+		set(D, a, !0), l()?.(), tick().then(() => {
+			v() === "auto" && (set(A, N(), !0), set(j, !1)), W(a);
 		});
 	}
-	function B() {
-		i(!1), set(E, -1), set(D, ""), u()?.(), V();
-	}
 	function V() {
-		if (get(S) !== null) {
+		i(!1), set(D, -1), set(O, ""), u()?.(), H();
+	}
+	function H() {
+		if (get(C) !== null) {
 			if (s()) {
-				let e = get(S).querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])");
+				let e = get(C).querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])");
 				if (e instanceof HTMLElement) {
 					e.focus({ preventScroll: !0 });
 					return;
 				}
 			}
-			get(S).focus({ preventScroll: !0 });
+			get(C).focus({ preventScroll: !0 });
 		}
 	}
-	function H(e) {
-		e.disabled !== !0 && (c()?.(e), B());
-	}
 	function U(e) {
-		if (get(x) === null) return;
-		let t = get(x).querySelectorAll(`[role="${get(y)}"]:not([aria-disabled="true"])`), n = t.item(e);
-		e >= 0 && e < t.length && n instanceof HTMLElement && n.focus();
+		e.disabled !== !0 && (c()?.(e), V());
 	}
 	function W(e) {
-		return get(L).get(e) ?? -1;
+		if (get(S) === null) return;
+		let t = get(S).querySelectorAll(`[role="${get(b)}"]:not([aria-disabled="true"])`), n = t.item(e);
+		e >= 0 && e < t.length && n instanceof HTMLElement && n.focus();
 	}
 	function G(e) {
-		e.key === "Enter" || e.key === " " || e.key === "ArrowDown" ? (e.preventDefault(), z()) : e.key === "ArrowUp" && (e.preventDefault(), z(get(I).length - 1));
+		return get(R).get(e) ?? -1;
 	}
 	function K(e) {
-		e.key === "ArrowDown" ? (e.preventDefault(), z()) : e.key === "ArrowUp" && (e.preventDefault(), z(get(I).length - 1));
+		e.key === "Enter" || e.key === " " || e.key === "ArrowDown" ? (e.preventDefault(), B()) : e.key === "ArrowUp" && (e.preventDefault(), B(get(L).length - 1));
 	}
 	function q(e) {
+		e.key === "ArrowDown" ? (e.preventDefault(), B()) : e.key === "ArrowUp" && (e.preventDefault(), B(get(L).length - 1));
+	}
+	function J(e) {
 		switch (e.key) {
 			case "ArrowDown": {
 				e.preventDefault();
-				let t = get(E) + 1;
-				set(E, t >= get(I).length ? 0 : t, !0), U(get(E));
+				let t = get(D) + 1;
+				set(D, t >= get(L).length ? 0 : t, !0), W(get(D));
 				break;
 			}
 			case "ArrowUp": {
 				e.preventDefault();
-				let t = get(E) - 1;
-				set(E, t < 0 ? get(I).length - 1 : t, !0), U(get(E));
+				let t = get(D) - 1;
+				set(D, t < 0 ? get(L).length - 1 : t, !0), W(get(D));
 				break;
 			}
 			case "Home":
-				e.preventDefault(), set(E, 0), U(get(E));
+				e.preventDefault(), set(D, 0), W(get(D));
 				break;
 			case "End":
-				e.preventDefault(), set(E, get(I).length - 1), U(get(E));
+				e.preventDefault(), set(D, get(L).length - 1), W(get(D));
 				break;
 			case "Enter":
 			case " ": {
 				e.preventDefault();
-				let t = get(I).at(get(E));
-				get(E) >= 0 && t !== void 0 && H(t);
+				let t = get(L).at(get(D));
+				get(D) >= 0 && t !== void 0 && U(t);
 				break;
 			}
 			case "Escape":
-				e.preventDefault(), B();
+				e.preventDefault(), V();
 				break;
 			case "Tab":
-				B();
+				V();
 				break;
 			default:
-				e.key.length === 1 && !e.ctrlKey && !e.metaKey && (e.preventDefault(), J(e.key));
+				e.key.length === 1 && !e.ctrlKey && !e.metaKey && (e.preventDefault(), Y(e.key));
 				break;
 		}
 	}
-	function J(e) {
-		get(O) !== null && clearTimeout(get(O)), set(D, get(D) + e.toLowerCase()), set(O, setTimeout(() => {
-			set(D, "");
+	function Y(e) {
+		get(k) !== null && clearTimeout(get(k)), set(O, get(O) + e.toLowerCase()), set(k, setTimeout(() => {
+			set(O, "");
 		}, 500), !0);
-		let t = get(I).findIndex((e) => e.label.toLowerCase().startsWith(get(D)));
-		t >= 0 && (set(E, t, !0), U(get(E)));
+		let t = get(L).findIndex((e) => e.label.toLowerCase().startsWith(get(O)));
+		t >= 0 && (set(D, t, !0), W(get(D)));
 	}
-	function Y(e) {
-		i() && e.target instanceof Node && get(b) !== null && !get(b).contains(e.target) && !(get(x) !== null && get(x).contains(e.target)) && B();
+	function X(e) {
+		i() && e.target instanceof Node && get(x) !== null && !get(x).contains(e.target) && !(get(S) !== null && get(S).contains(e.target)) && V();
 	}
-	onMount(() => (document.addEventListener("click", Y), () => {
-		document.removeEventListener("click", Y), get(O) !== null && clearTimeout(get(O));
+	onMount(() => (document.addEventListener("click", X), () => {
+		document.removeEventListener("click", X), get(k) !== null && clearTimeout(get(k));
 	}));
-	var X = {
+	var Z = {
 		get items() {
 			return n();
 		},
@@ -12651,81 +12755,87 @@ function Menu(e, t) {
 		set classes(e) {
 			d(e), flushSync();
 		},
-		get selectedValue() {
+		get transformSvg() {
 			return f();
 		},
-		set selectedValue(e = null) {
+		set transformSvg(e) {
 			f(e), flushSync();
 		},
-		get role() {
+		get selectedValue() {
 			return p();
 		},
-		set role(e = "menu") {
+		set selectedValue(e = null) {
 			p(e), flushSync();
 		},
-		get ariaLabel() {
+		get role() {
 			return m();
 		},
-		set ariaLabel(e) {
+		set role(e = "menu") {
 			m(e), flushSync();
 		},
-		get triggerAriaLabel() {
+		get ariaLabel() {
 			return h();
 		},
-		set triggerAriaLabel(e) {
+		set ariaLabel(e) {
 			h(e), flushSync();
 		},
-		get id() {
+		get triggerAriaLabel() {
 			return g();
 		},
-		set id(e) {
+		set triggerAriaLabel(e) {
 			g(e), flushSync();
 		},
-		get placement() {
+		get id() {
 			return _();
 		},
-		set placement(e = "bottom-left") {
+		set id(e) {
 			_(e), flushSync();
 		},
-		get usePortal() {
+		get placement() {
 			return v();
 		},
-		set usePortal(e = !1) {
+		set placement(e = "bottom-left") {
 			v(e), flushSync();
+		},
+		get usePortal() {
+			return y();
+		},
+		set usePortal(e = !1) {
+			y(e), flushSync();
 		}
-	}, Z = root_6$15(), Q = child(Z), $ = (e) => {
+	}, Q = root_6$15(), ee = child(Q), $ = (e) => {
 		var t = root$36(), n = child(t), a = (e) => {
 			var t = comment();
 			snippet(first_child(t), o, () => ({
-				onclick: R,
-				onkeydown: K,
+				onclick: z,
+				onkeydown: q,
 				ariaHaspopup: "menu",
 				ariaExpanded: i()
 			})), append(e, t);
 		};
 		if_block(n, (e) => {
 			typeof o() == "function" && e(a);
-		}), reset(t), bind_this(t, (e) => set(S, e), () => get(S)), append(e, t);
-	}, ee = (e) => {
+		}), reset(t), bind_this(t, (e) => set(C, e), () => get(C)), append(e, t);
+	}, te = (e) => {
 		var t = root_1$32(), n = child(t), a = (e) => {
 			var t = comment();
 			snippet(first_child(t), o, () => ({
-				onclick: R,
-				onkeydown: G,
+				onclick: z,
+				onkeydown: K,
 				ariaHaspopup: "menu",
 				ariaExpanded: i()
 			})), append(e, t);
 		};
 		if_block(n, (e) => {
 			typeof o() == "function" && e(a);
-		}), reset(t), bind_this(t, (e) => set(S, e), () => get(S)), template_effect(() => {
-			set_attribute(t, "aria-expanded", i()), set_attribute(t, "aria-label", h() ?? null);
-		}), delegated("click", t, R), delegated("keydown", t, G), append(e, t);
+		}), reset(t), bind_this(t, (e) => set(C, e), () => get(C)), template_effect(() => {
+			set_attribute(t, "aria-expanded", i()), set_attribute(t, "aria-label", g() ?? null);
+		}), delegated("click", t, z), delegated("keydown", t, K), append(e, t);
 	};
-	if_block(Q, (e) => {
-		s() ? e($) : e(ee, -1);
+	if_block(ee, (e) => {
+		s() ? e($) : e(te, -1);
 	});
-	var te = sibling(Q, 2), ne = (e) => {
+	var ne = sibling(ee, 2), re = (e) => {
 		var t = root_5$16();
 		let i;
 		each(t, 21, n, (e) => e.value, (e, t) => {
@@ -12742,7 +12852,10 @@ function Menu(e, t) {
 							return get(t).icon;
 						},
 						alt: "",
-						fallback: ""
+						fallback: "",
+						get transformSvg() {
+							return f();
+						}
 					}), reset(n), append(e, n);
 				};
 				if_block(o, (e) => {
@@ -12753,24 +12866,24 @@ function Menu(e, t) {
 					i = set_class(n, 1, "menu-item svelte-ahcnny", null, i, {
 						"menu-item-danger": get(t).danger === !0,
 						"menu-item-disabled": get(t).disabled === !0,
-						"menu-item-selected": f() != null && get(t).value === f()
-					}), set_attribute(n, "role", get(y)), set_attribute(n, "id", get(t).id), set_attribute(n, "tabindex", get(t).disabled === !0 || p() === "listbox" ? -1 : 0), set_attribute(n, "aria-disabled", get(t).disabled === !0 ? "true" : null), set_attribute(n, "aria-selected", e), set_attribute(n, "data-pw", typeof a() == "string" ? `${a()}-item-${get(t).value}` : null), set_attribute(n, "testid", typeof a() == "string" ? `${a()}-item-${get(t).value}` : null), set_text(l, get(t).label);
-				}, [() => p() === "listbox" ? f() == null ? get(E) === W(get(t)) ? !0 : null : get(t).value === f() : null]), delegated("click", n, () => H(get(t))), event("focus", n, () => {
-					get(t).disabled !== !0 && set(E, W(get(t)), !0);
+						"menu-item-selected": p() != null && get(t).value === p()
+					}), set_attribute(n, "role", get(b)), set_attribute(n, "id", get(t).id), set_attribute(n, "tabindex", get(t).disabled === !0 || m() === "listbox" ? -1 : 0), set_attribute(n, "aria-disabled", get(t).disabled === !0 ? "true" : null), set_attribute(n, "aria-selected", e), set_attribute(n, "data-pw", typeof a() == "string" ? `${a()}-item-${get(t).value}` : null), set_attribute(n, "testid", typeof a() == "string" ? `${a()}-item-${get(t).value}` : null), set_text(l, get(t).label);
+				}, [() => m() === "listbox" ? p() == null ? get(D) === G(get(t)) ? !0 : null : get(t).value === p() : null]), delegated("click", n, () => U(get(t))), event("focus", n, () => {
+					get(t).disabled !== !0 && set(D, G(get(t)), !0);
 				}), append(e, n);
 			};
 			if_block(i, (e) => {
 				get(t).separator === !0 ? e(o) : e(s, -1);
 			}), append(e, n);
-		}), reset(t), bind_this(t, (e) => set(x, e), () => get(x)), effect(() => bind_element_size(t, "clientWidth", (e) => set(C, e))), effect(() => bind_element_size(t, "clientHeight", (e) => set(w, e))), action(t, (e) => P?.(e)), template_effect(() => {
-			i = set_class(t, 1, `menu-dropdown menu-dropdown-${(_() === "auto" ? get(k) : _()) ?? ""}`, "svelte-ahcnny", i, { "menu-dropdown-measuring": get(A) }), set_attribute(t, "role", p()), set_attribute(t, "id", g()), set_attribute(t, "aria-label", m()), set_style(t, get(F));
-		}), delegated("keydown", t, q), append(e, t);
+		}), reset(t), bind_this(t, (e) => set(S, e), () => get(S)), effect(() => bind_element_size(t, "clientWidth", (e) => set(w, e))), effect(() => bind_element_size(t, "clientHeight", (e) => set(T, e))), action(t, (e) => F?.(e)), template_effect(() => {
+			i = set_class(t, 1, `menu-dropdown menu-dropdown-${(v() === "auto" ? get(A) : v()) ?? ""}`, "svelte-ahcnny", i, { "menu-dropdown-measuring": get(j) }), set_attribute(t, "role", m()), set_attribute(t, "id", _()), set_attribute(t, "aria-label", h()), set_style(t, get(I));
+		}), delegated("keydown", t, J), append(e, t);
 	};
-	return if_block(te, (e) => {
-		i() && e(ne);
-	}), reset(Z), bind_this(Z, (e) => set(b, e), () => get(b)), template_effect(() => {
-		set_class(Z, 1, `menu-container ${d() ?? "" ?? ""}`, "svelte-ahcnny"), set_attribute(Z, "data-pw", typeof a() == "string" ? a() : null), set_attribute(Z, "testid", typeof a() == "string" ? a() : null);
-	}), append(e, Z), pop(X);
+	return if_block(ne, (e) => {
+		i() && e(re);
+	}), reset(Q), bind_this(Q, (e) => set(x, e), () => get(x)), template_effect(() => {
+		set_class(Q, 1, `menu-container ${d() ?? "" ?? ""}`, "svelte-ahcnny"), set_attribute(Q, "data-pw", typeof a() == "string" ? a() : null), set_attribute(Q, "testid", typeof a() == "string" ? a() : null);
+	}), append(e, Q), pop(Z);
 }
 delegate(["click", "keydown"]), create_custom_element(Menu, {
 	items: {},
@@ -12782,6 +12895,7 @@ delegate(["click", "keydown"]), create_custom_element(Menu, {
 	onopen: {},
 	onclose: {},
 	classes: {},
+	transformSvg: {},
 	selectedValue: {},
 	role: {},
 	ariaLabel: {},
@@ -12819,6 +12933,7 @@ customElements.define("sui-menu", create_custom_element(Menu_wc, {
 		type: "String"
 	},
 	classes: { type: "String" },
+	transformSvg: { type: "Object" },
 	triggerAriaLabel: {
 		attribute: "trigger-aria-label",
 		type: "String"
@@ -13024,9 +13139,9 @@ function Modal(e, t) {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), x()?.(new MouseEvent("click")));
 	};
 	onMount(() => {
-		j() && (document.body.style.overflow = "hidden"), typeof M() == "number" && (N = setTimeout(() => b()?.(), M())), c() && (history.pushState(null, "", window.location.href), window.addEventListener("popstate", I));
+		j() && lockBodyScroll(), typeof M() == "number" && (N = setTimeout(() => b()?.(), M())), c() && (history.pushState(null, "", window.location.href), window.addEventListener("popstate", I));
 	}), onDestroy(() => {
-		N !== null && clearTimeout(N), typeof window < "u" && (j() && (document.body.style.overflow = ""), c() && (get(i) || history.back(), window.removeEventListener("popstate", I)));
+		N !== null && clearTimeout(N), typeof window < "u" && (j() && unlockBodyScroll(), c() && (get(i) || history.back(), window.removeEventListener("popstate", I)));
 	});
 	var G = {
 		get size() {
@@ -14005,11 +14120,11 @@ function Select(e, t) {
 	async function Q() {
 		c() || x() || (x(!0), v()?.(), set(A, -1), set(k, ""), o() && (await tick(), get(M) !== null && get(M).focus()));
 	}
-	function $() {
+	function ee() {
 		x(!1), y()?.(), set(k, ""), set(A, -1);
 	}
-	function ee(e) {
-		c() || (a() ? i(i().includes(e) ? i().filter((t) => t !== e) : [...i(), e]) : (i([e]), $()), _()?.(i()));
+	function $(e) {
+		c() || (a() ? i(i().includes(e) ? i().filter((t) => t !== e) : [...i(), e]) : (i([e]), ee()), _()?.(i()));
 	}
 	function te(e) {
 		c() || (i(i().filter((t) => t !== e)), _()?.(i()));
@@ -14020,7 +14135,7 @@ function Select(e, t) {
 	function re() {
 		if (get(A) < 0 || get(A) >= get(K).length) return;
 		let e = get(K).at(get(A));
-		typeof e != "object" || !e || (e.kind === "select-all" ? ne() : ee(e.item.id));
+		typeof e != "object" || !e || (e.kind === "select-all" ? ne() : $(e.item.id));
 	}
 	async function ie(e) {
 		let t = get(A) + e;
@@ -14034,7 +14149,7 @@ function Select(e, t) {
 			x() || Q();
 			return;
 		}
-		x() ? $() : Q();
+		x() ? ee() : Q();
 	}
 	function oe(e) {
 		if (!c()) switch (e.key) {
@@ -14051,7 +14166,7 @@ function Select(e, t) {
 				e.preventDefault(), ie(-1);
 				break;
 			case "Escape":
-				x() && ($(), !o() && get(N) !== null && get(N).focus());
+				x() && (ee(), !o() && get(N) !== null && get(N).focus());
 				break;
 			case "Backspace":
 				if (a() && get(k) === "" && i().length > 0) {
@@ -14060,7 +14175,7 @@ function Select(e, t) {
 				}
 				break;
 			case "Tab":
-				x() && $();
+				x() && ee();
 				break;
 		}
 	}
@@ -14071,7 +14186,7 @@ function Select(e, t) {
 		x() || Q();
 	}
 	function le(e) {
-		e.target instanceof Node && get(j) !== null && !get(j).contains(e.target) && !(get(P) !== null && get(P).contains(e.target)) && $();
+		e.target instanceof Node && get(j) !== null && !get(j).contains(e.target) && !(get(P) !== null && get(P).contains(e.target)) && ee();
 	}
 	onMount(() => (document.addEventListener("click", le), () => {
 		document.removeEventListener("click", le), x() && y()?.();
@@ -14387,7 +14502,7 @@ function Select(e, t) {
 					var l = sibling(o);
 					reset(t), template_effect(() => set_text(l, ` ${f() ?? ""}`)), append(e, t);
 				}, l = (e) => {
-					var o = root_10$8(), s = () => ee(get(t).item.id), c = () => set(A, get(n), !0);
+					var o = root_10$8(), s = () => $(get(t).item.id), c = () => set(A, get(n), !0);
 					attribute_effect(o, (e, i) => ({
 						class: "select-option",
 						role: "option",
@@ -14595,13 +14710,6 @@ customElements.define("sui-select", create_custom_element(Select_wc, {
 }, ["bottom-content"], [], { mode: "open" }));
 //#endregion
 //#region src/lib/Sheet/Sheet.svelte
-var scrollLockCount = 0;
-function lockScroll() {
-	scrollLockCount === 0 && (document.body.style.overflow = "hidden"), scrollLockCount += 1;
-}
-function unlockScroll() {
-	scrollLockCount = Math.max(0, scrollLockCount - 1), scrollLockCount === 0 && (document.body.style.overflow = "");
-}
 var root$29 = /* @__PURE__ */ from_html("<span class=\"sheet-title svelte-1dln6bq\"> </span>"), root_1$27 = /* @__PURE__ */ from_html("<div class=\"sheet-close-button svelte-1dln6bq\"><!></div>"), root_2$21 = /* @__PURE__ */ from_html("<div class=\"sheet-header svelte-1dln6bq\"><!> <!></div>"), root_3$19 = /* @__PURE__ */ from_html("<div class=\"sheet-footer svelte-1dln6bq\"><!></div>"), root_4$15 = /* @__PURE__ */ from_html("<div role=\"button\" tabindex=\"-1\"><div role=\"dialog\" aria-modal=\"true\" tabindex=\"-1\"><!> <div class=\"sheet-content svelte-1dln6bq\"><!></div> <!></div></div>"), $$css$30 = {
 	hash: "svelte-1dln6bq",
 	code: ".sheet-overlay.svelte-1dln6bq {position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--sheet-overlay-z-index, 15);-webkit-tap-highlight-color:transparent;}.overlay-visible.svelte-1dln6bq {background-color:var(--sheet-overlay-background, #00000066);}.overlay-invisible.svelte-1dln6bq {background-color:transparent;}.overlay-interactive.svelte-1dln6bq {pointer-events:auto;}.overlay-noninteractive.svelte-1dln6bq {pointer-events:none;}.sheet-panel.svelte-1dln6bq {position:fixed;display:flex;flex-direction:column;background-color:var(--sheet-background, #ffffff);box-shadow:var(--sheet-box-shadow, -2px 0 8px rgba(0, 0, 0, 0.15));z-index:var(--sheet-z-index, 16);pointer-events:auto;outline:none;}\n\n  /* --sheet-top/-right/-bottom/-left all default to the previous hardcoded\n     edge-to-edge values below, so an unconfigured Sheet renders unchanged.\n     Overriding one (e.g. --sheet-top to clear a fixed header, or --sheet-bottom:\n     auto to size to content) turns the panel from an edge-to-edge slide-in into\n     an anchored floating panel, without needing a different component. */.sheet-panel.left.svelte-1dln6bq,\n  .sheet-panel.right.svelte-1dln6bq {top:var(--sheet-top, 0);bottom:var(--sheet-bottom, 0);width:var(--sheet-width, 400px);max-width:var(--sheet-max-width, 100vw);}.sheet-panel.left.svelte-1dln6bq {left:var(--sheet-left, 0);border-right:var(--sheet-border, none);}.sheet-panel.right.svelte-1dln6bq {right:var(--sheet-right, 0);border-left:var(--sheet-border, none);}.sheet-panel.top.svelte-1dln6bq,\n  .sheet-panel.bottom.svelte-1dln6bq {left:var(--sheet-left, 0);right:var(--sheet-right, 0);height:var(--sheet-height, 300px);max-height:var(--sheet-max-height, 100vh);}.sheet-panel.top.svelte-1dln6bq {top:var(--sheet-top, 0);border-bottom:var(--sheet-border, none);}.sheet-panel.bottom.svelte-1dln6bq {bottom:var(--sheet-bottom, 0);border-top:var(--sheet-border, none);}.sheet-header.svelte-1dln6bq {display:flex;align-items:center;padding:var(--sheet-header-padding, 16px 20px);background-color:var(--sheet-header-background, inherit);border-bottom:var(--sheet-header-border-bottom, 1px solid #e0e0e0);flex-shrink:0;}.sheet-title.svelte-1dln6bq {flex:1;font-size:var(--sheet-title-font-size, 18px);font-weight:var(--sheet-title-font-weight, 600);font-family:var(--sheet-title-font-family, inherit);color:var(--sheet-title-color, #1a1a1a);line-height:var(--sheet-title-line-height, 1.4);}.sheet-close-button.svelte-1dln6bq {--button-width: var(--sheet-close-button-size, 32px);--button-height: var(--sheet-close-button-size, 32px);--button-border: none;--button-border-radius: var(--sheet-close-button-border-radius, var(--radius, 4px));--button-color: var(--sheet-close-button-background, transparent);--button-text-color: var(--sheet-close-button-color, #666666);--button-font-size: var(--sheet-close-button-font-size, 16px);--button-padding: 0;--button-hover-color: var(--sheet-close-button-hover-background, #f0f0f0);flex-shrink:0;display:flex;align-items:center;justify-content:center;}.sheet-content.svelte-1dln6bq {flex:1;overflow-y:var(--sheet-content-overflow-y, auto);padding:var(--sheet-content-padding, 20px);scrollbar-width:var(--sheet-scrollbar-width, none);}.sheet-content.svelte-1dln6bq::-webkit-scrollbar {display:none;}.sheet-footer.svelte-1dln6bq {padding:var(--sheet-footer-padding, 16px 20px);background-color:var(--sheet-footer-background, inherit);border-top:var(--sheet-footer-border-top, 1px solid #e0e0e0);flex-shrink:0;}"
@@ -14650,10 +14758,10 @@ function Sheet(e, t) {
 		}
 	}
 	function S(e) {
-		return lockScroll(), tick().then(() => {
+		return lockBodyScroll(), tick().then(() => {
 			get(_) !== null && get(_).focus();
 		}), { destroy() {
-			unlockScroll();
+			unlockBodyScroll();
 		} };
 	}
 	function C() {
@@ -15171,7 +15279,7 @@ var normalizeColumns = (e, t) => ({
 		let e = asJsonObject(n);
 		if (e === null || typeof e.text != "string") return null;
 		let i = { text: e.text };
-		typeof e.classes == "string" && (i.classes = e.classes), t.push(i);
+		typeof e.classes == "string" && (i.classes = e.classes), typeof e.testId == "string" && (i.testId = e.testId), t.push(i);
 	}
 	return t;
 }, asAvatarStackData = (e) => {
@@ -15281,24 +15389,42 @@ var normalizeColumns = (e, t) => ({
 };
 function BuiltinCell(e, t) {
 	push(t, !0), append_styles$1(e, $$css$27);
-	let n = prop(t, "column", 7), i = prop(t, "value", 7), a = prop(t, "rowIndex", 7), o = prop(t, "originalIndex", 7), s = prop(t, "usePortal", 7, !1), c = /* @__PURE__ */ user_derived(() => n().align === "right" ? "builtin-align-end" : n().align === "center" ? "builtin-align-center" : ""), l = /* @__PURE__ */ state(!1), u = null;
+	let n = prop(t, "column", 7), i = prop(t, "value", 7), a = prop(t, "rowIndex", 7), o = prop(t, "originalIndex", 7), s = prop(t, "usePortal", 7, !1), c = /* @__PURE__ */ user_derived(() => n().align === "right" ? "builtin-align-end" : n().align === "center" ? "builtin-align-center" : ""), l = {
+		icon: "icon",
+		thumbnail: "thumb",
+		thumbnailPlaceholder: "thumb-placeholder",
+		tag: "tag",
+		trendUp: "trend-up",
+		trendDown: "trend-down",
+		menu: "menu",
+		menuTrigger: "menu-trigger",
+		popup: "popup",
+		popupTrigger: "popup-trigger",
+		link: "link",
+		copy: "copy",
+		linkCopied: "link-copied"
+	}, u = (e, t) => {
+		if (!n().testId) return;
+		let i = n().testIdSuffixes?.[e] ?? l[e];
+		return typeof t == "number" ? `${n().testId}-${i}-${t}` : `${n().testId}-${i}`;
+	}, d = /* @__PURE__ */ state(!1), f = null;
 	onDestroy(() => {
-		u && clearTimeout(u);
+		f && clearTimeout(f);
 	});
-	let d = (e) => {
+	let p = (e) => {
 		e.stopPropagation();
-	}, f = (e) => {
+	}, m = (e) => {
 		e.stopPropagation();
-	}, p = async (e) => {
+	}, h = async (e) => {
 		if (!(typeof navigator > "u" || !navigator.clipboard)) try {
-			await navigator.clipboard.writeText(e), set(l, !0), u && clearTimeout(u), u = setTimeout(() => {
-				set(l, !1);
+			await navigator.clipboard.writeText(e), set(d, !0), f && clearTimeout(f), f = setTimeout(() => {
+				set(d, !1);
 			}, 2e3);
 		} catch {
-			set(l, !1);
+			set(d, !1);
 		}
 	};
-	var m = {
+	var g = {
 		get column() {
 			return n();
 		},
@@ -15329,7 +15455,7 @@ function BuiltinCell(e, t) {
 		set usePortal(e = !1) {
 			s(e), flushSync();
 		}
-	}, h = comment(), g = first_child(h), _ = (e) => {
+	}, _ = comment(), v = first_child(_), y = (e) => {
 		let t = /* @__PURE__ */ user_derived(() => asTagCellData(i()));
 		var n = comment(), a = first_child(n), o = (e) => {
 			{
@@ -15356,7 +15482,7 @@ function BuiltinCell(e, t) {
 		if_block(a, (e) => {
 			get(t) ? e(o) : e(s, -1);
 		}), append(e, n);
-	}, v = (e) => {
+	}, b = (e) => {
 		let t = /* @__PURE__ */ user_derived(() => asJsonObject(i()) ?? {}), n = /* @__PURE__ */ user_derived(() => asTagCellData(get(t).tag ?? null));
 		var a = root$26(), o = child(a), s = child(o, !0);
 		reset(o);
@@ -15384,7 +15510,7 @@ function BuiltinCell(e, t) {
 		}), reset(a), template_effect((e) => {
 			set_class(a, 1, `builtin-text-tag ${get(c) ?? ""}`, "svelte-4boxsj"), set_text(s, e);
 		}, [() => typeof get(t).text == "string" ? get(t).text : cellValueToText(i())]), append(e, a);
-	}, y = (e) => {
+	}, x = (e) => {
 		let t = /* @__PURE__ */ user_derived(() => asJsonObject(i()) ?? {});
 		var n = root_1$24(), a = child(n), o = child(a, !0);
 		reset(a);
@@ -15392,14 +15518,14 @@ function BuiltinCell(e, t) {
 		reset(s), reset(n), template_effect(() => {
 			set_class(n, 1, `builtin-two-line ${get(c) ?? ""}`, "svelte-4boxsj"), set_text(o, typeof get(t).text1 == "string" ? get(t).text1 : "-"), set_text(l, typeof get(t).text2 == "string" ? get(t).text2 : "-");
 		}), append(e, n);
-	}, b = (e) => {
-		let t = /* @__PURE__ */ user_derived(() => asJsonObject(i()) ?? {}), a = /* @__PURE__ */ user_derived(() => Array.isArray(get(t).icons) ? get(t).icons.filter((e) => typeof e == "string") : []);
-		var o = root_3$17(), s = child(o);
-		each(s, 19, () => get(a), (e, t) => `${t}-${e}`, (e, t, i) => {
-			var a = root_2$19(), o = child(a);
+	}, S = (e) => {
+		let t = /* @__PURE__ */ user_derived(() => asJsonObject(i()) ?? {}), n = /* @__PURE__ */ user_derived(() => Array.isArray(get(t).icons) ? get(t).icons.filter((e) => typeof e == "string") : []);
+		var a = root_3$17(), o = child(a);
+		each(o, 19, () => get(n), (e, t) => `${t}-${e}`, (e, t, n) => {
+			var i = root_2$19(), a = child(i);
 			{
 				let e = /* @__PURE__ */ user_derived(() => String(get(t)));
-				Img(o, {
+				Img(a, {
 					inlineSvg: !0,
 					get src() {
 						return get(e);
@@ -15408,21 +15534,21 @@ function BuiltinCell(e, t) {
 					fallback: ""
 				});
 			}
-			reset(a), template_effect(() => {
-				set_attribute(a, "data-pw", n().testId ? `${n().testId}-icon-${get(i)}` : null), set_attribute(a, "testid", n().testId ? `${n().testId}-icon-${get(i)}` : null);
-			}), append(e, a);
+			reset(i), template_effect((e, t) => {
+				set_attribute(i, "data-pw", e), set_attribute(i, "testid", t);
+			}, [() => u("icon", get(n)), () => u("icon", get(n))]), append(e, i);
 		});
-		var l = sibling(s, 2), u = child(l, !0);
-		reset(l), reset(o), template_effect(() => {
-			set_class(o, 1, `builtin-icon-label ${get(c) ?? ""}`, "svelte-4boxsj"), set_text(u, typeof get(t).label == "string" ? get(t).label : "-");
-		}), append(e, o);
-	}, x = (e) => {
+		var s = sibling(o, 2), l = child(s, !0);
+		reset(s), reset(a), template_effect(() => {
+			set_class(a, 1, `builtin-icon-label ${get(c) ?? ""}`, "svelte-4boxsj"), set_text(l, typeof get(t).label == "string" ? get(t).label : "-");
+		}), append(e, a);
+	}, C = (e) => {
 		let t = /* @__PURE__ */ user_derived(() => asJsonObject(i()) ?? {});
-		var a = root_6$12(), o = child(a), s = (e) => {
-			var i = root_4$14(), a = child(i);
+		var n = root_6$12(), a = child(n), o = (e) => {
+			var n = root_4$14(), i = child(n);
 			{
 				let e = /* @__PURE__ */ user_derived(() => typeof get(t).text1 == "string" ? get(t).text1 : "");
-				Img(a, {
+				Img(i, {
 					get src() {
 						return get(t).imageUrl;
 					},
@@ -15432,52 +15558,56 @@ function BuiltinCell(e, t) {
 					fallback: ""
 				});
 			}
-			reset(i), template_effect(() => {
-				set_attribute(i, "data-pw", n().testId ? `${n().testId}-thumb` : null), set_attribute(i, "testid", n().testId ? `${n().testId}-thumb` : null);
-			}), append(e, i);
-		}, l = (e) => {
-			var i = root_5$12(), a = child(i, !0);
-			reset(i), template_effect((e) => {
-				set_attribute(i, "data-pw", n().testId ? `${n().testId}-thumb-placeholder` : null), set_attribute(i, "testid", n().testId ? `${n().testId}-thumb-placeholder` : null), set_text(a, e);
-			}, [() => typeof get(t).text1 == "string" && get(t).text1 ? get(t).text1.charAt(0).toUpperCase() : ""]), append(e, i);
+			reset(n), template_effect((e, t) => {
+				set_attribute(n, "data-pw", e), set_attribute(n, "testid", t);
+			}, [() => u("thumbnail"), () => u("thumbnail")]), append(e, n);
+		}, s = (e) => {
+			var n = root_5$12(), i = child(n, !0);
+			reset(n), template_effect((e, t, a) => {
+				set_attribute(n, "data-pw", e), set_attribute(n, "testid", t), set_text(i, a);
+			}, [
+				() => u("thumbnailPlaceholder"),
+				() => u("thumbnailPlaceholder"),
+				() => typeof get(t).text1 == "string" && get(t).text1 ? get(t).text1.charAt(0).toUpperCase() : ""
+			]), append(e, n);
 		};
-		if_block(o, (e) => {
-			typeof get(t).imageUrl == "string" && get(t).imageUrl ? e(s) : e(l, -1);
+		if_block(a, (e) => {
+			typeof get(t).imageUrl == "string" && get(t).imageUrl ? e(o) : e(s, -1);
 		});
-		var u = sibling(o, 2), d = child(u), f = child(d, !0);
+		var l = sibling(a, 2), d = child(l), f = child(d, !0);
 		reset(d);
 		var p = sibling(d, 2), m = child(p, !0);
-		reset(p), reset(u), reset(a), template_effect(() => {
-			set_class(a, 1, `builtin-image-two-line ${get(c) ?? ""}`, "svelte-4boxsj"), set_class(u, 1, `builtin-two-line ${get(c) ?? ""}`, "svelte-4boxsj"), set_text(f, typeof get(t).text1 == "string" ? get(t).text1 : "-"), set_text(m, typeof get(t).text2 == "string" ? get(t).text2 : "-");
-		}), append(e, a);
-	}, S = (e) => {
+		reset(p), reset(l), reset(n), template_effect(() => {
+			set_class(n, 1, `builtin-image-two-line ${get(c) ?? ""}`, "svelte-4boxsj"), set_class(l, 1, `builtin-two-line ${get(c) ?? ""}`, "svelte-4boxsj"), set_text(f, typeof get(t).text1 == "string" ? get(t).text1 : "-"), set_text(m, typeof get(t).text2 == "string" ? get(t).text2 : "-");
+		}), append(e, n);
+	}, w = (e) => {
 		let t = /* @__PURE__ */ user_derived(() => asTagArrayItems(i()));
-		var a = comment(), o = first_child(a), s = (e) => {
-			var i = root_7$11();
-			each(i, 23, () => get(t), (e, t) => `${t}-${e.text}`, (e, t, i) => {
+		var n = comment(), a = first_child(n), o = (e) => {
+			var n = root_7$11();
+			each(n, 23, () => get(t), (e, t) => `${t}-${e.text}`, (e, t, n) => {
 				{
-					let a = /* @__PURE__ */ user_derived(() => get(t).classes ?? ""), o = /* @__PURE__ */ user_derived(() => get(t).testId ?? (n().testId && `${n().testId}-tag-${get(i)}`));
+					let i = /* @__PURE__ */ user_derived(() => get(t).classes ?? ""), a = /* @__PURE__ */ user_derived(() => get(t).testId ?? u("tag", get(n)));
 					Pill(e, {
 						get text() {
 							return get(t).text;
 						},
 						get classes() {
-							return get(a);
+							return get(i);
 						},
 						get testId() {
-							return get(o);
+							return get(a);
 						}
 					});
 				}
-			}), reset(i), template_effect(() => set_class(i, 1, `builtin-tag-array ${get(c) ?? ""}`, "svelte-4boxsj")), append(e, i);
-		}, l = (e) => {
+			}), reset(n), template_effect(() => set_class(n, 1, `builtin-tag-array ${get(c) ?? ""}`, "svelte-4boxsj")), append(e, n);
+		}, s = (e) => {
 			var t = text();
 			template_effect((e) => set_text(t, e), [() => cellValueToText(i())]), append(e, t);
 		};
-		if_block(o, (e) => {
-			get(t) ? e(s) : e(l, -1);
-		}), append(e, a);
-	}, C = (e) => {
+		if_block(a, (e) => {
+			get(t) ? e(o) : e(s, -1);
+		}), append(e, n);
+	}, T = (e) => {
 		let t = /* @__PURE__ */ user_derived(() => asAvatarStackData(i()));
 		var n = comment(), a = first_child(n), o = (e) => {
 			let n = /* @__PURE__ */ user_derived(() => buildAvatarStack(get(t)));
@@ -15499,67 +15629,67 @@ function BuiltinCell(e, t) {
 		if_block(a, (e) => {
 			get(t) ? e(o) : e(s, -1);
 		}), append(e, n);
-	}, w = (e) => {
-		var t = comment(), a = first_child(t), o = (e) => {
+	}, E = (e) => {
+		var t = comment(), n = first_child(t), a = (e) => {
 			var t = text();
 			template_effect((e) => set_text(t, e), [() => cellValueToText(i())]), append(e, t);
-		}, s = (e) => {
+		}, o = (e) => {
 			let t = /* @__PURE__ */ user_derived(() => asCompareCellData(i()));
-			var a = comment(), o = first_child(a), s = (e) => {
-				var i = root_16$5(), a = child(i), o = (e) => {
+			var n = comment(), a = first_child(n), o = (e) => {
+				var n = root_16$5(), i = child(n), a = (e) => {
 					var n = root_10$7(), i = child(n, !0);
 					reset(n), template_effect(() => set_text(i, get(t).primary)), append(e, n);
 				};
-				if_block(a, (e) => {
-					typeof get(t).primary == "string" && e(o);
+				if_block(i, (e) => {
+					typeof get(t).primary == "string" && e(a);
 				});
-				var s = sibling(a, 2), l = (e) => {
+				var o = sibling(i, 2), s = (e) => {
 					var n = root_11$6(), i = child(n, !0);
 					reset(n), template_effect(() => set_text(i, get(t).comparison)), append(e, n);
 				};
-				if_block(s, (e) => {
-					typeof get(t).comparison == "string" && e(l);
+				if_block(o, (e) => {
+					typeof get(t).comparison == "string" && e(s);
 				});
-				var u = sibling(s, 2), d = (e) => {
-					var i = comment(), a = first_child(i), o = (e) => {
-						var i = root_12$6(), a = child(i);
-						html(a, () => trend_up_default, !0), reset(a);
-						var o = sibling(a);
-						reset(i), template_effect(() => {
-							set_attribute(i, "data-pw", n().testId ? `${n().testId}-trend-up` : null), set_attribute(i, "testid", n().testId ? `${n().testId}-trend-up` : null), set_text(o, ` ${get(t).trendPercent ?? ""}%`);
-						}), append(e, i);
+				var l = sibling(o, 2), d = (e) => {
+					var n = comment(), i = first_child(n), a = (e) => {
+						var n = root_12$6(), i = child(n);
+						html(i, () => trend_up_default, !0), reset(i);
+						var a = sibling(i);
+						reset(n), template_effect((e, i) => {
+							set_attribute(n, "data-pw", e), set_attribute(n, "testid", i), set_text(a, ` ${get(t).trendPercent ?? ""}%`);
+						}, [() => u("trendUp"), () => u("trendUp")]), append(e, n);
+					}, o = (e) => {
+						var n = root_13$6(), i = child(n);
+						html(i, () => trend_down_default, !0), reset(i);
+						var a = sibling(i);
+						reset(n), template_effect((e, i) => {
+							set_attribute(n, "data-pw", e), set_attribute(n, "testid", i), set_text(a, ` ${get(t).trendPercent ?? ""}%`);
+						}, [() => u("trendDown"), () => u("trendDown")]), append(e, n);
 					}, s = (e) => {
-						var i = root_13$6(), a = child(i);
-						html(a, () => trend_down_default, !0), reset(a);
-						var o = sibling(a);
-						reset(i), template_effect(() => {
-							set_attribute(i, "data-pw", n().testId ? `${n().testId}-trend-down` : null), set_attribute(i, "testid", n().testId ? `${n().testId}-trend-down` : null), set_text(o, ` ${get(t).trendPercent ?? ""}%`);
-						}), append(e, i);
-					}, c = (e) => {
 						append(e, root_14$6());
 					};
-					if_block(a, (e) => {
-						get(t).trendPercent > 0 ? e(o) : get(t).trendPercent < 0 ? e(s, 1) : e(c, -1);
-					}), append(e, i);
+					if_block(i, (e) => {
+						get(t).trendPercent > 0 ? e(a) : get(t).trendPercent < 0 ? e(o, 1) : e(s, -1);
+					}), append(e, n);
 				}, f = (e) => {
 					var n = root_15$6(), i = child(n, !0);
 					reset(n), template_effect(() => set_text(i, get(t).trendLabel)), append(e, n);
 				};
-				if_block(u, (e) => {
+				if_block(l, (e) => {
 					typeof get(t).trendPercent == "number" ? e(d) : typeof get(t).trendLabel == "string" && e(f, 1);
-				}), reset(i), template_effect(() => set_class(i, 1, `builtin-compare ${get(c) ?? ""}`, "svelte-4boxsj")), append(e, i);
-			}, l = (e) => {
+				}), reset(n), template_effect(() => set_class(n, 1, `builtin-compare ${get(c) ?? ""}`, "svelte-4boxsj")), append(e, n);
+			}, s = (e) => {
 				var t = text();
 				template_effect((e) => set_text(t, e), [() => cellValueToText(i())]), append(e, t);
 			};
-			if_block(o, (e) => {
-				get(t) ? e(s) : e(l, -1);
-			}), append(e, a);
+			if_block(a, (e) => {
+				get(t) ? e(o) : e(s, -1);
+			}), append(e, n);
 		};
-		if_block(a, (e) => {
-			typeof i() == "string" || typeof i() == "number" || typeof i() == "boolean" || i() === null ? e(o) : e(s, -1);
+		if_block(n, (e) => {
+			typeof i() == "string" || typeof i() == "number" || typeof i() == "boolean" || i() === null ? e(a) : e(o, -1);
 		}), append(e, t);
-	}, T = (e) => {
+	}, D = (e) => {
 		let t = /* @__PURE__ */ user_derived(() => asJsonObject(i()) ?? {}), s = /* @__PURE__ */ user_derived(() => get(t).checked === !0);
 		var c = root_17$4();
 		set_attribute(c, "tabindex", -1), Toggle(child(c), {
@@ -15570,8 +15700,8 @@ function BuiltinCell(e, t) {
 			onclick: (e) => n().onToggle?.(a(), e, o())
 		}), reset(c), template_effect(() => {
 			set_attribute(c, "aria-checked", get(s) ? "true" : "false"), set_attribute(c, "aria-label", typeof get(t).ariaLabel == "string" ? get(t).ariaLabel : null), set_attribute(c, "data-pw", typeof get(t).testId == "string" ? get(t).testId : null), set_attribute(c, "testid", typeof get(t).testId == "string" ? get(t).testId : null);
-		}), delegated("click", c, d), delegated("keydown", c, f), append(e, c);
-	}, E = (e) => {
+		}), delegated("click", c, p), delegated("keydown", c, m), append(e, c);
+	}, O = (e) => {
 		let t = /* @__PURE__ */ user_derived(() => asSelectCellData(i()));
 		var c = comment(), l = first_child(c), u = (e) => {
 			var i = root_18$4(), c = child(i);
@@ -15604,15 +15734,15 @@ function BuiltinCell(e, t) {
 					}
 				});
 			}
-			reset(i), delegated("click", i, d), delegated("keydown", i, f), append(e, i);
-		}, p = (e) => {
+			reset(i), delegated("click", i, p), delegated("keydown", i, m), append(e, i);
+		}, d = (e) => {
 			var t = text();
 			template_effect((e) => set_text(t, e), [() => cellValueToText(i())]), append(e, t);
 		};
 		if_block(l, (e) => {
-			get(t) ? e(u) : e(p, -1);
+			get(t) ? e(u) : e(d, -1);
 		}), append(e, c);
-	}, D = (e) => {
+	}, k = (e) => {
 		let t = /* @__PURE__ */ user_derived(() => asInputCellData(i()));
 		var s = comment(), c = first_child(s), l = (e) => {
 			let i = (e) => {
@@ -15651,7 +15781,7 @@ function BuiltinCell(e, t) {
 					onInput: (e) => n().onInput?.(a(), e, o())
 				}, () => get(t).iconUrl ? { leftIcon: i } : {}));
 			}
-			reset(s), delegated("click", s, d), delegated("keydown", s, f), append(e, s);
+			reset(s), delegated("click", s, p), delegated("keydown", s, m), append(e, s);
 		}, u = (e) => {
 			var t = text();
 			template_effect((e) => set_text(t, e), [() => cellValueToText(i())]), append(e, t);
@@ -15659,7 +15789,7 @@ function BuiltinCell(e, t) {
 		if_block(c, (e) => {
 			get(t) ? e(l) : e(u, -1);
 		}), append(e, s);
-	}, O = (e) => {
+	}, A = (e) => {
 		let t = /* @__PURE__ */ user_derived(() => asButtonCellData(i()));
 		var s = comment(), c = first_child(s), l = (e) => {
 			let i = (e) => {
@@ -15696,7 +15826,7 @@ function BuiltinCell(e, t) {
 						onclick: () => n().onButtonClick?.(a(), o())
 					});
 				}
-			}, p = (e) => {
+			}, d = (e) => {
 				{
 					let i = /* @__PURE__ */ user_derived(() => get(t).disabled ?? !1), s = /* @__PURE__ */ user_derived(() => get(t).classes ?? "");
 					Button(e, {
@@ -15720,8 +15850,8 @@ function BuiltinCell(e, t) {
 				}
 			};
 			if_block(l, (e) => {
-				get(t).iconUrl ? e(u) : e(p, -1);
-			}), reset(s), template_effect(() => c = set_class(s, 1, "builtin-interactive svelte-4boxsj", null, c, { "builtin-icon-button": get(t).iconUrl && !get(t).text })), delegated("click", s, d), delegated("keydown", s, f), append(e, s);
+				get(t).iconUrl ? e(u) : e(d, -1);
+			}), reset(s), template_effect(() => c = set_class(s, 1, "builtin-interactive svelte-4boxsj", null, c, { "builtin-icon-button": get(t).iconUrl && !get(t).text })), delegated("click", s, p), delegated("keydown", s, m), append(e, s);
 		}, u = (e) => {
 			var t = text();
 			template_effect((e) => set_text(t, e), [() => cellValueToText(i())]), append(e, t);
@@ -15729,9 +15859,9 @@ function BuiltinCell(e, t) {
 		if_block(c, (e) => {
 			get(t) ? e(l) : e(u, -1);
 		}), append(e, s);
-	}, k = (e) => {
+	}, j = (e) => {
 		let t = /* @__PURE__ */ user_derived(() => asActionGroupCellData(i()));
-		var c = comment(), l = first_child(c), u = (e) => {
+		var c = comment(), l = first_child(c), d = (e) => {
 			var i = root_24$3(), c = child(i), l = (e) => {
 				let i = (e) => {
 					var t = root_20$3();
@@ -15795,16 +15925,16 @@ function BuiltinCell(e, t) {
 			if_block(c, (e) => {
 				get(t).primaryButton && e(l);
 			});
-			var u = sibling(c, 2), p = (e) => {
+			var d = sibling(c, 2), f = (e) => {
 				{
 					let i = (e) => {
-						var t = root_23$3(), i = child(t);
+						var t = root_23$3(), n = child(t);
 						{
 							let e = (e) => {
 								var t = root_22$3();
 								html(t, () => dots_vertical_default, !0), reset(t), append(e, t);
-							}, t = /* @__PURE__ */ user_derived(() => n().testId && `${n().testId}-menu-trigger-${a()}`);
-							Button(i, {
+							}, t = /* @__PURE__ */ user_derived(() => u("menuTrigger", a()));
+							Button(n, {
 								ariaLabel: "More actions",
 								get testId() {
 									return get(t);
@@ -15819,7 +15949,7 @@ function BuiltinCell(e, t) {
 						label: e.label ?? e.id,
 						danger: e.danger,
 						separator: e.separator
-					}))), l = /* @__PURE__ */ user_derived(() => n().testId && `${n().testId}-menu-${a()}`);
+					}))), l = /* @__PURE__ */ user_derived(() => u("menu", a()));
 					Menu(e, {
 						get items() {
 							return get(c);
@@ -15836,46 +15966,46 @@ function BuiltinCell(e, t) {
 					});
 				}
 			};
-			if_block(u, (e) => {
-				get(t).menuItems && get(t).menuItems.length > 0 && e(p);
-			}), reset(i), delegated("click", i, d), delegated("keydown", i, f), append(e, i);
-		}, p = (e) => {
+			if_block(d, (e) => {
+				get(t).menuItems && get(t).menuItems.length > 0 && e(f);
+			}), reset(i), delegated("click", i, p), delegated("keydown", i, m), append(e, i);
+		}, f = (e) => {
 			var t = text();
 			template_effect((e) => set_text(t, e), [() => cellValueToText(i())]), append(e, t);
 		};
 		if_block(l, (e) => {
-			get(t) ? e(u) : e(p, -1);
+			get(t) ? e(d) : e(f, -1);
 		}), append(e, c);
-	}, A = (e) => {
+	}, M = (e) => {
 		let t = /* @__PURE__ */ user_derived(() => asPopupMenuCellData(i()));
-		var c = comment(), l = first_child(c), u = (e) => {
+		var c = comment(), l = first_child(c), d = (e) => {
 			var i = root_18$4(), c = child(i);
 			{
 				let e = (e) => {
-					var i = root_23$3(), o = child(i);
+					var n = root_23$3(), i = child(n);
 					{
 						let e = (e) => {
 							var t = root_22$3();
 							html(t, () => dots_vertical_default, !0), reset(t), append(e, t);
-						}, i = /* @__PURE__ */ user_derived(() => get(t).ariaLabel ?? "More actions"), s = /* @__PURE__ */ user_derived(() => n().testId && `${n().testId}-popup-trigger-${a()}`);
-						Button(o, {
+						}, n = /* @__PURE__ */ user_derived(() => get(t).ariaLabel ?? "More actions"), o = /* @__PURE__ */ user_derived(() => u("popupTrigger", a()));
+						Button(i, {
 							get ariaLabel() {
-								return get(i);
+								return get(n);
 							},
 							get testId() {
-								return get(s);
+								return get(o);
 							},
 							icon: e,
 							$$slots: { icon: !0 }
 						});
 					}
-					reset(i), append(e, i);
+					reset(n), append(e, n);
 				}, i = /* @__PURE__ */ user_derived(() => get(t).items.map((e) => ({
 					value: e.id,
 					label: e.label ?? e.id,
 					danger: e.danger,
 					separator: e.separator
-				}))), l = /* @__PURE__ */ user_derived(() => n().testId && `${n().testId}-popup-${a()}`);
+				}))), l = /* @__PURE__ */ user_derived(() => u("popup", a()));
 				Menu(c, {
 					get items() {
 						return get(i);
@@ -15891,68 +16021,68 @@ function BuiltinCell(e, t) {
 					$$slots: { trigger: !0 }
 				});
 			}
-			reset(i), delegated("click", i, d), delegated("keydown", i, f), append(e, i);
-		}, p = (e) => {
+			reset(i), delegated("click", i, p), delegated("keydown", i, m), append(e, i);
+		}, f = (e) => {
 			var t = text();
 			template_effect((e) => set_text(t, e), [() => cellValueToText(i())]), append(e, t);
 		};
 		if_block(l, (e) => {
-			get(t) ? e(u) : e(p, -1);
+			get(t) ? e(d) : e(f, -1);
 		}), append(e, c);
-	}, j = (e) => {
+	}, N = (e) => {
 		let t = /* @__PURE__ */ user_derived(() => asLinkCellData(i()));
-		var o = comment(), s = first_child(o), c = (e) => {
-			var i = root_28$1(), o = child(i), s = child(o, !0);
-			reset(o);
-			var c = sibling(o, 2), u = (e) => {
-				var i = root_27$1(), o = first_child(i), s = child(o);
+		var n = comment(), o = first_child(n), s = (e) => {
+			var n = root_28$1(), i = child(n), o = child(i, !0);
+			reset(i);
+			var s = sibling(i, 2), c = (e) => {
+				var n = root_27$1(), i = first_child(n), o = child(i);
 				{
 					let e = (e) => {
 						var t = root_25$2();
 						html(t, () => copy_default, !0), reset(t), append(e, t);
-					}, i = /* @__PURE__ */ user_derived(() => get(l) ? "Link copied" : "Copy link"), o = /* @__PURE__ */ user_derived(() => n().testId && `${n().testId}-copy-${a()}`);
-					Button(s, {
+					}, n = /* @__PURE__ */ user_derived(() => get(d) ? "Link copied" : "Copy link"), i = /* @__PURE__ */ user_derived(() => u("copy", a()));
+					Button(o, {
 						get ariaLabel() {
-							return get(i);
+							return get(n);
 						},
 						get testId() {
-							return get(o);
+							return get(i);
 						},
-						onclick: () => p(get(t).url),
+						onclick: () => h(get(t).url),
 						icon: e,
 						$$slots: { icon: !0 }
 					});
 				}
-				reset(o);
-				var c = sibling(o, 2), u = (e) => {
+				reset(i);
+				var s = sibling(i, 2), c = (e) => {
 					var t = root_26$2();
-					template_effect(() => {
-						set_attribute(t, "data-pw", n().testId ? `${n().testId}-link-copied` : null), set_attribute(t, "testid", n().testId ? `${n().testId}-link-copied` : null);
-					}), append(e, t);
+					template_effect((e, n) => {
+						set_attribute(t, "data-pw", e), set_attribute(t, "testid", n);
+					}, [() => u("linkCopied"), () => u("linkCopied")]), append(e, t);
 				};
-				if_block(c, (e) => {
-					get(l) && e(u);
-				}), append(e, i);
+				if_block(s, (e) => {
+					get(d) && e(c);
+				}), append(e, n);
 			};
-			if_block(c, (e) => {
-				get(t).copyable !== !1 && e(u);
-			}), reset(i), template_effect(() => {
-				set_attribute(o, "href", get(t).url), set_attribute(o, "data-pw", n().testId ? `${n().testId}-link-${a()}` : null), set_attribute(o, "testid", n().testId ? `${n().testId}-link-${a()}` : null), set_text(s, get(t).label ?? get(t).url);
-			}), delegated("click", i, d), delegated("keydown", i, f), append(e, i);
-		}, u = (e) => {
+			if_block(s, (e) => {
+				get(t).copyable !== !1 && e(c);
+			}), reset(n), template_effect((e, n) => {
+				set_attribute(i, "href", get(t).url), set_attribute(i, "data-pw", e), set_attribute(i, "testid", n), set_text(o, get(t).label ?? get(t).url);
+			}, [() => u("link", a()), () => u("link", a())]), delegated("click", n, p), delegated("keydown", n, m), append(e, n);
+		}, c = (e) => {
 			var t = text();
 			template_effect((e) => set_text(t, e), [() => cellValueToText(i())]), append(e, t);
 		};
-		if_block(s, (e) => {
-			get(t) ? e(c) : e(u, -1);
-		}), append(e, o);
-	}, M = (e) => {
+		if_block(o, (e) => {
+			get(t) ? e(s) : e(c, -1);
+		}), append(e, n);
+	}, P = (e) => {
 		var t = text();
 		template_effect((e) => set_text(t, e), [() => cellValueToText(i())]), append(e, t);
 	};
-	return if_block(g, (e) => {
-		n().type === "tag" ? e(_) : n().type === "text-tag" ? e(v, 1) : n().type === "two-line-text" ? e(y, 2) : n().type === "icon-label" ? e(b, 3) : n().type === "image-two-line-text" ? e(x, 4) : n().type === "tag-array" ? e(S, 5) : n().type === "avatar-stack" ? e(C, 6) : n().type === "compare" ? e(w, 7) : n().type === "toggle" ? e(T, 8) : n().type === "select" ? e(E, 9) : n().type === "input" ? e(D, 10) : n().type === "button" ? e(O, 11) : n().type === "action-group" ? e(k, 12) : n().type === "popup-menu" ? e(A, 13) : n().type === "link" ? e(j, 14) : e(M, -1);
-	}), append(e, h), pop(m);
+	return if_block(v, (e) => {
+		n().type === "tag" ? e(y) : n().type === "text-tag" ? e(b, 1) : n().type === "two-line-text" ? e(x, 2) : n().type === "icon-label" ? e(S, 3) : n().type === "image-two-line-text" ? e(C, 4) : n().type === "tag-array" ? e(w, 5) : n().type === "avatar-stack" ? e(T, 6) : n().type === "compare" ? e(E, 7) : n().type === "toggle" ? e(D, 8) : n().type === "select" ? e(O, 9) : n().type === "input" ? e(k, 10) : n().type === "button" ? e(A, 11) : n().type === "action-group" ? e(j, 12) : n().type === "popup-menu" ? e(M, 13) : n().type === "link" ? e(N, 14) : e(P, -1);
+	}), append(e, _), pop(g);
 }
 delegate(["click", "keydown"]), create_custom_element(BuiltinCell, {
 	column: {},
@@ -15963,7 +16093,7 @@ delegate(["click", "keydown"]), create_custom_element(BuiltinCell, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/lib/assets/sort-default.svg?raw
-var sort_default_default = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64645 1.64645C5.84171 1.45118 6.15829 1.45118 6.35355 1.64645L8.85355 4.14645C9.04882 4.34171 9.04882 4.65829 8.85355 4.85355C8.65829 5.04882 8.34171 5.04882 8.14645 4.85355L6 2.70711L3.85355 4.85355C3.65829 5.04882 3.34171 5.04882 3.14645 4.85355C2.95118 4.65829 2.95118 4.34171 3.14645 4.14645L5.64645 1.64645Z\" fill=\"currentColor\"/>\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.14645 7.14645C3.34171 6.95118 3.65829 6.95118 3.85355 7.14645L6 9.29289L8.14645 7.14645C8.34171 6.95118 8.65829 6.95118 8.85355 7.14645C9.04882 7.34171 9.04882 7.65829 8.85355 7.85355L6.35355 10.3536C6.15829 10.5488 5.84171 10.5488 5.64645 10.3536L3.14645 7.85355C2.95118 7.65829 2.95118 7.34171 3.14645 7.14645Z\" fill=\"currentColor\"/>\n</svg>\n", root$25 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$23 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\" aria-label=\"Clear search\"></button>"), root_2$18 = /* @__PURE__ */ from_html("<div class=\"table-search svelte-171ci2i\"><span class=\"table-search-icon svelte-171ci2i\"></span> <input class=\"table-search-input svelte-171ci2i\" type=\"search\" autocomplete=\"off\"/> <!></div>"), root_3$16 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$13 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$11 = /* @__PURE__ */ from_html("<span class=\"table-checkbox-icon svelte-171ci2i\"></span>"), root_6$11 = /* @__PURE__ */ from_html("<th><span><!></span></th>"), root_7$10 = /* @__PURE__ */ from_html("<th></th>"), root_8$9 = /* @__PURE__ */ from_html("<th> </th>"), root_9$7 = /* @__PURE__ */ from_html("<span> </span>"), root_10$6 = /* @__PURE__ */ from_html("<span class=\"table-header-filter-icon svelte-171ci2i\"></span>"), root_11$5 = /* @__PURE__ */ from_html("<span><!></span>"), root_12$5 = /* @__PURE__ */ from_html("<span class=\"table-header-filter svelte-171ci2i\"><!></span>"), root_13$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-asc\"></span>"), root_14$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-desc\"></span>"), root_15$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-idle\"></span>"), root_16$4 = /* @__PURE__ */ from_html("<div class=\"sort-button svelte-171ci2i\"><!></div>"), root_17$3 = /* @__PURE__ */ from_html("<!> <span class=\"table-inline-search-clear svelte-171ci2i\"><!></span>", 1), root_18$3 = /* @__PURE__ */ from_html("<span class=\"table-inline-search-trigger svelte-171ci2i\"><!></span>"), root_19$3 = /* @__PURE__ */ from_html("<span class=\"table-header-inline-search svelte-171ci2i\"><!></span>"), root_20$2 = /* @__PURE__ */ from_html("<th><span class=\"table-header-content svelte-171ci2i\"><!> <!> <!> <!></span></th>"), root_21$2 = /* @__PURE__ */ from_html("<tr><td class=\"table-empty svelte-171ci2i\"><!></td></tr>"), root_22$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-checkbox-col svelte-171ci2i\"><span><!></span></td>"), root_23$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-row-number-col svelte-171ci2i\"> </td>"), root_24$2 = /* @__PURE__ */ from_html("<td><div><!></div></td>"), root_25$1 = /* @__PURE__ */ from_html("<tr><!><!><!></tr>"), root_26$1 = /* @__PURE__ */ from_html("<div class=\"table-footer svelte-171ci2i\"><!></div>"), root_27 = /* @__PURE__ */ from_html("<span class=\"table-paginator-size svelte-171ci2i\"><!></span>"), root_28 = /* @__PURE__ */ from_html("<div class=\"table-footer table-paginator svelte-171ci2i\"><span class=\"table-paginator-range svelte-171ci2i\"> </span> <span class=\"table-paginator-controls svelte-171ci2i\"><!> <!></span></div>"), root_29 = /* @__PURE__ */ from_html("<div><div><div class=\"table-scroll svelte-171ci2i\"><table class=\"svelte-171ci2i\"><!><thead><tr><!><!><!></tr></thead><tbody><!></tbody></table></div></div> <!></div>"), root_30 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), $$css$26 = {
+var sort_default_default = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64645 1.64645C5.84171 1.45118 6.15829 1.45118 6.35355 1.64645L8.85355 4.14645C9.04882 4.34171 9.04882 4.65829 8.85355 4.85355C8.65829 5.04882 8.34171 5.04882 8.14645 4.85355L6 2.70711L3.85355 4.85355C3.65829 5.04882 3.34171 5.04882 3.14645 4.85355C2.95118 4.65829 2.95118 4.34171 3.14645 4.14645L5.64645 1.64645Z\" fill=\"currentColor\"/>\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.14645 7.14645C3.34171 6.95118 3.65829 6.95118 3.85355 7.14645L6 9.29289L8.14645 7.14645C8.34171 6.95118 8.65829 6.95118 8.85355 7.14645C9.04882 7.34171 9.04882 7.65829 8.85355 7.85355L6.35355 10.3536C6.15829 10.5488 5.84171 10.5488 5.64645 10.3536L3.14645 7.85355C2.95118 7.65829 2.95118 7.34171 3.14645 7.14645Z\" fill=\"currentColor\"/>\n</svg>\n", root$25 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$23 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\" aria-label=\"Clear search\"></button>"), root_2$18 = /* @__PURE__ */ from_html("<div class=\"table-search svelte-171ci2i\"><span class=\"table-search-icon svelte-171ci2i\"></span> <input class=\"table-search-input svelte-171ci2i\" type=\"search\" autocomplete=\"off\"/> <!></div>"), root_3$16 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$13 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$11 = /* @__PURE__ */ from_html("<span class=\"table-checkbox-icon svelte-171ci2i\"></span>"), root_6$11 = /* @__PURE__ */ from_html("<th><span><!></span></th>"), root_7$10 = /* @__PURE__ */ from_html("<th></th>"), root_8$9 = /* @__PURE__ */ from_html("<th> </th>"), root_9$7 = /* @__PURE__ */ from_html("<span> </span>"), root_10$6 = /* @__PURE__ */ from_html("<span class=\"table-header-filter-icon svelte-171ci2i\"></span>"), root_11$5 = /* @__PURE__ */ from_html("<span><!></span>"), root_12$5 = /* @__PURE__ */ from_html("<span class=\"table-header-filter svelte-171ci2i\"><!></span>"), root_13$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-asc\"></span>"), root_14$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-desc\"></span>"), root_15$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-idle\"></span>"), root_16$4 = /* @__PURE__ */ from_html("<div class=\"sort-button svelte-171ci2i\"><!></div>"), root_17$3 = /* @__PURE__ */ from_html("<!> <span class=\"table-inline-search-clear svelte-171ci2i\"><!></span>", 1), root_18$3 = /* @__PURE__ */ from_html("<span class=\"table-inline-search-trigger svelte-171ci2i\"><!></span>"), root_19$3 = /* @__PURE__ */ from_html("<span class=\"table-header-inline-search svelte-171ci2i\"><!></span>"), root_20$2 = /* @__PURE__ */ from_html("<th><span class=\"table-header-content svelte-171ci2i\"><!> <!> <!> <!></span></th>"), root_21$2 = /* @__PURE__ */ from_html("<tr><td class=\"table-empty svelte-171ci2i\"><!></td></tr>"), root_22$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-checkbox-col svelte-171ci2i\"><span><!></span></td>"), root_23$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-row-number-col svelte-171ci2i\"> </td>"), root_24$2 = /* @__PURE__ */ from_html("<td><div><!></div></td>"), root_25$1 = /* @__PURE__ */ from_html("<tr><!><!><!></tr>"), root_26$1 = /* @__PURE__ */ from_html("<div class=\"table-footer svelte-171ci2i\"><!></div>"), root_27 = /* @__PURE__ */ from_html("<span class=\"table-paginator-size svelte-171ci2i\"><!></span>"), root_28 = /* @__PURE__ */ from_html("<span class=\"table-paginator-controls svelte-171ci2i\"><!> <!></span>"), root_29 = /* @__PURE__ */ from_html("<div class=\"table-footer table-paginator svelte-171ci2i\"><span class=\"table-paginator-range svelte-171ci2i\"> </span> <!></div>"), root_30 = /* @__PURE__ */ from_html("<div><div><div class=\"table-scroll svelte-171ci2i\"><table class=\"svelte-171ci2i\"><!><thead><tr><!><!><!></tr></thead><tbody><!></tbody></table></div></div> <!></div>"), root_31 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), $$css$26 = {
 	hash: "svelte-171ci2i",
 	code: "\n  /* ── Title ─────────────────────────────────────────────────────────────── */.table-title.svelte-171ci2i {margin:var(--table-title-margin, 0px 0px 12px 0px);font-size:var(--table-title-font-size, var(--table-tile-font-size, 18px));font-weight:var(--table-title-font-weight, 600);color:var(--table-title-color, #111827);font-family:var(--table-title-font-family);padding:var(--table-title-padding);}\n\n  /* ── C2-3 Search bar ────────────────────────────────────────────────────── */.table-search.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-search-gap, 8px);padding:var(--table-search-padding, 8px 12px);border:var(--table-search-border, 1px solid #e5e7eb);border-radius:var(--table-search-border-radius, var(--radius, 4px));background-color:var(--table-search-background, #ffffff);margin-bottom:var(--table-search-margin-bottom, 8px);}.table-search-icon.svelte-171ci2i {display:inline-flex;align-items:center;color:var(--table-search-icon-color, #9ca3af);flex-shrink:0;}.table-search-icon.svelte-171ci2i svg {width:var(--table-search-icon-size, 16px);height:var(--table-search-icon-size, 16px);}.table-search-input.svelte-171ci2i {flex:1;border:none;outline:none;background:transparent;font-size:var(--table-search-font-size, 14px);color:var(--table-search-color, #111827);min-width:0;}.table-search-input.svelte-171ci2i:focus-visible {outline:2px solid var(--table-focus-outline-color, #3b82f6);outline-offset:2px;border-radius:var(--table-search-focus-border-radius, var(--radius, 4px));}.table-search-input.svelte-171ci2i::placeholder {color:var(--table-search-placeholder-color, #9ca3af);}\n\n  /* Hide browser-default clear button on search inputs */.table-search-input.svelte-171ci2i::-webkit-search-cancel-button {display:none;}.table-search-clear.svelte-171ci2i {display:inline-flex;align-items:center;padding:2px;border:none;background:transparent;color:var(--table-search-clear-color, #6b7280);cursor:pointer;border-radius:4px;flex-shrink:0;}.table-search-clear.svelte-171ci2i:hover {color:var(--table-search-clear-hover-color, #111827);background-color:var(--table-search-clear-hover-background, rgba(0, 0, 0, 0.05));}.table-search-clear.svelte-171ci2i svg {width:var(--table-search-clear-icon-size, 14px);height:var(--table-search-clear-icon-size, 14px);}.table-header-inline-search.svelte-171ci2i {display:inline-flex;align-items:center;gap:var(--table-inline-search-gap, 6px);margin-left:auto;}.table-inline-search-trigger.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: var(--table-inline-search-trigger-padding, 4px);--button-text-color: var(--table-inline-search-icon-color, #9ca3af);}.table-inline-search-trigger.svelte-171ci2i svg {width:var(--table-inline-search-icon-size, 16px);height:var(--table-inline-search-icon-size, 16px);display:block;}.table-inline-search-input.svelte-171ci2i {--input-margin: 0;width:var(--table-inline-search-input-width, 160px);}.table-inline-search-clear.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: var(--table-inline-search-clear-padding, 2px);--button-text-color: var(--table-inline-search-clear-color, #6b7280);}.table-inline-search-clear.svelte-171ci2i svg {width:var(--table-inline-search-clear-icon-size, 14px);height:var(--table-inline-search-clear-icon-size, 14px);}\n\n  /* ── Container ──────────────────────────────────────────────────────────── */.table-container.svelte-171ci2i {border:var(--table-border, 1px solid #e5e7eb);border-radius:var(--table-border-radius, var(--radius, 4px));width:var(--table-container-width, 100%);overflow:hidden;}.scrollable-table.svelte-171ci2i {height:var(--table-container-height, 143px);overflow-y:auto;}.table-scroll-shell.svelte-171ci2i {position:relative;min-width:0;}\n\n  /* Edge scrims: fade the clipped side of the table into its background so\n     hidden columns read as \"more content this way\". Class-driven from live\n     scroll state — never shown when the table fits. pointer-events: none\n     keeps cells under the fade clickable; z-index 2 paints above sticky\n     headers (z-index 1). */.table-scroll-shell.svelte-171ci2i::before,\n  .table-scroll-shell.svelte-171ci2i::after {content:'';position:absolute;top:0;bottom:0;width:var(--table-scroll-scrim-width, 32px);opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:2;}.table-scroll-shell.svelte-171ci2i::before {left:0;border-radius:var(--table-border-radius, var(--radius, 4px)) 0 0\n      var(--table-border-radius, var(--radius, 4px));background:linear-gradient(to right, var(--table-scroll-scrim-color, #ffffff), transparent);}.table-scroll-shell.svelte-171ci2i::after {right:0;border-radius:0 var(--table-border-radius, var(--radius, 4px))\n      var(--table-border-radius, var(--radius, 4px)) 0;background:linear-gradient(to left, var(--table-scroll-scrim-color, #ffffff), transparent);}.table-scroll-shell.scrollable-left.svelte-171ci2i::before {opacity:1;}.table-scroll-shell.scrollable-right.svelte-171ci2i::after {opacity:1;}.table-scroll.svelte-171ci2i {overflow-x:auto;min-width:0;scrollbar-width:thin;}table.svelte-171ci2i {width:var(--table-width, 100%);border-collapse:var(--table-border-collapse, collapse);}.table-header.svelte-171ci2i,\n  .table-content.svelte-171ci2i {border:var(--table-inner-border, none);padding:var(--table-padding, 12px 16px);text-align:var(--table-text-align, left);width:var(--table-column-width);\n    /* Wrap at word boundaries; only a single word wider than the column may\n       split as a last resort. break-word (not anywhere) keeps each column's\n       min-content width at its longest word, so ordinary labels never split\n       mid-word — the old break-all default did. Opt back in per consumer via\n       --table-word-break / --table-overflow-wrap. */word-break:var(--table-word-break, normal);overflow-wrap:var(--table-overflow-wrap, break-word);}.scrollable-content.svelte-171ci2i {overflow-y:auto;height:var(--scrollable-column-height, 20px);}.table-header.svelte-171ci2i {background-color:var(--table-header-background, var(--table-header-border-bgcolor, #f9fafb));font-size:var(--table-header-font-size, 13px);font-family:var(--table-header-font-family);font-weight:var(--table-header-font-weight, 600);letter-spacing:var(--table-header-letter-spacing, 0.02em);text-transform:var(--table-header-text-transform);color:var(--table-header-color, var(--table-header-font-color, #6b7280));border-bottom:var(--table-header-border, var(--table-inner-border, none));}.table-header-content.svelte-171ci2i {display:flex;align-items:center;gap:4px;justify-content:var(--table-header-justify, flex-start);}.table-header-label.svelte-171ci2i {text-decoration:var(--table-header-tooltip-underline, underline dotted);text-underline-offset:2px;cursor:help;}.table-header-label-plain.svelte-171ci2i {text-decoration:none;}.table-header-filter.svelte-171ci2i {display:inline-flex;align-items:center;}.table-header-filter-trigger.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-sort-button-color, inherit);--button-border-radius: 4px;--button-hover-color: var(--table-sort-button-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;align-items:center;opacity:var(--table-sort-idle-opacity, 0.5);}.table-header-filter-trigger.svelte-171ci2i:hover {opacity:var(--table-sort-idle-hover-opacity, 0.85);}.table-header-filter-active.svelte-171ci2i {opacity:1;color:var(--table-filter-active-color, #2563eb);}.table-header-filter-icon.svelte-171ci2i svg {width:var(--table-sort-icon-size, 14px);height:var(--table-sort-icon-size, 14px);display:block;}.table-cell-clamp.svelte-171ci2i {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.table-header-sticky.svelte-171ci2i {position:sticky;top:var(--table-header-sticky-top, 0);z-index:1;}.table-content.svelte-171ci2i {background-color:var(--table-content-background, var(--table-content-border-bgcolor));font-size:var(--table-content-font-size, 14px);font-family:var(--table-content-font-family);color:var(--table-content-color, var(--table-content-font-color, #111827));}\n\n  /* Column highlight (TableColumn.highlighted). Row hover keeps higher\n     specificity and row selection is declared later at equal specificity, so\n     both row states paint over the column wash. */.table-header.table-col-highlighted.svelte-171ci2i {background-color:var(\n      --table-col-highlight-header-background,\n      var(--table-col-highlight-background, #f3f9ff)\n    );}.table-content.table-col-highlighted.svelte-171ci2i {background-color:var(--table-col-highlight-background, #f3f9ff);}.table-row.svelte-171ci2i {border-bottom:var(--table-row-border, 1px solid #f3f4f6);background-color:var(--table-row-background);}.table-row.svelte-171ci2i:last-child {border-bottom:var(--table-row-last-border, none);}.table-row.svelte-171ci2i:nth-child(even) {background-color:var(--table-row-alt-background, var(--table-row-background));}.table-row.svelte-171ci2i:hover {background-color:var(--table-row-hover-background);}.table-row.svelte-171ci2i:hover > .table-content:where(.svelte-171ci2i) {background-color:var(\n      --table-row-hover-background,\n      var(--table-content-background, var(--table-content-border-bgcolor))\n    );}.table-row-clickable.svelte-171ci2i {cursor:pointer;}.table-row-clickable.svelte-171ci2i:focus-visible {outline:2px solid var(--table-focus-outline-color, #3b82f6);outline-offset:-2px;}\n\n  /* C2-1: Selected row highlight */.table-row-selected.svelte-171ci2i {background-color:var(--table-row-selected-background, #eff6ff);}.table-row-selected.svelte-171ci2i > .table-content:where(.svelte-171ci2i) {background-color:var(--table-row-selected-background, #eff6ff);}\n\n  /* Summary/period-total row (summaryRowIndex): both the row and its cells,\n     since a themed --table-content-background would otherwise paint over a\n     row-level background. Falls back to the regular cell background. */.table-summary-row.svelte-171ci2i {background-color:var(--table-summary-row-background, var(--table-content-background));}.table-summary-row.svelte-171ci2i > .table-content:where(.svelte-171ci2i) {background-color:var(--table-summary-row-background, var(--table-content-background));}\n\n  /* ── C2-1 Checkbox column ───────────────────────────────────────────────── */.table-checkbox-col.svelte-171ci2i {width:var(--table-checkbox-col-width, 44px);padding:var(--table-checkbox-col-padding, 12px 12px);}.table-checkbox-box.svelte-171ci2i {display:inline-flex;align-items:center;justify-content:center;width:var(--table-checkbox-size, 18px);height:var(--table-checkbox-size, 18px);border:var(--table-checkbox-border, 2px solid #9ca3af);border-radius:var(--table-checkbox-border-radius, var(--radius, 4px));background-color:var(--table-checkbox-background, transparent);cursor:pointer;flex-shrink:0;transition:background-color 0.15s,\n      border-color 0.15s;user-select:none;}.table-checkbox-box.svelte-171ci2i:focus-visible {outline:none;box-shadow:var(--table-checkbox-focus-ring, 0 0 0 3px rgba(59, 130, 246, 0.3));}.table-checkbox-box.svelte-171ci2i:not(.disabled):hover {border-color:var(--table-checkbox-hover-border-color, #6b7280);}.table-checkbox-box.checked.svelte-171ci2i {background-color:var(--table-checkbox-checked-background, #2563eb);border-color:var(--table-checkbox-checked-border-color, #2563eb);}.table-checkbox-box.indeterminate.svelte-171ci2i {background-color:var(--table-checkbox-indeterminate-background, #2563eb);border-color:var(--table-checkbox-indeterminate-border-color, #2563eb);}.table-checkbox-box.disabled.svelte-171ci2i {opacity:var(--table-checkbox-disabled-opacity, 0.4);cursor:not-allowed;}.table-checkbox-icon.svelte-171ci2i {display:inline-flex;align-items:center;justify-content:center;width:var(--table-checkbox-icon-size, 12px);height:var(--table-checkbox-icon-size, 12px);color:var(--table-checkbox-icon-color, #ffffff);}.table-checkbox-icon.svelte-171ci2i svg {width:100%;height:100%;}\n\n  /* ── Sort button ────────────────────────────────────────────────────────── */.sort-button.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-text-color: var(--table-sort-button-color, inherit);--button-border-radius: 4px;--button-width: fit-content;--button-height: fit-content;--button-hover-color: var(--table-sort-button-hover-background, rgba(0, 0, 0, 0.05));--button-hover-text-color: var(\n      --table-sort-button-hover-color,\n      var(--table-sort-button-color, inherit)\n    );display:inline-flex;align-items:center;line-height:1;}.sort-button.svelte-171ci2i .sort-icon {display:inline-flex;align-items:center;}\n\n  /* The sorted-direction half paints via currentColor; without an explicit\n     color it inherits the Button's text color (white on the default button\n     theme), which disappears on light headers. Default to the design\n     system's active blue. */.sort-button.svelte-171ci2i .sort-icon:not(.sort-icon-idle) {color:var(--table-sort-active-color, #1b85ff);}.sort-button.svelte-171ci2i .sort-icon svg {width:var(--table-sort-icon-size, 14px);height:var(--table-sort-icon-size, 14px);display:block;}\n\n  /* Two-tone state painting. The shared sort-default.svg asset stays\n     color-agnostic (fill=\"currentColor\", like every other icon asset); the\n     state colors live here. All halves default to the inactive fill, then\n     the sorted direction's half is released back to currentColor (the\n     active color above). Path order in the asset is up-chevron first,\n     down-chevron second. */.sort-button.svelte-171ci2i .sort-icon svg path {fill:var(--table-sort-inactive-color, #c7c7c7);}.sort-button.svelte-171ci2i .sort-icon-asc svg path:first-child,\n  .sort-button.svelte-171ci2i .sort-icon-desc svg path:last-child {fill:currentColor;}\n\n  /* The design system draws every sort state fully opaque — faintness comes\n     from the glyph fills (inactive halves #C7C7C7, active direction\n     currentColor), never from transparency. The opacity vars remain for\n     consumers that prefer a fade but now default to solid; hover steps the\n     inactive halves to the design system's hover gray. */.sort-button.svelte-171ci2i .sort-icon-idle {opacity:var(--table-sort-idle-opacity, 1);}.sort-button.svelte-171ci2i:hover .sort-icon-idle {opacity:var(--table-sort-idle-hover-opacity, 1);--table-sort-inactive-color: var(--table-sort-hover-color, #797979);}\n\n  /* ── Empty ──────────────────────────────────────────────────────────────── */.table-empty.svelte-171ci2i {padding:var(--table-empty-padding, 32px 24px);text-align:center;color:var(--table-empty-color, #9ca3af);}\n\n  /* ── Footer ─────────────────────────────────────────────────────────────── */.table-footer.svelte-171ci2i {border-top:var(--table-footer-border, 1px solid #e5e7eb);padding:var(--table-footer-padding, 8px 16px);background-color:var(--table-footer-background, transparent);}.table-paginator.svelte-171ci2i {display:flex;align-items:center;justify-content:space-between;gap:var(--table-paginator-gap, 12px);flex-wrap:wrap;}.table-paginator-range.svelte-171ci2i {font-size:var(--table-paginator-range-font-size, 13px);color:var(--table-paginator-range-color, #6b7280);font-variant-numeric:tabular-nums;}.table-paginator-controls.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-paginator-gap, 12px);}.table-paginator-size.svelte-171ci2i {display:inline-flex;min-width:var(--table-paginator-size-width, 72px);}\n\n  /* ── Toolbar (bulk actions) ─────────────────────────────────────────────── */.table-toolbar.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-toolbar-gap, 12px);padding:var(--table-toolbar-padding, 8px 12px);border:var(--table-toolbar-border, 1px solid #e5e7eb);border-radius:var(--table-toolbar-border-radius, var(--radius, 4px));background-color:var(--table-toolbar-background, #f9fafb);margin-bottom:var(--table-toolbar-margin-bottom, 8px);}\n\n  /* ── Row-number column ──────────────────────────────────────────────────── */.table-row-number-col.svelte-171ci2i {width:var(--table-row-number-col-width, 48px);color:var(--table-row-number-color, #6b7280);font-variant-numeric:tabular-nums;text-align:var(--table-row-number-align, var(--table-text-align, left));}\n\n  /* ── Accessibility ──────────────────────────────────────────────────────── */.sr-only.svelte-171ci2i {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border-width:0;}"
 };
@@ -15975,9 +16105,9 @@ function Table(e, t) {
 		x()?.(e, t, n);
 	}, X = (e, t, n, i) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), x()?.(t, n, i));
-	}, Z = /* @__PURE__ */ user_derived(() => typeof x() == "function"), Q = /* @__PURE__ */ user_derived(() => d() || f()), $ = /* @__PURE__ */ state(!1), ee = /* @__PURE__ */ state(!1), te = (e) => {
+	}, Z = /* @__PURE__ */ user_derived(() => typeof x() == "function"), Q = /* @__PURE__ */ user_derived(() => d() || f()), ee = /* @__PURE__ */ state(!1), $ = /* @__PURE__ */ state(!1), te = (e) => {
 		let t = () => {
-			set($, e.scrollLeft > 2), set(ee, e.scrollLeft + e.clientWidth < e.scrollWidth - 2);
+			set(ee, e.scrollLeft > 2), set($, e.scrollLeft + e.clientWidth < e.scrollWidth - 2);
 		};
 		t(), e.addEventListener("scroll", t, { passive: !0 });
 		let n = new ResizeObserver(t);
@@ -16043,51 +16173,51 @@ function Table(e, t) {
 		25,
 		50,
 		100
-	]), ke = (e) => {
+	]), ke = /* @__PURE__ */ user_derived(() => (j()?.hideControls || j()?.hidePageSizeSelector) ?? !1), Ae = /* @__PURE__ */ user_derived(() => (j()?.hideControls || j()?.hideSteppers) ?? !1), je = (e) => {
 		set(ye, e, !0), j()?.onPageChange?.(e);
-	}, Ae = (e) => {
+	}, Me = (e) => {
 		set(be, e, !0), set(ye, 1), j()?.onPageSizeChange?.(e);
-	}, je = (e) => j() ? (get(Ce) - 1) * get(Se) + e + 1 : e + 1, Me = /* @__PURE__ */ user_derived(() => j() && (j().mode ?? "client") === "client" ? (get(Ce) - 1) * get(Se) : 0), Ne = (e, t, n, i) => e.getRowId ? e.getRowId(t, n, i) : String(n), Pe = new SvelteSet(), Fe = /* @__PURE__ */ user_derived(() => O()?.selectedIds ?? null), Ie = /* @__PURE__ */ user_derived(() => get(Fe) ?? Pe), Le = (e) => O()?.disabledRowIds?.has(e) ?? !1, Re = (e) => get(Ie).has(e), ze = /* @__PURE__ */ user_derived(() => {
+	}, Ne = (e) => j() ? (get(Ce) - 1) * get(Se) + e + 1 : e + 1, Pe = /* @__PURE__ */ user_derived(() => j() && (j().mode ?? "client") === "client" ? (get(Ce) - 1) * get(Se) : 0), Fe = (e, t, n, i) => e.getRowId ? e.getRowId(t, n, i) : String(n), Ie = new SvelteSet(), Le = /* @__PURE__ */ user_derived(() => O()?.selectedIds ?? null), Re = /* @__PURE__ */ user_derived(() => get(Le) ?? Ie), ze = (e) => O()?.disabledRowIds?.has(e) ?? !1, Be = (e) => get(Re).has(e), Ve = /* @__PURE__ */ user_derived(() => {
 		let e = new Map(get(_e).map((e, t) => [e, t]));
 		return get(ve).map((t, n) => {
 			let i = e.get(t) ?? -1, a = i === -1 ? n : i;
-			return O() && O().enabled !== !1 ? Ne(O(), t, a, get(H).get(t) ?? a) : String(a);
+			return O() && O().enabled !== !1 ? Fe(O(), t, a, get(H).get(t) ?? a) : String(a);
 		});
-	}), Be = /* @__PURE__ */ user_derived(() => new Map(get(ve).map((e, t) => [e, get(ze)[t]]))), Ve = /* @__PURE__ */ user_derived(() => !O() || O().enabled === !1 ? [] : get(Ee).flatMap((e) => {
-		let t = get(Be).get(e) ?? null;
-		return t !== null && !Le(t) ? [t] : [];
-	})), He = /* @__PURE__ */ user_derived(() => {
-		if (!O() || O().enabled === !1 || get(Ve).length === 0) return "none";
-		let e = get(Ve).filter((e) => get(Ie).has(e)).length;
-		return e === 0 ? "none" : e === get(Ve).length ? "all" : "some";
-	}), Ue = (e) => {
-		if (!(!O() || O().enabled === !1 || Le(e))) {
-			if (get(Fe)) {
-				let t = get(Fe).has(e), n = O().selectionMode === "single" ? new Set(t ? [] : [e]) : t ? new Set([...get(Fe)].filter((t) => t !== e)) : new Set([...get(Fe), e]);
+	}), He = /* @__PURE__ */ user_derived(() => new Map(get(ve).map((e, t) => [e, get(Ve)[t]]))), Ue = /* @__PURE__ */ user_derived(() => !O() || O().enabled === !1 ? [] : get(Ee).flatMap((e) => {
+		let t = get(He).get(e) ?? null;
+		return t !== null && !ze(t) ? [t] : [];
+	})), We = /* @__PURE__ */ user_derived(() => {
+		if (!O() || O().enabled === !1 || get(Ue).length === 0) return "none";
+		let e = get(Ue).filter((e) => get(Re).has(e)).length;
+		return e === 0 ? "none" : e === get(Ue).length ? "all" : "some";
+	}), Ge = (e) => {
+		if (!(!O() || O().enabled === !1 || ze(e))) {
+			if (get(Le)) {
+				let t = get(Le).has(e), n = O().selectionMode === "single" ? new Set(t ? [] : [e]) : t ? new Set([...get(Le)].filter((t) => t !== e)) : new Set([...get(Le), e]);
 				O().onSelectionChange?.(n);
 				return;
 			}
 			if (O().selectionMode === "single") {
-				let t = Pe.has(e);
-				Pe.clear(), t || Pe.add(e);
-			} else Pe.has(e) ? Pe.delete(e) : Pe.add(e);
-			O().onSelectionChange?.(new Set(Pe));
+				let t = Ie.has(e);
+				Ie.clear(), t || Ie.add(e);
+			} else Ie.has(e) ? Ie.delete(e) : Ie.add(e);
+			O().onSelectionChange?.(new Set(Ie));
 		}
-	}, We = () => {
+	}, Ke = () => {
 		if (!(!O() || O().enabled === !1)) {
-			if (get(Fe)) {
-				let e = new Set(get(Ve)), t = get(He) === "all" ? new Set([...get(Fe)].filter((t) => !e.has(t))) : new Set([...get(Fe), ...get(Ve)]);
+			if (get(Le)) {
+				let e = new Set(get(Ue)), t = get(We) === "all" ? new Set([...get(Le)].filter((t) => !e.has(t))) : new Set([...get(Le), ...get(Ue)]);
 				O().onSelectionChange?.(t);
 				return;
 			}
-			if (get(He) === "all") for (let e of get(Ve)) Pe.delete(e);
-			else for (let e of get(Ve)) Pe.add(e);
-			O().onSelectionChange?.(new Set(Pe));
+			if (get(We) === "all") for (let e of get(Ue)) Ie.delete(e);
+			else for (let e of get(Ue)) Ie.add(e);
+			O().onSelectionChange?.(new Set(Ie));
 		}
-	}, Ge = (e, t) => {
+	}, qe = (e, t) => {
 		(e.key === " " || e.key === "Enter") && (e.preventDefault(), t());
-	}, Ke = /* @__PURE__ */ user_derived(() => !!O() && O().enabled !== !1), qe = /* @__PURE__ */ user_derived(() => O()?.selectionMode === "single");
-	var Je = {
+	}, Je = /* @__PURE__ */ user_derived(() => !!O() && O().enabled !== !1), Ye = /* @__PURE__ */ user_derived(() => O()?.selectionMode === "single");
+	var Xe = {
 		get tableTitle() {
 			return n();
 		},
@@ -16304,14 +16434,14 @@ function Table(e, t) {
 		set usePortal(e = !1) {
 			R(e), flushSync();
 		}
-	}, Ye = root_30(), Xe = first_child(Ye), Ze = (e) => {
+	}, Ze = root_31(), Qe = first_child(Ze), $e = (e) => {
 		var t = root$25(), i = child(t, !0);
 		reset(t), template_effect(() => set_text(i, n())), append(e, t);
 	};
-	if_block(Xe, (e) => {
-		typeof n() == "string" && n().length > 0 && e(Ze);
+	if_block(Qe, (e) => {
+		typeof n() == "string" && n().length > 0 && e($e);
 	});
-	var Qe = sibling(Xe, 2), $e = (e) => {
+	var et = sibling(Qe, 2), tt = (e) => {
 		var t = root_2$18(), n = child(t);
 		html(n, () => search_default, !0), reset(n);
 		var i = sibling(n, 2);
@@ -16326,18 +16456,18 @@ function Table(e, t) {
 			set_attribute(i, "placeholder", k()?.placeholder ?? "Search…"), set_value(i, get(ne)), set_attribute(i, "data-pw", k()?.testId ?? null), set_attribute(i, "testid", k()?.testId ?? null), set_attribute(i, "aria-label", k()?.placeholder ?? "Search");
 		}), delegated("input", i, de), append(e, t);
 	};
-	if_block(Qe, (e) => {
-		get(re) && !get(ce) && e($e);
+	if_block(et, (e) => {
+		get(re) && !get(ce) && e(tt);
 	});
-	var et = sibling(Qe, 2), tt = (e) => {
+	var nt = sibling(et, 2), rt = (e) => {
 		var t = root_3$16();
-		snippet(child(t), M, () => ({ selectedIds: new Set(get(Ie)) })), reset(t), append(e, t);
+		snippet(child(t), M, () => ({ selectedIds: new Set(get(Re)) })), reset(t), append(e, t);
 	};
-	if_block(et, (e) => {
-		typeof M() == "function" && get(Ke) && get(Ie).size > 0 && e(tt);
+	if_block(nt, (e) => {
+		typeof M() == "function" && get(Je) && get(Re).size > 0 && e(rt);
 	});
-	var nt = sibling(et, 2), rt = (e) => {
-		var t = root_29(), n = child(t);
+	var it = sibling(nt, 2), at = (e) => {
+		var t = root_30(), n = child(t);
 		let i;
 		var a = child(n), s = child(a), c = child(s), l = (e) => {
 			var t = root_4$13(), n = child(t, !0);
@@ -16349,24 +16479,24 @@ function Table(e, t) {
 		var u = sibling(c), d = child(u), x = child(d), S = (e) => {
 			var t = root_6$11();
 			let n;
-			var i = child(t), a = (e) => Ge(e, We);
+			var i = child(t), a = (e) => qe(e, Ke);
 			attribute_effect(i, (e, t) => ({
 				class: "table-checkbox-box",
 				role: "checkbox",
 				tabindex: 0,
-				"aria-checked": get(He) === "some" ? "mixed" : get(He) === "all",
+				"aria-checked": get(We) === "some" ? "mixed" : get(We) === "all",
 				"aria-label": "Select all rows",
 				"data-pw": typeof m() == "string" ? `${m()}-select-all` : null,
 				testID: typeof m() == "string" ? `${m()}-select-all` : null,
 				...e,
 				"aria-controls": t,
-				onclick: We,
+				onclick: Ke,
 				onkeydown: a,
 				[CLASS]: {
-					checked: get(He) === "all",
-					indeterminate: get(He) === "some"
+					checked: get(We) === "all",
+					indeterminate: get(We) === "some"
 				}
-			}), [() => O()?.getRowAttributes ? O().getRowAttributes("__header__", -1) : {}, () => get(Ve).map((e) => `row-checkbox-${e}`).join(" ")], void 0, void 0, "svelte-171ci2i");
+			}), [() => O()?.getRowAttributes ? O().getRowAttributes("__header__", -1) : {}, () => get(Ue).map((e) => `row-checkbox-${e}`).join(" ")], void 0, void 0, "svelte-171ci2i");
 			var o = child(i), s = (e) => {
 				var t = root_5$11();
 				html(t, () => checkmark_default, !0), reset(t), append(e, t);
@@ -16375,7 +16505,7 @@ function Table(e, t) {
 				html(t, () => minus_default, !0), reset(t), append(e, t);
 			};
 			if_block(o, (e) => {
-				get(He) === "all" ? e(s) : get(He) === "some" && e(c, 1);
+				get(We) === "all" ? e(s) : get(We) === "some" && e(c, 1);
 			}), reset(i), reset(t), template_effect(() => n = set_class(t, 1, "table-header table-checkbox-col svelte-171ci2i", null, n, { "table-header-sticky": get(Q) })), append(e, t);
 		}, C = (e) => {
 			var t = root_7$10();
@@ -16383,7 +16513,7 @@ function Table(e, t) {
 			template_effect(() => n = set_class(t, 1, "table-header table-checkbox-col svelte-171ci2i", null, n, { "table-header-sticky": get(Q) })), append(e, t);
 		};
 		if_block(x, (e) => {
-			get(Ke) && !get(qe) ? e(S) : get(Ke) && get(qe) && e(C, 1);
+			get(Je) && !get(Ye) ? e(S) : get(Je) && get(Ye) && e(C, 1);
 		});
 		var A = sibling(x), M = (e) => {
 			var t = root_8$9();
@@ -16599,24 +16729,25 @@ function Table(e, t) {
 					"table-col-highlighted": get(i)?.highlighted === !0
 				}), set_attribute(a, "data-pw", get(i)?.testId ?? null), set_attribute(a, "testid", get(i)?.testId ?? null), c = set_style(a, "", c, {
 					"text-align": get(i)?.align ?? null,
+					width: get(i)?.width ?? null,
 					"max-width": get(i)?.maxWidth ?? null
 				}), u = set_style(l, "", u, { "justify-content": get(i)?.align === "right" ? "flex-end" : get(i)?.align === "center" ? "center" : null });
 			}), append(e, a);
 		}), reset(d), reset(u);
 		var z = sibling(u), V = child(z), U = (e) => {
 			var t = root_21$2(), n = child(t);
-			snippet(child(n), b), reset(n), reset(t), template_effect(() => set_attribute(n, "colspan", get(B).length + +!!get(Ke) + +!!N())), append(e, t);
+			snippet(child(n), b), reset(n), reset(t), template_effect(() => set_attribute(n, "colspan", get(B).length + +!!get(Je) + +!!N())), append(e, t);
 		}, ie = (e) => {
 			var t = comment();
-			each(first_child(t), 19, () => get(Ee), (e, t) => get(Be).get(e) ?? t, (e, t, n) => {
-				let i = /* @__PURE__ */ user_derived(() => get(n) + get(Me)), a = /* @__PURE__ */ user_derived(() => get(H).get(get(t)) ?? get(i)), s = /* @__PURE__ */ user_derived(() => get(Be).get(get(t)) ?? String(get(i))), c = /* @__PURE__ */ user_derived(() => get(Ke) && Le(get(s))), l = /* @__PURE__ */ user_derived(() => get(Ke) && Re(get(s)));
+			each(first_child(t), 19, () => get(Ee), (e, t) => get(He).get(e) ?? t, (e, t, n) => {
+				let i = /* @__PURE__ */ user_derived(() => get(n) + get(Pe)), a = /* @__PURE__ */ user_derived(() => get(H).get(get(t)) ?? get(i)), s = /* @__PURE__ */ user_derived(() => get(He).get(get(t)) ?? String(get(i))), c = /* @__PURE__ */ user_derived(() => get(Je) && ze(get(s))), l = /* @__PURE__ */ user_derived(() => get(Je) && Be(get(s)));
 				var u = root_25$1();
 				let d;
 				var f = child(u), h = (e) => {
 					var t = root_22$2(), n = child(t), a = (e) => {
-						e.stopPropagation(), Ue(get(s));
+						e.stopPropagation(), Ge(get(s));
 					}, o = (e) => {
-						e.stopPropagation(), Ge(e, () => Ue(get(s)));
+						e.stopPropagation(), qe(e, () => Ge(get(s)));
 					};
 					attribute_effect(n, (e) => ({
 						class: "table-checkbox-box",
@@ -16645,11 +16776,11 @@ function Table(e, t) {
 					}), reset(n), reset(t), append(e, t);
 				};
 				if_block(f, (e) => {
-					get(Ke) && e(h);
+					get(Je) && e(h);
 				});
 				var g = sibling(f), _ = (e) => {
 					var t = root_23$2(), i = child(t, !0);
-					reset(t), template_effect((e) => set_text(i, e), [() => je(get(n))]), append(e, t);
+					reset(t), template_effect((e) => set_text(i, e), [() => Ne(get(n))]), append(e, t);
 				};
 				if_block(g, (e) => {
 					N() && e(_);
@@ -16692,6 +16823,7 @@ function Table(e, t) {
 					}), reset(h), reset(d), template_effect((e, t, n) => {
 						f = set_class(d, 1, "table-content svelte-171ci2i", null, f, { "table-col-highlighted": get(c)?.highlighted === !0 }), set_attribute(d, "data-pw", e), set_attribute(d, "testid", t), set_attribute(d, "title", n), m = set_style(d, "", m, {
 							"text-align": get(c)?.align ?? null,
+							width: get(c)?.width ?? null,
 							"max-width": get(c)?.maxWidth ?? null
 						}), g = set_class(h, 1, clsx(p() ? "scrollable-content" : ""), "svelte-171ci2i", g, { "table-cell-clamp": get(c)?.maxWidth && get(u) }), set_attribute(h, "data-pw", get(c)?.testId ? `${get(c).testId}-cell-${get(i)}` : null), set_attribute(h, "testid", get(c)?.testId ? `${get(c).testId}-cell-${get(i)}` : null);
 					}, [
@@ -16719,80 +16851,94 @@ function Table(e, t) {
 			var t = root_26$1();
 			snippet(child(t), T), reset(t), append(e, t);
 		}, me = (e) => {
-			var t = root_28(), n = child(t), i = child(n, !0);
+			var t = root_29(), n = child(t), i = child(n, !0);
 			reset(n);
-			var a = sibling(n, 2), o = child(a), s = (e) => {
-				var t = root_27(), n = child(t);
-				{
-					let e = /* @__PURE__ */ user_derived(() => get(Oe).map((e) => ({
-						id: String(e),
-						label: String(e)
-					}))), t = /* @__PURE__ */ user_derived(() => [String(get(Se))]), i = /* @__PURE__ */ user_derived(() => j().isLoading ?? !1), a = /* @__PURE__ */ user_derived(() => j().testId && `${j().testId}-page-size`);
-					Select(n, {
-						get items() {
-							return get(e);
-						},
-						get value() {
-							return get(t);
-						},
-						get disabled() {
-							return get(i);
-						},
-						usePortal: !0,
-						get testId() {
-							return get(a);
-						},
-						onchange: (e) => {
-							e.length > 0 && Ae(Number(e[0]));
-						}
-					});
-				}
-				reset(t), append(e, t);
-			};
-			if_block(o, (e) => {
-				get(Oe).length > 0 && e(s);
-			});
-			var c = sibling(o, 2);
-			{
-				let e = /* @__PURE__ */ user_derived(() => j().hasMore ?? !1), t = /* @__PURE__ */ user_derived(() => j().isLoading ?? !1), n = /* @__PURE__ */ user_derived(() => j().testId && `${j().testId}-pages`);
-				Pagination(c, {
-					get totalPages() {
-						return get(Te);
-					},
-					get currentPage() {
-						return get(Ce);
-					},
-					get hasMore() {
-						return get(e);
-					},
-					get disabled() {
-						return get(t);
-					},
-					get testId() {
-						return get(n);
-					},
-					onchange: ke,
-					get onLoadMore() {
-						return j().onLoadMore;
+			var a = sibling(n, 2), o = (e) => {
+				var t = root_28(), n = child(t), i = (e) => {
+					var t = root_27(), n = child(t);
+					{
+						let e = /* @__PURE__ */ user_derived(() => get(Oe).map((e) => ({
+							id: String(e),
+							label: String(e)
+						}))), t = /* @__PURE__ */ user_derived(() => [String(get(Se))]), i = /* @__PURE__ */ user_derived(() => j().isLoading ?? !1), a = /* @__PURE__ */ user_derived(() => j().testId && `${j().testId}-page-size`);
+						Select(n, {
+							get items() {
+								return get(e);
+							},
+							get value() {
+								return get(t);
+							},
+							get disabled() {
+								return get(i);
+							},
+							usePortal: !0,
+							get testId() {
+								return get(a);
+							},
+							onchange: (e) => {
+								e.length > 0 && Me(Number(e[0]));
+							}
+						});
 					}
+					reset(t), append(e, t);
+				};
+				if_block(n, (e) => {
+					!get(ke) && get(Oe).length > 0 && e(i);
 				});
-			}
-			reset(a), reset(t), template_effect(() => {
-				set_attribute(t, "data-pw", j().testId ?? null), set_attribute(t, "testid", j().testId ?? null), set_attribute(n, "data-pw", typeof m() == "string" ? `${m()}-paginator-range` : j()?.testId ? `${j().testId}-range` : null), set_attribute(n, "testid", typeof m() == "string" ? `${m()}-paginator-range` : j()?.testId ? `${j().testId}-range` : null), set_text(i, get(De));
+				var a = sibling(n, 2), o = (e) => {
+					{
+						let t = /* @__PURE__ */ user_derived(() => j().hasMore ?? !1), n = /* @__PURE__ */ user_derived(() => j().isLoading ?? !1), i = /* @__PURE__ */ user_derived(() => j().testId && `${j().testId}-pages`);
+						Pagination(e, {
+							get totalPages() {
+								return get(Te);
+							},
+							get currentPage() {
+								return get(Ce);
+							},
+							get hasMore() {
+								return get(t);
+							},
+							get disabled() {
+								return get(n);
+							},
+							get testId() {
+								return get(i);
+							},
+							get prevButtonTestId() {
+								return j().prevButtonTestId;
+							},
+							get nextButtonTestId() {
+								return j().nextButtonTestId;
+							},
+							onchange: je,
+							get onLoadMore() {
+								return j().onLoadMore;
+							}
+						});
+					}
+				};
+				if_block(a, (e) => {
+					get(Ae) || e(o);
+				}), reset(t), append(e, t);
+			};
+			if_block(a, (e) => {
+				(!get(ke) || !get(Ae)) && e(o);
+			}), reset(t), template_effect(() => {
+				set_attribute(t, "data-pw", j().testId ?? null), set_attribute(t, "testid", j().testId ?? null), set_attribute(n, "data-pw", j().rangeTestId ?? (typeof m() == "string" ? `${m()}-paginator-range` : j()?.testId ? `${j().testId}-range` : null)), set_attribute(n, "testid", j().rangeTestId ?? (typeof m() == "string" ? `${m()}-paginator-range` : j()?.testId ? `${j().testId}-range` : null)), set_text(i, get(De));
 			}), append(e, t);
 		};
 		if_block(ae, (e) => {
-			typeof T() == "function" ? e(de) : j() && (get(Te) > 1 || j().hasMore) && e(me, 1);
+			typeof T() == "function" ? e(de) : j() && (get(Te) > 1 || j().hasMore || j().showFooterOnSinglePage || get(ke) && get(Ae)) && e(me, 1);
 		}), reset(t), template_effect(() => {
 			set_class(t, 1, `table-container ${f() ? "scrollable-table" : ""} ${w() ?? "" ?? ""}`, "svelte-171ci2i"), set_attribute(t, "data-pw", m()), set_attribute(t, "testid", m()), i = set_class(n, 1, "table-scroll-shell svelte-171ci2i", null, i, {
-				"scrollable-left": get($),
-				"scrollable-right": get(ee)
+				"scrollable-left": get(ee),
+				"scrollable-right": get($)
 			});
 		}), append(e, t);
 	};
-	return if_block(nt, (e) => {
-		(get(B).length !== 0 || get(V).length !== 0) && e(rt);
-	}), append(e, Ye), pop(Je);
+	return if_block(it, (e) => {
+		(get(B).length !== 0 || get(V).length !== 0) && e(at);
+	}), append(e, Ze), pop(Xe);
 }
 delegate([
 	"input",
@@ -17601,7 +17747,7 @@ var TIME_DISPLAY_PATTERN = /^(1[0-2]|0?[1-9]):([0-5][0-9])\s?(AM|PM)$/i, pad = (
 };
 function DateRangePicker(e, t) {
 	push(t, !0), append_styles$1(e, $$css$23);
-	let n = "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"8\" cy=\"8\" r=\"6.25\" stroke=\"currentColor\" stroke-width=\"1.5\"/><path d=\"M8 4.5V8l2.25 1.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", i = prop(t, "rangeStart", 15, null), a = prop(t, "rangeEnd", 15, null), o = prop(t, "value", 15, null), s = prop(t, "mode", 7, "range"), c = prop(t, "minDate", 7, null), l = prop(t, "maxDate", 7, null), u = prop(t, "disabledDates", 23, () => []), d = prop(t, "maxRangeDays", 7, null), f = prop(t, "presets", 7, null), p = prop(t, "presetCheckmark", 7, !1), m = prop(t, "showDateInputs", 7, !1), h = prop(t, "showTimeSelection", 7, !1), g = prop(t, "timeSelectionLayout", 7, "toggle"), _ = prop(t, "presetToggle", 7, !1), v = prop(t, "placeholder", 7, "Select date"), y = prop(t, "dualMonth", 7), b = prop(t, "timePicker", 7), x = prop(t, "align", 7, "left"), S = prop(t, "compareStart", 15, null), C = prop(t, "compareEnd", 15, null), w = prop(t, "compareCalendar", 7), T = prop(t, "weekStartsOn", 7, 0), E = prop(t, "locale", 7), D = prop(t, "testId", 7), O = prop(t, "classes", 7), k = prop(t, "triggerSnippet", 7), A = prop(t, "triggerIcon", 7), j = prop(t, "clearable", 7, !1), M = prop(t, "initialPresetLabel", 7), N = prop(t, "compareTrigger", 7), P = prop(t, "openCompare", 15, !1), F = prop(t, "onapply", 7), I = prop(t, "onapplysingle", 7), L = prop(t, "onapplycompare", 7), R = prop(t, "oncancel", 7), z = prop(t, "onopentoggle", 7), B = prop(t, "onclear", 7), V = /* @__PURE__ */ user_derived(() => typeof y() == "boolean" ? y() : s() === "range"), H = /* @__PURE__ */ state(null), U = /* @__PURE__ */ state(null), W = /* @__PURE__ */ state(null), G = /* @__PURE__ */ state(null), K = /* @__PURE__ */ state(null), q = /* @__PURE__ */ state(null), J = /* @__PURE__ */ state("12:00 AM"), Y = /* @__PURE__ */ state("11:59 PM"), X = /* @__PURE__ */ state(!1), Z = /* @__PURE__ */ state(null), Q = /* @__PURE__ */ state(null), $ = /* @__PURE__ */ user_derived(() => get(Z) ?? (get(H) === null ? "" : Ce(get(H)))), ee = /* @__PURE__ */ user_derived(() => get(Q) ?? (get(U) === null ? "" : Ce(get(U)))), te = /* @__PURE__ */ user_derived(() => h() && g() === "inline" && s() === "range"), ne = 1440 * 60 * 1e3;
+	let n = "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"8\" cy=\"8\" r=\"6.25\" stroke=\"currentColor\" stroke-width=\"1.5\"/><path d=\"M8 4.5V8l2.25 1.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", i = prop(t, "rangeStart", 15, null), a = prop(t, "rangeEnd", 15, null), o = prop(t, "value", 15, null), s = prop(t, "mode", 7, "range"), c = prop(t, "minDate", 7, null), l = prop(t, "maxDate", 7, null), u = prop(t, "disabledDates", 23, () => []), d = prop(t, "maxRangeDays", 7, null), f = prop(t, "presets", 7, null), p = prop(t, "presetCheckmark", 7, !1), m = prop(t, "showDateInputs", 7, !1), h = prop(t, "showTimeSelection", 7, !1), g = prop(t, "timeSelectionLayout", 7, "toggle"), _ = prop(t, "presetToggle", 7, !1), v = prop(t, "placeholder", 7, "Select date"), y = prop(t, "dualMonth", 7), b = prop(t, "timePicker", 7), x = prop(t, "align", 7, "left"), S = prop(t, "compareStart", 15, null), C = prop(t, "compareEnd", 15, null), w = prop(t, "compareCalendar", 7), T = prop(t, "weekStartsOn", 7, 0), E = prop(t, "locale", 7), D = prop(t, "testId", 7), O = prop(t, "classes", 7), k = prop(t, "triggerSnippet", 7), A = prop(t, "triggerIcon", 7), j = prop(t, "clearable", 7, !1), M = prop(t, "initialPresetLabel", 7), N = prop(t, "compareTrigger", 7), P = prop(t, "openCompare", 15, !1), F = prop(t, "onapply", 7), I = prop(t, "onapplysingle", 7), L = prop(t, "onapplycompare", 7), R = prop(t, "oncancel", 7), z = prop(t, "onopentoggle", 7), B = prop(t, "onclear", 7), V = /* @__PURE__ */ user_derived(() => typeof y() == "boolean" ? y() : s() === "range"), H = /* @__PURE__ */ state(null), U = /* @__PURE__ */ state(null), W = /* @__PURE__ */ state(null), G = /* @__PURE__ */ state(null), K = /* @__PURE__ */ state(null), q = /* @__PURE__ */ state(null), J = /* @__PURE__ */ state("12:00 AM"), Y = /* @__PURE__ */ state("11:59 PM"), X = /* @__PURE__ */ state(!1), Z = /* @__PURE__ */ state(null), Q = /* @__PURE__ */ state(null), ee = /* @__PURE__ */ user_derived(() => get(Z) ?? (get(H) === null ? "" : Ce(get(H)))), $ = /* @__PURE__ */ user_derived(() => get(Q) ?? (get(U) === null ? "" : Ce(get(U)))), te = /* @__PURE__ */ user_derived(() => h() && g() === "inline" && s() === "range"), ne = 1440 * 60 * 1e3;
 	function re(e) {
 		return typeof u() == "function" ? u()(e) : u().some((t) => at(t, e));
 	}
@@ -17756,12 +17902,12 @@ function DateRangePicker(e, t) {
 		return n === null ? !0 : !((e === "start" ? t.getTime() > n.getTime() : t.getTime() < n.getTime()) || d() !== null && Math.abs(Math.round((t.getTime() - n.getTime()) / ne)) + 1 > d());
 	}
 	let qe = /* @__PURE__ */ user_derived(() => {
-		if (get($).trim() === "") return !0;
-		let e = parseDateDisplay(get($));
-		return e !== null && Ke("start", e);
-	}), Je = /* @__PURE__ */ user_derived(() => {
 		if (get(ee).trim() === "") return !0;
 		let e = parseDateDisplay(get(ee));
+		return e !== null && Ke("start", e);
+	}), Je = /* @__PURE__ */ user_derived(() => {
+		if (get($).trim() === "") return !0;
+		let e = parseDateDisplay(get($));
 		return e !== null && Ke("end", e);
 	});
 	function Ye(e) {
@@ -18214,7 +18360,7 @@ function DateRangePicker(e, t) {
 				html(y, () => n, !0), reset(y);
 				var b = sibling(y, 2);
 				remove_input_defaults(b), reset(_), reset(p), template_effect(() => {
-					o = set_class(a, 1, "drp-date-input svelte-gpybdi", null, o, { "drp-date-input-invalid": !get(qe) }), set_value(s, get($)), set_attribute(s, "aria-invalid", !get(qe)), set_attribute(s, "data-pw", D() ? `${D()}-start-date` : null), set_attribute(s, "testid", D() ? `${D()}-start-date` : null), l = set_class(c, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, l, { "drp-time-input-invalid": !get(we) }), set_attribute(d, "aria-invalid", !get(we)), set_attribute(d, "data-pw", D() ? `${D()}-start-time` : null), set_attribute(d, "testid", D() ? `${D()}-start-time` : null), h = set_class(m, 1, "drp-date-input svelte-gpybdi", null, h, { "drp-date-input-invalid": !get(Je) }), set_value(g, get(ee)), set_attribute(g, "aria-invalid", !get(Je)), set_attribute(g, "data-pw", D() ? `${D()}-end-date` : null), set_attribute(g, "testid", D() ? `${D()}-end-date` : null), v = set_class(_, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, v, { "drp-time-input-invalid": !get(Te) }), set_attribute(b, "aria-invalid", !get(Te)), set_attribute(b, "data-pw", D() ? `${D()}-end-time` : null), set_attribute(b, "testid", D() ? `${D()}-end-time` : null);
+					o = set_class(a, 1, "drp-date-input svelte-gpybdi", null, o, { "drp-date-input-invalid": !get(qe) }), set_value(s, get(ee)), set_attribute(s, "aria-invalid", !get(qe)), set_attribute(s, "data-pw", D() ? `${D()}-start-date` : null), set_attribute(s, "testid", D() ? `${D()}-start-date` : null), l = set_class(c, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, l, { "drp-time-input-invalid": !get(we) }), set_attribute(d, "aria-invalid", !get(we)), set_attribute(d, "data-pw", D() ? `${D()}-start-time` : null), set_attribute(d, "testid", D() ? `${D()}-start-time` : null), h = set_class(m, 1, "drp-date-input svelte-gpybdi", null, h, { "drp-date-input-invalid": !get(Je) }), set_value(g, get($)), set_attribute(g, "aria-invalid", !get(Je)), set_attribute(g, "data-pw", D() ? `${D()}-end-date` : null), set_attribute(g, "testid", D() ? `${D()}-end-date` : null), v = set_class(_, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, v, { "drp-time-input-invalid": !get(Te) }), set_attribute(b, "aria-invalid", !get(Te)), set_attribute(b, "data-pw", D() ? `${D()}-end-time` : null), set_attribute(b, "testid", D() ? `${D()}-end-time` : null);
 				}), delegated("input", s, (e) => Qe(e, "start")), event("blur", s, () => $e("start")), delegated("keydown", s, (e) => et(e, "start")), bind_value(d, () => get(J), (e) => set(J, e)), delegated("input", g, (e) => Qe(e, "end")), event("blur", g, () => $e("end")), delegated("keydown", g, (e) => et(e, "end")), bind_value(b, () => get(Y), (e) => set(Y, e)), append(e, t);
 			}, c = (e) => {
 				var t = root_11$4(), i = first_child(t);
@@ -18238,7 +18384,7 @@ function DateRangePicker(e, t) {
 				if_block(d, (e) => {
 					h() && e(f);
 				}), template_effect(() => {
-					a = set_class(i, 1, "drp-date-input svelte-gpybdi", null, a, { "drp-date-input-invalid": !get(qe) }), set_value(o, get($)), set_attribute(o, "aria-invalid", !get(qe)), set_attribute(o, "data-pw", D() ? `${D()}-start-date` : null), set_attribute(o, "testid", D() ? `${D()}-start-date` : null), l = set_class(c, 1, "drp-date-input svelte-gpybdi", null, l, { "drp-date-input-invalid": !get(Je) }), set_value(u, get(ee)), set_attribute(u, "aria-invalid", !get(Je)), set_attribute(u, "data-pw", D() ? `${D()}-end-date` : null), set_attribute(u, "testid", D() ? `${D()}-end-date` : null);
+					a = set_class(i, 1, "drp-date-input svelte-gpybdi", null, a, { "drp-date-input-invalid": !get(qe) }), set_value(o, get(ee)), set_attribute(o, "aria-invalid", !get(qe)), set_attribute(o, "data-pw", D() ? `${D()}-start-date` : null), set_attribute(o, "testid", D() ? `${D()}-start-date` : null), l = set_class(c, 1, "drp-date-input svelte-gpybdi", null, l, { "drp-date-input-invalid": !get(Je) }), set_value(u, get($)), set_attribute(u, "aria-invalid", !get(Je)), set_attribute(u, "data-pw", D() ? `${D()}-end-date` : null), set_attribute(u, "testid", D() ? `${D()}-end-date` : null);
 				}), delegated("input", o, (e) => Qe(e, "start")), event("blur", o, () => $e("start")), delegated("keydown", o, (e) => et(e, "start")), delegated("input", u, (e) => Qe(e, "end")), event("blur", u, () => $e("end")), delegated("keydown", u, (e) => et(e, "end")), append(e, t);
 			};
 			if_block(o, (e) => {
@@ -22633,7 +22779,7 @@ var require_lottie = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 					S = C[b].points, x = S[y - 1], g = S[y], w = g.partialLength;
 				}
 				f = p.length, l = 0, u = 0;
-				var j = e.finalSize * 1.2 * .714, M = !0, N, P, F, I = i.length, L, R, z = -1, B, V, H, U = h, W = b, G = y, K = -1, q, J, Y, X, Z, Q, $, ee, te = "", ne = this.defaultPropsArray, re;
+				var j = e.finalSize * 1.2 * .714, M = !0, N, P, F, I = i.length, L, R, z = -1, B, V, H, U = h, W = b, G = y, K = -1, q, J, Y, X, Z, Q, ee, $, te = "", ne = this.defaultPropsArray, re;
 				if (e.j === 2 || e.j === 1) {
 					var ie = 0, ae = 0, oe = e.j === 2 ? -.5 : -1, se = 0, ce = !0;
 					for (d = 0; d < f; d += 1) if (p[d].n) {
@@ -22646,7 +22792,7 @@ var require_lottie = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 					for (ie && (ie += ae); se < d;) p[se].animatorJustifyOffset = ie, se += 1;
 				}
 				for (d = 0; d < f; d += 1) {
-					if (o.reset(), q = 1, p[d].n) l = 0, u += e.yOffset, u += +!!M, h = U, M = !1, this._hasMaskedPath && (b = W, y = G, S = C[b].points, x = S[y - 1], g = S[y], w = g.partialLength, _ = 0), te = "", ee = "", Q = "", re = "", ne = this.defaultPropsArray;
+					if (o.reset(), q = 1, p[d].n) l = 0, u += e.yOffset, u += +!!M, h = U, M = !1, this._hasMaskedPath && (b = W, y = G, S = C[b].points, x = S[y - 1], g = S[y], w = g.partialLength, _ = 0), te = "", $ = "", Q = "", re = "", ne = this.defaultPropsArray;
 					else {
 						if (this._hasMaskedPath) {
 							if (K !== p[d].line) {
@@ -22690,7 +22836,7 @@ var require_lottie = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 							}
 						}
 						for (F = 0; F < I; F += 1) N = i[F].a, N.p.propType && (P = i[F].s, R = P.getMult(p[d].anIndexes[F], a.a[F].s.totalChars), this._hasMaskedPath ? R.length ? o.translate(0, N.p.v[1] * R[0], -N.p.v[2] * R[1]) : o.translate(0, N.p.v[1] * R, -N.p.v[2] * R) : R.length ? o.translate(N.p.v[0] * R[0], N.p.v[1] * R[1], -N.p.v[2] * R[2]) : o.translate(N.p.v[0] * R, N.p.v[1] * R, -N.p.v[2] * R));
-						if (e.strokeWidthAnim && (Q = Y < 0 ? 0 : Y), e.strokeColorAnim && ($ = "rgb(" + Math.round(J[0] * 255) + "," + Math.round(J[1] * 255) + "," + Math.round(J[2] * 255) + ")"), e.fillColorAnim && e.fc && (ee = "rgb(" + Math.round(X[0] * 255) + "," + Math.round(X[1] * 255) + "," + Math.round(X[2] * 255) + ")"), this._hasMaskedPath) {
+						if (e.strokeWidthAnim && (Q = Y < 0 ? 0 : Y), e.strokeColorAnim && (ee = "rgb(" + Math.round(J[0] * 255) + "," + Math.round(J[1] * 255) + "," + Math.round(J[2] * 255) + ")"), e.fillColorAnim && e.fc && ($ = "rgb(" + Math.round(X[0] * 255) + "," + Math.round(X[1] * 255) + "," + Math.round(X[2] * 255) + ")"), this._hasMaskedPath) {
 							if (o.translate(0, -e.ls), o.translate(0, n[1] * j * .01 + u, 0), this._pathData.p.v) {
 								D = (g.point[1] - x.point[1]) / (g.point[0] - x.point[0]);
 								var ue = Math.atan(D) * 180 / Math.PI;
@@ -22728,7 +22874,7 @@ var require_lottie = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 							o.props[15]
 						], re = q;
 					}
-					c <= d ? (L = new LetterProps(re, Q, $, ee, te, ne), this.renderedLetters.push(L), c += 1, this.lettersChangedFlag = !0) : (L = this.renderedLetters[d], this.lettersChangedFlag = L.update(re, Q, $, ee, te, ne) || this.lettersChangedFlag);
+					c <= d ? (L = new LetterProps(re, Q, ee, $, te, ne), this.renderedLetters.push(L), c += 1, this.lettersChangedFlag = !0) : (L = this.renderedLetters[d], this.lettersChangedFlag = L.update(re, Q, ee, $, te, ne) || this.lettersChangedFlag);
 				}
 			}
 		}, TextAnimatorProperty.prototype.getValue = function() {
@@ -25925,9 +26071,9 @@ create_custom_element(DeltaIndicator, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/lib/StatCard/StatCard.svelte
-var root$19 = /* @__PURE__ */ from_html("<span class=\"statcard-title-tooltip-trigger svelte-pfmus\"><span class=\"statcard-title statcard-title-tooltip svelte-pfmus\"> </span> <span class=\"statcard-tooltip-icon svelte-pfmus\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\" fill=\"none\" class=\"svelte-pfmus\"><circle cx=\"8\" cy=\"8\" r=\"6.5\" stroke=\"currentColor\" stroke-width=\"1.2\"></circle><rect x=\"7.25\" y=\"6.9\" width=\"1.5\" height=\"4.1\" rx=\"0.75\" fill=\"currentColor\"></rect><circle cx=\"8\" cy=\"4.8\" r=\"0.9\" fill=\"currentColor\"></circle></svg></span></span>"), root_1$18 = /* @__PURE__ */ from_html("<div class=\"statcard-title svelte-pfmus\"> </div>"), root_2$13 = /* @__PURE__ */ from_html("<div class=\"statcard-header-checkbox svelte-pfmus\"><!></div>"), root_3$12 = /* @__PURE__ */ from_html("<div class=\"statcard-header-right svelte-pfmus\"><!></div>"), root_4$10 = /* @__PURE__ */ from_html("<div class=\"statcard-header svelte-pfmus\"><div class=\"statcard-header-left svelte-pfmus\"><!> <!></div> <!></div>"), root_5$9 = /* @__PURE__ */ from_html("<div class=\"statcard-row-divider svelte-pfmus\"></div>"), root_6$9 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading statcard-row-heading-tooltip svelte-pfmus\"> </div>"), root_7$8 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading svelte-pfmus\"> </div>"), root_8$7 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading-wrap svelte-pfmus\"><!></div>"), root_9$5 = /* @__PURE__ */ from_html("<div class=\"statcard-comparison-value svelte-pfmus\"> </div>"), root_10$4 = /* @__PURE__ */ from_html("<div class=\"statcard-delta statcard-delta-na svelte-pfmus\">N/A</div>"), root_11$3 = /* @__PURE__ */ from_html("<div class=\"statcard-row-additional svelte-pfmus\"> </div>"), root_12$3 = /* @__PURE__ */ from_html("<div class=\"statcard-breakdown-heading svelte-pfmus\"> </div>"), root_13$3 = /* @__PURE__ */ from_html("<div class=\"statcard-breakdown-item svelte-pfmus\"><div class=\"statcard-breakdown-label svelte-pfmus\"> </div> <div class=\"statcard-breakdown-value-line svelte-pfmus\"><div class=\"statcard-breakdown-value svelte-pfmus\"> </div> <!></div></div>"), root_14$3 = /* @__PURE__ */ from_html("<!> <div class=\"statcard-breakdown-grid svelte-pfmus\"></div>", 1), root_15$3 = /* @__PURE__ */ from_html("<!> <div class=\"statcard-row svelte-pfmus\"><!> <div class=\"statcard-row-value-line svelte-pfmus\"><div class=\"statcard-value svelte-pfmus\"> </div> <!> <!> <!></div> <!></div>", 1), root_16$2 = /* @__PURE__ */ from_html("<div></div>"), root_17$1 = /* @__PURE__ */ from_html("<div class=\"statcard-value svelte-pfmus\"><!></div>"), root_18$1 = /* @__PURE__ */ from_html("<div class=\"statcard-value svelte-pfmus\"> </div>"), root_19$1 = /* @__PURE__ */ from_html("<div> </div>"), root_20$1 = /* @__PURE__ */ from_html("<div class=\"statcard-value-row svelte-pfmus\"><!> <!></div>"), root_21$1 = /* @__PURE__ */ from_html("<div class=\"statcard-subtitle svelte-pfmus\"> </div>"), root_22$1 = /* @__PURE__ */ from_html("<div class=\"statcard-children svelte-pfmus\"><!></div>"), root_23$1 = /* @__PURE__ */ from_html("<div class=\"statcard-footer svelte-pfmus\"><!></div>"), root_24$1 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$20 = {
+var root$19 = /* @__PURE__ */ from_html("<span class=\"statcard-title-tooltip-trigger svelte-pfmus\"><span class=\"statcard-title statcard-title-tooltip svelte-pfmus\"> </span> <span class=\"statcard-tooltip-icon svelte-pfmus\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\" fill=\"none\" class=\"svelte-pfmus\"><circle cx=\"8\" cy=\"8\" r=\"6.5\" stroke=\"currentColor\" stroke-width=\"1.2\"></circle><rect x=\"7.25\" y=\"6.9\" width=\"1.5\" height=\"4.1\" rx=\"0.75\" fill=\"currentColor\"></rect><circle cx=\"8\" cy=\"4.8\" r=\"0.9\" fill=\"currentColor\"></circle></svg></span></span>"), root_1$18 = /* @__PURE__ */ from_html("<div class=\"statcard-title svelte-pfmus\"> </div>"), root_2$13 = /* @__PURE__ */ from_html("<div class=\"statcard-header-checkbox svelte-pfmus\"><!></div>"), root_3$12 = /* @__PURE__ */ from_html("<div class=\"statcard-header-right svelte-pfmus\"><!></div>"), root_4$10 = /* @__PURE__ */ from_html("<div class=\"statcard-header svelte-pfmus\"><div class=\"statcard-header-left svelte-pfmus\"><!> <!></div> <!></div>"), root_5$9 = /* @__PURE__ */ from_html("<div class=\"statcard-row-divider svelte-pfmus\"></div>"), root_6$9 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading statcard-row-heading-tooltip svelte-pfmus\"> </div>"), root_7$8 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading svelte-pfmus\"> </div>"), root_8$7 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading-wrap svelte-pfmus\"><!></div>"), root_9$5 = /* @__PURE__ */ from_html("<div class=\"statcard-comparison-value svelte-pfmus\"> </div>"), root_10$4 = /* @__PURE__ */ from_html("<div class=\"statcard-delta statcard-delta-na svelte-pfmus\">N/A</div>"), root_11$3 = /* @__PURE__ */ from_html("<div> </div>"), root_12$3 = /* @__PURE__ */ from_html("<div class=\"statcard-row-subtitle svelte-pfmus\"> </div>"), root_13$3 = /* @__PURE__ */ from_html("<div class=\"statcard-breakdown-heading svelte-pfmus\"> </div>"), root_14$3 = /* @__PURE__ */ from_html("<div class=\"statcard-breakdown-item svelte-pfmus\"><div class=\"statcard-breakdown-label svelte-pfmus\"> </div> <div class=\"statcard-breakdown-value-line svelte-pfmus\"><div class=\"statcard-breakdown-value svelte-pfmus\"> </div> <!></div></div>"), root_15$3 = /* @__PURE__ */ from_html("<!> <div class=\"statcard-breakdown-grid svelte-pfmus\"></div>", 1), root_16$2 = /* @__PURE__ */ from_html("<!> <div class=\"statcard-row svelte-pfmus\"><!> <div class=\"statcard-row-value-line svelte-pfmus\"><div> </div> <!> <!> <!></div> <!> <!></div>", 1), root_17$1 = /* @__PURE__ */ from_html("<div></div>"), root_18$1 = /* @__PURE__ */ from_html("<div class=\"statcard-value svelte-pfmus\"><!></div>"), root_19$1 = /* @__PURE__ */ from_html("<div class=\"statcard-value svelte-pfmus\"> </div>"), root_20$1 = /* @__PURE__ */ from_html("<div class=\"statcard-value-row svelte-pfmus\"><!> <!></div>"), root_21$1 = /* @__PURE__ */ from_html("<div class=\"statcard-subtitle svelte-pfmus\"> </div>"), root_22$1 = /* @__PURE__ */ from_html("<div class=\"statcard-children svelte-pfmus\"><!></div>"), root_23$1 = /* @__PURE__ */ from_html("<div class=\"statcard-footer svelte-pfmus\"><!></div>"), root_24$1 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$20 = {
 	hash: "svelte-pfmus",
-	code: ".statcard.svelte-pfmus {display:flex;flex-direction:column;gap:var(--statcard-gap, 4px);padding:var(--statcard-padding, 16px);background:var(--statcard-background, #ffffff);border:var(--statcard-border, 1px solid #e5e7eb);border-radius:var(--statcard-border-radius, var(--radius, 4px));box-shadow:var(--statcard-box-shadow, none);width:var(--statcard-width, auto);min-width:var(--statcard-min-width, 0);max-width:var(--statcard-max-width, none);height:var(--statcard-height, auto);color:var(--statcard-color, inherit);cursor:var(--statcard-cursor, default);box-sizing:border-box;}.statcard-interactive.svelte-pfmus {cursor:var(--statcard-cursor, pointer);}.statcard-interactive.svelte-pfmus:focus-visible {outline:var(--statcard-focus-outline, 2px solid currentColor);outline-offset:var(--statcard-focus-outline-offset, 2px);}.statcard-header.svelte-pfmus {order:var(--statcard-header-order, 0);display:flex;align-items:center;justify-content:space-between;gap:var(--statcard-header-gap, 8px);}.statcard-header-left.svelte-pfmus {display:flex;align-items:center;gap:var(--statcard-header-left-gap, 8px);flex:1;min-width:0;}.statcard-header-right.svelte-pfmus {display:flex;align-items:center;flex-shrink:0;}\n\n  /* Wrapper keeps the checkbox in the event path (to stop bubbling to the card\n     action). `margin-left: auto` pushes it to the header's right edge so the title\n     stays left and the checkbox reads as a right-aligned control. (A previous\n     `display: contents` here removed the box, which silently defeated the flex\n     alignment.) */.statcard-header-checkbox.svelte-pfmus {display:flex;align-items:center;margin-left:auto;}.statcard-title.svelte-pfmus {font-size:var(--statcard-title-font-size, 12px);font-weight:var(--statcard-title-font-weight, 500);color:var(--statcard-title-color, #6b7280);line-height:var(--statcard-title-line-height, 1.4);white-space:var(--statcard-title-white-space, nowrap);overflow:hidden;text-overflow:ellipsis;}.statcard-title-tooltip-trigger.svelte-pfmus {display:inline-flex;align-items:center;gap:var(--statcard-tooltip-icon-gap, 4px);min-width:0;}.statcard-title-tooltip.svelte-pfmus {cursor:default;\n    /* Default surface (Euler) uses the ⓘ icon as the tooltip affordance, so the\n       title carries no underline. The Shopify theme flips both tokens — dotted\n       underline on, icon off — via its own stylesheet. */text-decoration:var(--statcard-title-tooltip-decoration, none);text-underline-offset:2px;}.statcard-tooltip-icon.svelte-pfmus {display:var(--statcard-tooltip-icon-display, inline-flex);align-items:center;justify-content:center;width:var(--statcard-tooltip-icon-size, 14px);height:var(--statcard-tooltip-icon-size, 14px);flex-shrink:0;color:var(--statcard-tooltip-icon-color, currentColor);cursor:default;}.statcard-tooltip-icon.svelte-pfmus svg:where(.svelte-pfmus) {width:100%;height:100%;}.statcard-value-row.svelte-pfmus {order:var(--statcard-value-row-order, 0);display:flex;align-items:var(--statcard-value-row-align, baseline);gap:var(--statcard-value-row-gap, 8px);flex-wrap:wrap;}.statcard-value.svelte-pfmus {font-size:var(--statcard-value-font-size, 24px);font-weight:var(--statcard-value-font-weight, 600);color:var(--statcard-value-color, inherit);line-height:var(--statcard-value-line-height, 1.2);}.statcard-delta.svelte-pfmus {font-size:var(--statcard-delta-font-size, 13px);font-weight:var(--statcard-delta-font-weight, 500);color:var(--statcard-delta-color, #6b7280);line-height:var(--statcard-delta-line-height, 1.4);}.statcard-delta-positive.svelte-pfmus {color:var(--statcard-delta-positive-color, #16a34a);}.statcard-delta-negative.svelte-pfmus {color:var(--statcard-delta-negative-color, #dc2626);}.statcard-delta-na.svelte-pfmus {color:var(--statcard-delta-na-color, var(--statcard-delta-color, #6b7280));}\n\n  /* Inline comparison denominator (\"₹60k / ₹10L\") — a muted, slightly smaller\n     companion to the metric value, baseline-aligned by the value row. */.statcard-comparison-value.svelte-pfmus {font-size:var(--statcard-comparison-font-size, 16px);font-weight:var(--statcard-comparison-font-weight, 700);color:var(--statcard-comparison-color, #c7c7c7);line-height:var(--statcard-comparison-line-height, 1.4);white-space:nowrap;}.statcard-subtitle.svelte-pfmus {order:var(--statcard-subtitle-order, 0);font-size:var(--statcard-subtitle-font-size, 12px);font-weight:var(--statcard-subtitle-font-weight, 400);color:var(--statcard-subtitle-color, #9ca3af);line-height:var(--statcard-subtitle-line-height, 1.4);}\n\n  /* Multi-row layout */.statcard-rows.svelte-pfmus {order:var(--statcard-rows-order, 0);display:flex;flex-direction:column;gap:var(--statcard-rows-gap, 0px);}.statcard-row-divider.svelte-pfmus {height:var(--statcard-row-divider-height, 1px);background:var(--statcard-row-divider-color, #e5e7eb);margin:var(--statcard-row-divider-margin, 8px 0);}\n\n  /* Horizontal layout: lay the metric sections side by side with vertical\n     dividers. Each section flexes to share the available width equally. */.statcard-rows-horizontal.svelte-pfmus {flex-direction:row;}.statcard-rows-horizontal.svelte-pfmus .statcard-row:where(.svelte-pfmus) {flex:1;min-width:0;}.statcard-rows-horizontal.svelte-pfmus .statcard-row-divider:where(.svelte-pfmus) {align-self:stretch;flex-shrink:0;width:var(--statcard-row-divider-height, 1px);height:auto;margin:var(--statcard-row-divider-margin-horizontal, 0 16px);}.statcard-row.svelte-pfmus {display:flex;flex-direction:column;gap:var(--statcard-row-gap, 4px);}.statcard-row-heading-wrap.svelte-pfmus {display:flex;align-items:center;}.statcard-row-heading.svelte-pfmus {font-size:var(--statcard-row-heading-font-size, 12px);font-weight:var(--statcard-row-heading-font-weight, 500);color:var(--statcard-row-heading-color, #6b7280);line-height:var(--statcard-row-heading-line-height, 1.4);}.statcard-row-heading-tooltip.svelte-pfmus {cursor:default;text-decoration:underline dotted;text-underline-offset:2px;}.statcard-row-value-line.svelte-pfmus {display:flex;align-items:baseline;gap:var(--statcard-row-value-gap, 8px);flex-wrap:wrap;}.statcard-row-additional.svelte-pfmus {font-size:var(--statcard-row-additional-font-size, 12px);font-weight:var(--statcard-row-additional-font-weight, 400);color:var(--statcard-row-additional-color, #9ca3af);line-height:1.4;}\n\n  /* Breakdown grid */.statcard-breakdown-heading.svelte-pfmus {font-size:var(--statcard-breakdown-heading-font-size, 11px);font-weight:var(--statcard-breakdown-heading-font-weight, 600);color:var(--statcard-breakdown-heading-color, #6b7280);letter-spacing:0.04em;text-transform:var(--statcard-breakdown-heading-text-transform, uppercase);margin-top:var(--statcard-breakdown-heading-margin-top, 6px);}.statcard-breakdown-grid.svelte-pfmus {display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--statcard-breakdown-col-min, 100px), 1fr));gap:var(--statcard-breakdown-gap, 8px);margin-top:var(--statcard-breakdown-margin-top, 4px);}.statcard-breakdown-item.svelte-pfmus {display:flex;flex-direction:var(--statcard-breakdown-item-flex-direction, column);align-items:var(--statcard-breakdown-item-align-items, stretch);flex-wrap:var(--statcard-breakdown-item-flex-wrap, nowrap);gap:var(--statcard-breakdown-item-gap, 2px);}\n\n  /* The metric value and its change indicator share one line (label sits above\n     as the caption). Previously the delta was a third stacked child, so it\n     rendered on its own line beneath the number. */.statcard-breakdown-value-line.svelte-pfmus {order:var(--statcard-breakdown-value-line-order, 0);display:flex;align-items:baseline;gap:var(--statcard-breakdown-value-gap, 6px);flex-wrap:wrap;}.statcard-breakdown-label.svelte-pfmus {font-size:var(--statcard-breakdown-label-font-size, 11px);font-weight:var(--statcard-breakdown-label-font-weight, 400);color:var(--statcard-breakdown-label-color, #9ca3af);line-height:1.4;}.statcard-breakdown-value.svelte-pfmus {font-size:var(--statcard-breakdown-value-font-size, 14px);font-weight:var(--statcard-breakdown-value-font-weight, 600);color:var(--statcard-breakdown-value-color, inherit);line-height:1.2;}.statcard-children.svelte-pfmus {margin-top:var(--statcard-children-margin-top, 4px);}.statcard-footer.svelte-pfmus {margin-top:var(--statcard-footer-margin-top, 8px);padding-top:var(--statcard-footer-padding-top, 8px);border-top:var(--statcard-footer-border-top, 1px solid #e5e7eb);}"
+	code: ".statcard.svelte-pfmus {display:flex;flex-direction:column;gap:var(--statcard-gap, 4px);padding:var(--statcard-padding, 16px);background:var(--statcard-background, #ffffff);border:var(--statcard-border, 1px solid #e5e7eb);border-radius:var(--statcard-border-radius, var(--radius, 4px));box-shadow:var(--statcard-box-shadow, none);width:var(--statcard-width, auto);min-width:var(--statcard-min-width, 0);max-width:var(--statcard-max-width, none);height:var(--statcard-height, auto);color:var(--statcard-color, inherit);cursor:var(--statcard-cursor, default);box-sizing:border-box;}.statcard-interactive.svelte-pfmus {cursor:var(--statcard-cursor, pointer);}.statcard-interactive.svelte-pfmus:focus-visible {outline:var(--statcard-focus-outline, 2px solid currentColor);outline-offset:var(--statcard-focus-outline-offset, 2px);}.statcard-header.svelte-pfmus {order:var(--statcard-header-order, 0);display:flex;align-items:center;justify-content:space-between;gap:var(--statcard-header-gap, 8px);}.statcard-header-left.svelte-pfmus {display:flex;align-items:center;gap:var(--statcard-header-left-gap, 8px);flex:1;min-width:0;}.statcard-header-right.svelte-pfmus {display:flex;align-items:center;flex-shrink:0;}\n\n  /* Wrapper keeps the checkbox in the event path (to stop bubbling to the card\n     action). `margin-left: auto` pushes it to the header's right edge so the title\n     stays left and the checkbox reads as a right-aligned control. (A previous\n     `display: contents` here removed the box, which silently defeated the flex\n     alignment.) */.statcard-header-checkbox.svelte-pfmus {display:flex;align-items:center;margin-left:auto;}.statcard-title.svelte-pfmus {font-size:var(--statcard-title-font-size, 12px);font-weight:var(--statcard-title-font-weight, 500);color:var(--statcard-title-color, #6b7280);line-height:var(--statcard-title-line-height, 1.4);white-space:var(--statcard-title-white-space, nowrap);overflow:hidden;text-overflow:ellipsis;}.statcard-title-tooltip-trigger.svelte-pfmus {display:inline-flex;align-items:center;gap:var(--statcard-tooltip-icon-gap, 4px);min-width:0;}.statcard-title-tooltip.svelte-pfmus {cursor:default;\n    /* Default surface (Euler) uses the ⓘ icon as the tooltip affordance, so the\n       title carries no underline. The Shopify theme flips both tokens — dotted\n       underline on, icon off — via its own stylesheet. */text-decoration:var(--statcard-title-tooltip-decoration, none);text-underline-offset:2px;}.statcard-tooltip-icon.svelte-pfmus {display:var(--statcard-tooltip-icon-display, inline-flex);align-items:center;justify-content:center;width:var(--statcard-tooltip-icon-size, 14px);height:var(--statcard-tooltip-icon-size, 14px);flex-shrink:0;color:var(--statcard-tooltip-icon-color, currentColor);cursor:default;}.statcard-tooltip-icon.svelte-pfmus svg:where(.svelte-pfmus) {width:100%;height:100%;}.statcard-value-row.svelte-pfmus {order:var(--statcard-value-row-order, 0);display:flex;align-items:var(--statcard-value-row-align, baseline);gap:var(--statcard-value-row-gap, 8px);flex-wrap:wrap;}.statcard-value.svelte-pfmus {font-size:var(--statcard-value-font-size, 24px);font-weight:var(--statcard-value-font-weight, 600);color:var(--statcard-value-color, inherit);line-height:var(--statcard-value-line-height, 1.2);}.statcard-value-success.svelte-pfmus {color:var(--statcard-value-success-color, #16a34a);}.statcard-value-warning.svelte-pfmus {color:var(--statcard-value-warning-color, #f59e0b);}\n\n  /* Per-row value typography override — falls back to the card-level value\n     tokens so an unset row matches today's shared appearance exactly, then to\n     the same literals as the last resort. Scoped to the row's value line so\n     the single (non-rows) card value is unaffected. Mirrors the fallback\n     shape of --statcard-row-subtitle-font-size below. */.statcard-row-value-line.svelte-pfmus .statcard-value:where(.svelte-pfmus) {font-size:var(--statcard-row-value-font-size, var(--statcard-value-font-size, 24px));font-weight:var(--statcard-row-value-font-weight, var(--statcard-value-font-weight, 600));}.statcard-delta.svelte-pfmus {font-size:var(--statcard-delta-font-size, 13px);font-weight:var(--statcard-delta-font-weight, 500);color:var(--statcard-delta-color, #6b7280);line-height:var(--statcard-delta-line-height, 1.4);}.statcard-delta-positive.svelte-pfmus {color:var(--statcard-delta-positive-color, #16a34a);}.statcard-delta-negative.svelte-pfmus {color:var(--statcard-delta-negative-color, #dc2626);}.statcard-delta-na.svelte-pfmus {color:var(--statcard-delta-na-color, var(--statcard-delta-color, #6b7280));}\n\n  /* Inline comparison denominator (\"₹60k / ₹10L\") — a muted, slightly smaller\n     companion to the metric value, baseline-aligned by the value row. */.statcard-comparison-value.svelte-pfmus {font-size:var(--statcard-comparison-font-size, 16px);font-weight:var(--statcard-comparison-font-weight, 700);color:var(--statcard-comparison-color, #c7c7c7);line-height:var(--statcard-comparison-line-height, 1.4);white-space:nowrap;}.statcard-subtitle.svelte-pfmus {order:var(--statcard-subtitle-order, 0);font-size:var(--statcard-subtitle-font-size, 12px);font-weight:var(--statcard-subtitle-font-weight, 400);color:var(--statcard-subtitle-color, #9ca3af);line-height:var(--statcard-subtitle-line-height, 1.4);}\n\n  /* Per-row subtitle — falls back to the card-level subtitle tokens so a\n     consumer that already themes `.statcard-subtitle` gets a matching look\n     with no extra wiring, then to the same literals as the last resort. */.statcard-row-subtitle.svelte-pfmus {order:var(--statcard-row-subtitle-order, 0);font-size:var(--statcard-row-subtitle-font-size, var(--statcard-subtitle-font-size, 12px));font-weight:var(\n      --statcard-row-subtitle-font-weight,\n      var(--statcard-subtitle-font-weight, 400)\n    );color:var(--statcard-row-subtitle-color, var(--statcard-subtitle-color, #9ca3af));line-height:var(\n      --statcard-row-subtitle-line-height,\n      var(--statcard-subtitle-line-height, 1.4)\n    );}\n\n  /* Multi-row layout */.statcard-rows.svelte-pfmus {order:var(--statcard-rows-order, 0);display:flex;flex-direction:column;gap:var(--statcard-rows-gap, 0px);}.statcard-row-divider.svelte-pfmus {height:var(--statcard-row-divider-height, 1px);background:var(--statcard-row-divider-color, #e5e7eb);margin:var(--statcard-row-divider-margin, 8px 0);}\n\n  /* Horizontal layout: lay the metric sections side by side with vertical\n     dividers. Each section flexes to share the available width equally. */.statcard-rows-horizontal.svelte-pfmus {flex-direction:row;}.statcard-rows-horizontal.svelte-pfmus .statcard-row:where(.svelte-pfmus) {flex:1;min-width:0;}.statcard-rows-horizontal.svelte-pfmus .statcard-row-divider:where(.svelte-pfmus) {align-self:stretch;flex-shrink:0;width:var(--statcard-row-divider-height, 1px);height:auto;margin:var(--statcard-row-divider-margin-horizontal, 0 16px);}.statcard-row.svelte-pfmus {display:flex;flex-direction:column;gap:var(--statcard-row-gap, 4px);}.statcard-row-heading-wrap.svelte-pfmus {order:var(--statcard-row-heading-order, 0);display:flex;align-items:center;}.statcard-row-heading.svelte-pfmus {font-size:var(--statcard-row-heading-font-size, 12px);font-weight:var(--statcard-row-heading-font-weight, 500);color:var(--statcard-row-heading-color, #6b7280);line-height:var(--statcard-row-heading-line-height, 1.4);}.statcard-row-heading-tooltip.svelte-pfmus {cursor:default;text-decoration:underline dotted;text-underline-offset:2px;}.statcard-row-value-line.svelte-pfmus {order:var(--statcard-row-value-line-order, 0);display:flex;align-items:baseline;gap:var(--statcard-row-value-gap, 8px);flex-wrap:wrap;}.statcard-row-additional.svelte-pfmus {\n    /* Default: flows inline in the wrapping flex row and only breaks if it\n       does not fit — matches short unit suffixes like \"%\" or \"ms\". */font-size:var(--statcard-row-additional-font-size, 12px);font-weight:var(--statcard-row-additional-font-weight, 400);color:var(--statcard-row-additional-color, #9ca3af);line-height:1.4;}.statcard-row-additional-break.svelte-pfmus {\n    /* Opt-in: forces its own line regardless of available width, for\n       descriptive text that should never sit beside the value/delta. */flex-basis:var(--statcard-row-additional-flex-basis, 100%);}\n\n  /* Breakdown grid */.statcard-breakdown-heading.svelte-pfmus {font-size:var(--statcard-breakdown-heading-font-size, 11px);font-weight:var(--statcard-breakdown-heading-font-weight, 600);color:var(--statcard-breakdown-heading-color, #6b7280);letter-spacing:0.04em;text-transform:var(--statcard-breakdown-heading-text-transform, uppercase);margin-top:var(--statcard-breakdown-heading-margin-top, 6px);}.statcard-breakdown-grid.svelte-pfmus {display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--statcard-breakdown-col-min, 100px), 1fr));gap:var(--statcard-breakdown-gap, 8px);margin-top:var(--statcard-breakdown-margin-top, 4px);}.statcard-breakdown-item.svelte-pfmus {display:flex;flex-direction:var(--statcard-breakdown-item-flex-direction, column);align-items:var(--statcard-breakdown-item-align-items, stretch);flex-wrap:var(--statcard-breakdown-item-flex-wrap, nowrap);gap:var(--statcard-breakdown-item-gap, 2px);}\n\n  /* The metric value and its change indicator share one line (label sits above\n     as the caption). Previously the delta was a third stacked child, so it\n     rendered on its own line beneath the number. */.statcard-breakdown-value-line.svelte-pfmus {order:var(--statcard-breakdown-value-line-order, 0);display:flex;align-items:baseline;gap:var(--statcard-breakdown-value-gap, 6px);flex-wrap:wrap;}.statcard-breakdown-label.svelte-pfmus {font-size:var(--statcard-breakdown-label-font-size, 11px);font-weight:var(--statcard-breakdown-label-font-weight, 400);color:var(--statcard-breakdown-label-color, #9ca3af);line-height:1.4;}.statcard-breakdown-value.svelte-pfmus {font-size:var(--statcard-breakdown-value-font-size, 14px);font-weight:var(--statcard-breakdown-value-font-weight, 600);color:var(--statcard-breakdown-value-color, inherit);line-height:1.2;}.statcard-children.svelte-pfmus {margin-top:var(--statcard-children-margin-top, 4px);}.statcard-footer.svelte-pfmus {margin-top:var(--statcard-footer-margin-top, 8px);padding-top:var(--statcard-footer-padding-top, 8px);border-top:var(--statcard-footer-border-top, 1px solid #e5e7eb);}"
 };
 function StatCard(e, t) {
 	push(t, !0), append_styles$1(e, $$css$20);
@@ -26111,10 +26257,10 @@ function StatCard(e, t) {
 		get(T) && e(N);
 	});
 	var P = sibling(M, 2), F = (e) => {
-		var t = root_16$2();
+		var t = root_17$1();
 		let n;
 		each(t, 21, u, index, (e, t, n) => {
-			var i = root_15$3(), a = first_child(i), o = (e) => {
+			var i = root_16$2(), a = first_child(i), o = (e) => {
 				var t = root_5$9();
 				template_effect(() => {
 					set_attribute(t, "data-pw", typeof g() == "string" ? `${g()}-row-divider-${n}` : null), set_attribute(t, "testid", typeof g() == "string" ? `${g()}-row-divider-${n}` : null);
@@ -26155,18 +26301,20 @@ function StatCard(e, t) {
 			if_block(c, (e) => {
 				typeof get(t).heading == "string" && get(t).heading.length > 0 && e(l);
 			});
-			var u = sibling(c, 2), d = child(u), f = child(d, !0);
+			var u = sibling(c, 2), d = child(u);
+			let f;
+			var p = child(d, !0);
 			reset(d);
-			var p = sibling(d, 2), m = (e) => {
+			var m = sibling(d, 2), h = (e) => {
 				var i = root_9$5(), a = child(i);
 				reset(i), template_effect(() => {
 					set_attribute(i, "data-pw", typeof g() == "string" ? `${g()}-comparison-${n}` : null), set_attribute(i, "testid", typeof g() == "string" ? `${g()}-comparison-${n}` : null), set_text(a, `/ ${get(t).comparisonValue ?? ""}`);
 				}), append(e, i);
 			};
-			if_block(p, (e) => {
-				typeof get(t).comparisonValue == "string" && get(t).comparisonValue.length > 0 && e(m);
+			if_block(m, (e) => {
+				typeof get(t).comparisonValue == "string" && get(t).comparisonValue.length > 0 && e(h);
 			});
-			var h = sibling(p, 2), _ = (e) => {
+			var _ = sibling(m, 2), v = (e) => {
 				{
 					let i = /* @__PURE__ */ user_derived(() => get(t).invertChangeColors ?? !1), a = /* @__PURE__ */ user_derived(() => g() ? `${g()}-delta-${n}` : null);
 					DeltaIndicator(e, {
@@ -26181,25 +26329,38 @@ function StatCard(e, t) {
 						}
 					});
 				}
-			}, v = (e) => {
+			}, y = (e) => {
 				var t = root_10$4();
 				template_effect(() => {
 					set_attribute(t, "data-pw", typeof g() == "string" ? `${g()}-delta-na-${n}` : null), set_attribute(t, "testid", typeof g() == "string" ? `${g()}-delta-na-${n}` : null);
 				}), append(e, t);
 			};
-			if_block(h, (e) => {
-				typeof get(t).change == "number" ? e(_) : get(t).change === null && e(v, 1);
+			if_block(_, (e) => {
+				typeof get(t).change == "number" ? e(v) : get(t).change === null && e(y, 1);
 			});
-			var y = sibling(h, 2), b = (e) => {
-				var n = root_11$3(), i = child(n, !0);
-				reset(n), template_effect(() => set_text(i, get(t).additionalContent)), append(e, n);
+			var b = sibling(_, 2), x = (e) => {
+				var i = root_11$3();
+				let a;
+				var o = child(i, !0);
+				reset(i), template_effect(() => {
+					a = set_class(i, 1, "statcard-row-additional svelte-pfmus", null, a, { "statcard-row-additional-break": get(t).additionalContentBreak === !0 }), set_attribute(i, "data-pw", typeof g() == "string" ? `${g()}-additional-${n}` : null), set_attribute(i, "testid", typeof g() == "string" ? `${g()}-additional-${n}` : null), set_text(o, get(t).additionalContent);
+				}), append(e, i);
 			};
-			if_block(y, (e) => {
-				typeof get(t).additionalContent == "string" && get(t).additionalContent.length > 0 && e(b);
+			if_block(b, (e) => {
+				typeof get(t).additionalContent == "string" && get(t).additionalContent.length > 0 && e(x);
 			}), reset(u);
-			var x = sibling(u, 2), S = (e) => {
-				var i = root_14$3(), a = first_child(i), o = (e) => {
-					var n = root_12$3(), i = child(n, !0);
+			var S = sibling(u, 2), C = (e) => {
+				var i = root_12$3(), a = child(i, !0);
+				reset(i), template_effect(() => {
+					set_attribute(i, "data-pw", typeof g() == "string" ? `${g()}-subtitle-${n}` : null), set_attribute(i, "testid", typeof g() == "string" ? `${g()}-subtitle-${n}` : null), set_text(a, get(t).subtitle);
+				}), append(e, i);
+			};
+			if_block(S, (e) => {
+				typeof get(t).subtitle == "string" && get(t).subtitle.length > 0 && e(C);
+			});
+			var w = sibling(S, 2), T = (e) => {
+				var i = root_15$3(), a = first_child(i), o = (e) => {
+					var n = root_13$3(), i = child(n, !0);
 					reset(n), template_effect(() => set_text(i, get(t).breakdownHeading)), append(e, n);
 				};
 				if_block(a, (e) => {
@@ -26207,7 +26368,7 @@ function StatCard(e, t) {
 				});
 				var s = sibling(a, 2);
 				each(s, 21, () => get(t).breakdown, index, (e, t, i) => {
-					var a = root_13$3(), o = child(a), s = child(o, !0);
+					var a = root_14$3(), o = child(a), s = child(o, !0);
 					reset(o);
 					var c = sibling(o, 2), l = child(c), u = child(l, !0);
 					reset(l);
@@ -26230,23 +26391,26 @@ function StatCard(e, t) {
 						set_attribute(a, "data-pw", typeof g() == "string" ? `${g()}-breakdown-item-${n}-${i}` : null), set_attribute(a, "testid", typeof g() == "string" ? `${g()}-breakdown-item-${n}-${i}` : null), set_text(s, get(t).label), set_text(u, get(t).value);
 					}), append(e, a);
 				}), reset(s), append(e, i);
-			}, C = /* @__PURE__ */ user_derived(() => Array.isArray(get(t).breakdown) && get(t).breakdown.length > 0);
-			if_block(x, (e) => {
-				get(C) && e(S);
+			}, E = /* @__PURE__ */ user_derived(() => Array.isArray(get(t).breakdown) && get(t).breakdown.length > 0);
+			if_block(w, (e) => {
+				get(E) && e(T);
 			}), reset(s), template_effect(() => {
-				set_attribute(s, "data-pw", typeof get(t).testId == "string" ? get(t).testId : null), set_attribute(s, "testid", typeof get(t).testId == "string" ? get(t).testId : null), set_attribute(d, "data-pw", typeof g() == "string" ? `${g()}-value-${n}` : null), set_attribute(d, "testid", typeof g() == "string" ? `${g()}-value-${n}` : null), set_text(f, get(t).value);
+				set_attribute(s, "data-pw", typeof get(t).testId == "string" ? get(t).testId : null), set_attribute(s, "testid", typeof get(t).testId == "string" ? get(t).testId : null), f = set_class(d, 1, "statcard-value svelte-pfmus", null, f, {
+					"statcard-value-success": get(t).valueVariant === "success",
+					"statcard-value-warning": get(t).valueVariant === "warning"
+				}), set_attribute(d, "data-pw", typeof g() == "string" ? `${g()}-value-${n}` : null), set_attribute(d, "testid", typeof g() == "string" ? `${g()}-value-${n}` : null), set_text(p, get(t).value);
 			}), append(e, i);
 		}), reset(t), template_effect(() => {
 			n = set_class(t, 1, "statcard-rows svelte-pfmus", null, n, { "statcard-rows-horizontal": d() === "row" }), set_attribute(t, "data-pw", typeof g() == "string" ? `${g()}-rows` : null), set_attribute(t, "testid", typeof g() == "string" ? `${g()}-rows` : null);
 		}), append(e, t);
 	}, I = (e) => {
 		var t = root_20$1(), n = child(t), o = (e) => {
-			var t = root_17$1();
+			var t = root_18$1();
 			snippet(child(t), l), reset(t), template_effect(() => {
 				set_attribute(t, "data-pw", typeof g() == "string" ? `${g()}-value` : null), set_attribute(t, "testid", typeof g() == "string" ? `${g()}-value` : null);
 			}), append(e, t);
 		}, s = (e) => {
-			var t = root_18$1(), n = child(t, !0);
+			var t = root_19$1(), n = child(t, !0);
 			reset(t), template_effect(() => {
 				set_attribute(t, "data-pw", typeof g() == "string" ? `${g()}-value` : null), set_attribute(t, "testid", typeof g() == "string" ? `${g()}-value` : null), set_text(n, i());
 			}), append(e, t);
@@ -26255,7 +26419,7 @@ function StatCard(e, t) {
 			typeof l() == "function" ? e(o) : typeof i() == "string" && i().length > 0 && e(s, 1);
 		});
 		var c = sibling(n, 2), u = (e) => {
-			var t = root_19$1();
+			var t = root_11$3();
 			let n;
 			var i = child(t, !0);
 			reset(t), template_effect(() => {
@@ -27790,7 +27954,7 @@ function MediaUpload(e, t) {
 			p() || e(f);
 		}), reset(i), template_effect(() => a = set_class(i, 1, "card svelte-nabf7u", null, a, { "is-file": !get(t).isImage })), append(e, i);
 	});
-	var Q = sibling(Z, 2), $ = (e) => {
+	var Q = sibling(Z, 2), ee = (e) => {
 		var t = root_14$2();
 		let i;
 		var a = child(t), c = child(a), u = (e) => {
@@ -27823,13 +27987,13 @@ function MediaUpload(e, t) {
 		}), event("dragover", t, B), event("dragleave", t, V), event("drop", t, z), delegated("change", y, R), append(e, t);
 	};
 	if_block(Q, (e) => {
-		get(j) && e($);
+		get(j) && e(ee);
 	}), reset(X);
-	var ee = sibling(X, 2), te = (e) => {
+	var $ = sibling(X, 2), te = (e) => {
 		var t = root_15$2(), n = child(t, !0);
 		reset(t), template_effect(() => set_text(n, get(O))), append(e, t);
 	};
-	return if_block(ee, (e) => {
+	return if_block($, (e) => {
 		get(O).length > 0 && e(te);
 	}), reset(W), template_effect(() => {
 		G = set_class(W, 1, `media-upload ${E() ?? "" ?? ""}`, "svelte-nabf7u", G, { disabled: p() }), set_attribute(W, "data-pw", typeof T() == "string" ? T() : null);
@@ -28473,8 +28637,8 @@ function Gallery(e, t) {
 		set classes(e) {
 			E(e), flushSync();
 		}
-	}, $ = root_15$1(), ee = first_child($);
-	each(ee, 21, i, index, (e, t, a) => {
+	}, ee = root_15$1(), $ = first_child(ee);
+	each($, 21, i, index, (e, t, a) => {
 		var o = root_8$5(), s = child(o), l = (e) => {
 			var o = root_4$7();
 			n(child(o), () => get(t), () => a), reset(o), template_effect(() => set_attribute(o, "aria-label", c() ? `View image ${a + 1} of ${i().length}: ${get(t).alt}` : get(t).alt)), delegated("click", o, (e) => K(a, e)), append(e, o);
@@ -28530,8 +28694,8 @@ function Gallery(e, t) {
 		if_block(d, (e) => {
 			get(z) && e(f);
 		}), reset(o), append(e, o);
-	}), reset(ee);
-	var te = sibling(ee, 2), ne = (e) => {
+	}), reset($);
+	var te = sibling($, 2), ne = (e) => {
 		var t = root_14$1(), n = child(t);
 		Button(child(n), {
 			ariaLabel: "Close gallery",
@@ -28606,8 +28770,8 @@ function Gallery(e, t) {
 	return if_block(te, (e) => {
 		o() && e(ne);
 	}), template_effect(() => {
-		set_class(ee, 1, `gallery ${a() ?? ""} ${get(I) ? "has-item-footer" : ""} ${E() ?? "" ?? ""}`, "svelte-14wkit2"), set_attribute(ee, "data-pw", typeof v() == "string" ? v() : null);
-	}), append(e, $), pop(Q);
+		set_class($, 1, `gallery ${a() ?? ""} ${get(I) ? "has-item-footer" : ""} ${E() ?? "" ?? ""}`, "svelte-14wkit2"), set_attribute($, "data-pw", typeof v() == "string" ? v() : null);
+	}), append(e, ee), pop(Q);
 }
 delegate(["click", "keydown"]), create_custom_element(Gallery, {
 	images: {},
@@ -29066,7 +29230,7 @@ function ChatMessage(e, t) {
 	if_block(Z, (e) => {
 		typeof d() == "function" && e(Q);
 	});
-	var $ = sibling(Z, 2), ee = (e) => {
+	var ee = sibling(Z, 2), $ = (e) => {
 		var t = root_9$2(), n = child(t), i = (e) => {
 			var t = root_7$4();
 			Button(child(t), {
@@ -29146,8 +29310,8 @@ function ChatMessage(e, t) {
 			typeof p() == "function" && e(u);
 		}), reset(t), append(e, t);
 	};
-	return if_block($, (e) => {
-		get(M) && e(ee);
+	return if_block(ee, (e) => {
+		get(M) && e($);
 	}), reset(V), reset(R), reset(I), template_effect(() => {
 		L = set_class(I, 1, `chat-message party-${get(C) ?? ""} role-${n() ?? ""} ${S() ?? "" ?? ""}`, "svelte-ivh8u", L, {
 			streaming: s(),
@@ -29185,39 +29349,39 @@ var root$8 = /* @__PURE__ */ from_html("<div class=\"jump svelte-qpm4dm\"><!></d
 };
 function ChatMessageList(e, t) {
 	push(t, !0), append_styles$1(e, $$css$9);
-	let n = 80, i = prop(t, "messages", 7), a = prop(t, "autoscroll", 7, !0), o = prop(t, "scrollPolicy", 7, "near-bottom"), s = prop(t, "pinHold", 7, !1), c = prop(t, "jump", 7, !0), l = prop(t, "message", 7), u = prop(t, "messageBody", 7), d = prop(t, "messageAttachments", 7), f = prop(t, "empty", 7), p = prop(t, "jumpLabel", 7, "Jump to latest"), m = prop(t, "jumpIcon", 7), h = prop(t, "allowCopy", 7, !1), g = prop(t, "onscrollstate", 7), _ = prop(t, "onretry", 7), v = prop(t, "onfeedback", 7), y = prop(t, "testId", 7), b = prop(t, "classes", 7), x = /* @__PURE__ */ state(null), S = /* @__PURE__ */ state(null), C = /* @__PURE__ */ state(!0), w = /* @__PURE__ */ state(!1), T = !1, E = /* @__PURE__ */ user_derived(() => `${i().length}:${i().at(-1)?.content.length ?? 0}`), D = /* @__PURE__ */ user_derived(() => !get(C) && i().length > 0), O = /* @__PURE__ */ user_derived(() => {
+	let n = 80, i = prop(t, "messages", 7), a = prop(t, "autoscroll", 7, !0), o = prop(t, "scrollPolicy", 7, "near-bottom"), s = prop(t, "pinHold", 7, !1), c = prop(t, "jump", 7, !0), l = prop(t, "message", 7), u = prop(t, "messageBody", 7), d = prop(t, "messageAttachments", 7), f = prop(t, "empty", 7), p = prop(t, "jumpLabel", 7, "Jump to latest"), m = prop(t, "jumpIcon", 7), h = prop(t, "allowCopy", 7, !1), g = prop(t, "onscrollstate", 7), _ = prop(t, "onretry", 7), v = prop(t, "onfeedback", 7), y = prop(t, "testId", 7), b = prop(t, "classes", 7), x = /* @__PURE__ */ state(null), S = /* @__PURE__ */ state(null), C = /* @__PURE__ */ state(!0), w = /* @__PURE__ */ state(!1), T = !1, E = !1, D = 0, O = /* @__PURE__ */ user_derived(() => `${i().length}:${i().at(-1)?.content.length ?? 0}`), k = /* @__PURE__ */ user_derived(() => !get(C) && i().length > 0), A = /* @__PURE__ */ user_derived(() => {
 		for (let e = i().length - 1; e >= 0; --e) {
 			let t = i().at(e);
 			if (t && partyOf(t.role) === "responder") return t.id;
 		}
 		return null;
 	});
-	function k(e) {
-		return typeof _() == "function" && partyOf(e.role) === "responder" && e.id === get(O) ? _() : null;
+	function j(e) {
+		return typeof _() == "function" && partyOf(e.role) === "responder" && e.id === get(A) ? _() : null;
 	}
-	function A(e) {
+	function M(e) {
 		return typeof v() == "function" && partyOf(e.role) === "responder" ? (t) => v()?.(t, e) : null;
 	}
-	function j(e) {
+	function N(e) {
 		return e.scrollHeight - e.scrollTop - e.clientHeight < 80;
 	}
-	function M(e) {
-		set(C, j(e), !0), set(w, e.scrollHeight - e.clientHeight > 80), g()?.({
+	function P(e) {
+		set(C, N(e), !0), set(w, e.scrollHeight - e.clientHeight > 80), g()?.({
 			atBottom: get(C),
 			scrollable: get(w)
 		});
 	}
-	function N(e) {
-		M(e.currentTarget);
+	function F(e) {
+		P(e.currentTarget);
 	}
-	function P() {
-		get(x) !== null && (get(x).scrollTop = get(x).scrollHeight, M(get(x)));
+	function I() {
+		get(x) !== null && (get(x).scrollTop = get(x).scrollHeight, P(get(x)));
 	}
-	function F() {
+	function L() {
 		for (let e = i().length - 1; e >= 0; --e) if (partyOf(i()[e].role) === "sender") return i()[e].id;
 		return null;
 	}
-	function I() {
+	function R() {
 		if (get(x) === null || get(S) === null) return;
 		let e = -1;
 		for (let t = i().length - 1; t >= 0; --t) if (partyOf(i()[t].role) === "sender") {
@@ -29230,44 +29394,62 @@ function ChatMessageList(e, t) {
 		let a = get(S).getBoundingClientRect(), o = n.getBoundingClientRect(), s = o.top - a.top;
 		get(S).style.minHeight = `${Math.ceil(s + get(x).clientHeight)}px`, T = !0;
 		let c = get(x).getBoundingClientRect(), l = Number.parseFloat(getComputedStyle(get(x)).paddingTop) || 0;
-		get(x).scrollTop += o.top - c.top - l, M(get(x));
+		D = get(x).scrollTop + (o.top - c.top - l), get(x).scrollTo({
+			top: D,
+			behavior: "instant"
+		}), P(get(x));
 	}
-	function L() {
-		get(S) !== null && (get(S).style.minHeight = ""), T = !1, get(x) !== null && M(get(x));
+	function z() {
+		get(S) !== null && (get(S).style.minHeight = ""), T = !1, E = !1, get(x) !== null && P(get(x));
+	}
+	function B() {
+		if (!E || get(x) === null || get(S) === null) return;
+		let e = get(S).style.minHeight;
+		if (get(S).style.minHeight = "", get(x).scrollHeight - get(x).clientHeight >= D) {
+			get(x).scrollTo({
+				top: D,
+				behavior: "instant"
+			}), T = !1, E = !1, P(get(x));
+			return;
+		}
+		get(S).style.minHeight = e, get(x).scrollTo({
+			top: D,
+			behavior: "instant"
+		});
 	}
-	let R = (e) => {
-		let t = i().length, n = F();
-		function s() {
-			let s = i().length > t;
+	let V = (e) => {
+		let t = i().length, n = L();
+		function c() {
+			let c = i().length > t;
 			if (t = i().length, o() === "pin-sender-turn") {
-				let e = F();
-				s && e !== null && e !== n && queueMicrotask(() => {
-					I();
+				let e = L();
+				c && e !== null && e !== n && queueMicrotask(() => {
+					R(), s() || (E = !0, B());
 				}), n = e;
 				return;
 			}
-			a() && (get(C) || s) && queueMicrotask(() => {
+			a() && (get(C) || c) && queueMicrotask(() => {
 				e.scrollTop = e.scrollHeight;
 			});
 		}
-		return s(), { update: s };
-	}, z = (e) => {
+		return c(), { update: c };
+	}, H = (e) => {
 		if (typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(() => {
-			get(x) !== null && (o() === "near-bottom" && a() && get(C) && (get(x).scrollTop = get(x).scrollHeight), M(get(x)));
+			get(x) !== null && (o() === "near-bottom" && a() && get(C) && (get(x).scrollTop = get(x).scrollHeight), B(), P(get(x)));
 		});
 		return t.observe(e), { destroy() {
 			t.disconnect();
 		} };
-	}, B = () => {
+	}, U = () => {
 		let e = s();
 		function t() {
-			e && !s() && T && L(), e = s();
+			e && !s() && T && z(), e = s();
 		}
 		return t(), { update: t };
 	};
-	var V = {
-		scrollToBottom: P,
+	var W = {
+		scrollToBottom: I,
 		get messages() {
 			return i();
 		},
@@ -29370,15 +29552,15 @@ function ChatMessageList(e, t) {
 		set classes(e) {
 			b(e), flushSync();
 		}
-	}, H = root_1$8(), U = child(H), W = child(U), G = (e) => {
+	}, G = root_1$8(), K = child(G), q = child(K), J = (e) => {
 		var t = comment();
 		snippet(first_child(t), f), append(e, t);
 	};
-	if_block(W, (e) => {
-		i().length === 0 && typeof f() == "function" && e(G);
+	if_block(q, (e) => {
+		i().length === 0 && typeof f() == "function" && e(J);
 	});
-	var K = sibling(W, 2);
-	each(K, 17, i, (e) => e.id, (e, t) => {
+	var Y = sibling(q, 2);
+	each(Y, 17, i, (e) => e.id, (e, t) => {
 		var n = comment(), i = first_child(n), a = (e) => {
 			var n = comment();
 			snippet(first_child(n), l, () => get(t)), append(e, n);
@@ -29391,7 +29573,7 @@ function ChatMessageList(e, t) {
 				snippet(first_child(n), () => u() ?? noop, () => get(t)), append(e, n);
 			};
 			{
-				let a = /* @__PURE__ */ user_derived(() => typeof u() == "function" ? i : null), o = /* @__PURE__ */ user_derived(() => h() && partyOf(get(t).role) === "responder"), s = /* @__PURE__ */ user_derived(() => typeof d() == "function" ? n : null), c = /* @__PURE__ */ user_derived(() => k(get(t))), l = /* @__PURE__ */ user_derived(() => A(get(t)));
+				let a = /* @__PURE__ */ user_derived(() => typeof u() == "function" ? i : null), o = /* @__PURE__ */ user_derived(() => h() && partyOf(get(t).role) === "responder"), s = /* @__PURE__ */ user_derived(() => typeof d() == "function" ? n : null), c = /* @__PURE__ */ user_derived(() => j(get(t))), l = /* @__PURE__ */ user_derived(() => M(get(t)));
 				ChatMessage(e, {
 					get role() {
 						return get(t).role;
@@ -29430,10 +29612,10 @@ function ChatMessageList(e, t) {
 			typeof l() == "function" ? e(a) : e(o, -1);
 		}), append(e, n);
 	});
-	var q = sibling(K, 2), J = (e) => {
+	var X = sibling(Y, 2), Z = (e) => {
 		var t = root$8();
 		Button(child(t), {
-			onclick: P,
+			onclick: I,
 			get ariaLabel() {
 				return p();
 			},
@@ -29452,11 +29634,11 @@ function ChatMessageList(e, t) {
 			$$slots: { default: !0 }
 		}), reset(t), append(e, t);
 	};
-	return if_block(q, (e) => {
-		get(D) && c() && e(J);
-	}), reset(U), bind_this(U, (e) => set(S, e), () => get(S)), action(U, (e) => z?.(e)), reset(H), bind_this(H, (e) => set(x, e), () => get(x)), action(H, (e, t) => R?.(e, t), () => get(E)), action(H, (e, t) => B?.(e, t), s), template_effect(() => {
-		set_class(H, 1, `chat-message-list ${b() ?? "" ?? ""}`, "svelte-qpm4dm"), set_attribute(H, "data-pw", typeof y() == "string" ? y() : null), set_attribute(H, "testid", typeof y() == "string" ? y() : null);
-	}), event("scroll", H, N), append(e, H), pop(V);
+	return if_block(X, (e) => {
+		get(k) && c() && e(Z);
+	}), reset(K), bind_this(K, (e) => set(S, e), () => get(S)), action(K, (e) => H?.(e)), reset(G), bind_this(G, (e) => set(x, e), () => get(x)), action(G, (e, t) => V?.(e, t), () => get(O)), action(G, (e, t) => U?.(e, t), s), template_effect(() => {
+		set_class(G, 1, `chat-message-list ${b() ?? "" ?? ""}`, "svelte-qpm4dm"), set_attribute(G, "data-pw", typeof y() == "string" ? y() : null), set_attribute(G, "testid", typeof y() == "string" ? y() : null);
+	}), event("scroll", G, F), append(e, G), pop(W);
 }
 create_custom_element(ChatMessageList, {
 	messages: {},
@@ -29868,7 +30050,7 @@ var send_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentCol
 };
 function ChatComposer(e, t) {
 	push(t, !0), append_styles$1(e, $$css$7);
-	let n = prop(t, "value", 15, ""), i = prop(t, "placeholder", 7, ""), a = prop(t, "disabled", 7, !1), o = prop(t, "submitOnEnter", 7, !0), s = prop(t, "maxLength", 7, 0), c = prop(t, "streaming", 7, !1), l = prop(t, "recording", 7, !1), u = prop(t, "attachments", 31, () => proxy([])), d = prop(t, "attachmentsPreview", 7), f = prop(t, "richImages", 23, () => []), p = prop(t, "richFiles", 23, () => []), m = prop(t, "richVideos", 23, () => []), h = prop(t, "richImageTooltip", 7), g = prop(t, "richVideoTooltip", 7), _ = prop(t, "richRemoveIcon", 7), v = prop(t, "richFileIcon", 7), y = prop(t, "onremoverichimage", 7), b = prop(t, "onremoverichfile", 7), x = prop(t, "onremoverichvideo", 7), S = prop(t, "onopenrichimage", 7), C = prop(t, "onopenrichvideo", 7), w = prop(t, "onopenrichfile", 7), T = prop(t, "sendable", 7, null), E = prop(t, "accept", 7, ""), D = prop(t, "multiple", 7, !1), O = prop(t, "sendLabel", 7, "Send message"), k = prop(t, "stopLabel", 7, "Stop generating"), A = prop(t, "voiceLabel", 7, "Voice input"), j = prop(t, "attachLabel", 7, "Attach files"), M = prop(t, "sendIcon", 7), N = prop(t, "stopIcon", 7), P = prop(t, "voiceIcon", 7), F = prop(t, "attachIcon", 7), I = prop(t, "actionIcon", 7), L = prop(t, "actionLabel", 7, "Voice conversation"), R = prop(t, "leading", 7), z = prop(t, "onsubmit", 7), B = prop(t, "oninput", 7), V = prop(t, "onkeydown", 7), H = prop(t, "onpaste", 7), U = prop(t, "onstop", 7), W = prop(t, "onvoice", 7), G = prop(t, "onattach", 7), K = prop(t, "onattachclick", 7), q = prop(t, "onaction", 7), J = prop(t, "testId", 7), Y = prop(t, "inputTestId", 7), X = prop(t, "inputAriaLabel", 7), Z = prop(t, "sendTestId", 7), Q = prop(t, "sendSlotTestId", 7), $ = prop(t, "stopTestId", 7), ee = prop(t, "voiceTestId", 7), te = prop(t, "attachTestId", 7), ne = prop(t, "actionTestId", 7), re = prop(t, "classes", 7), ie = /* @__PURE__ */ state(null), ae = /* @__PURE__ */ user_derived(() => typeof W() == "function"), oe = /* @__PURE__ */ user_derived(() => typeof G() == "function" || typeof K() == "function"), se = /* @__PURE__ */ user_derived(() => f().length > 0 || m().length > 0 || p().length > 0), ce = /* @__PURE__ */ user_derived(() => !a() && (T() ?? (n().trim().length > 0 || u().length > 0 || get(se))));
+	let n = prop(t, "value", 15, ""), i = prop(t, "placeholder", 7, ""), a = prop(t, "disabled", 7, !1), o = prop(t, "submitOnEnter", 7, !0), s = prop(t, "maxLength", 7, 0), c = prop(t, "streaming", 7, !1), l = prop(t, "recording", 7, !1), u = prop(t, "attachments", 31, () => proxy([])), d = prop(t, "attachmentsPreview", 7), f = prop(t, "richImages", 23, () => []), p = prop(t, "richFiles", 23, () => []), m = prop(t, "richVideos", 23, () => []), h = prop(t, "richImageTooltip", 7), g = prop(t, "richVideoTooltip", 7), _ = prop(t, "richRemoveIcon", 7), v = prop(t, "richFileIcon", 7), y = prop(t, "onremoverichimage", 7), b = prop(t, "onremoverichfile", 7), x = prop(t, "onremoverichvideo", 7), S = prop(t, "onopenrichimage", 7), C = prop(t, "onopenrichvideo", 7), w = prop(t, "onopenrichfile", 7), T = prop(t, "sendable", 7, null), E = prop(t, "accept", 7, ""), D = prop(t, "multiple", 7, !1), O = prop(t, "sendLabel", 7, "Send message"), k = prop(t, "stopLabel", 7, "Stop generating"), A = prop(t, "voiceLabel", 7, "Voice input"), j = prop(t, "attachLabel", 7, "Attach files"), M = prop(t, "sendIcon", 7), N = prop(t, "stopIcon", 7), P = prop(t, "voiceIcon", 7), F = prop(t, "attachIcon", 7), I = prop(t, "actionIcon", 7), L = prop(t, "actionLabel", 7, "Voice conversation"), R = prop(t, "leading", 7), z = prop(t, "onsubmit", 7), B = prop(t, "oninput", 7), V = prop(t, "onkeydown", 7), H = prop(t, "onpaste", 7), U = prop(t, "onstop", 7), W = prop(t, "onvoice", 7), G = prop(t, "onattach", 7), K = prop(t, "onattachclick", 7), q = prop(t, "onaction", 7), J = prop(t, "testId", 7), Y = prop(t, "inputTestId", 7), X = prop(t, "inputAriaLabel", 7), Z = prop(t, "sendTestId", 7), Q = prop(t, "sendSlotTestId", 7), ee = prop(t, "stopTestId", 7), $ = prop(t, "voiceTestId", 7), te = prop(t, "attachTestId", 7), ne = prop(t, "actionTestId", 7), re = prop(t, "classes", 7), ie = /* @__PURE__ */ state(null), ae = /* @__PURE__ */ user_derived(() => typeof W() == "function"), oe = /* @__PURE__ */ user_derived(() => typeof G() == "function" || typeof K() == "function"), se = /* @__PURE__ */ user_derived(() => f().length > 0 || m().length > 0 || p().length > 0), ce = /* @__PURE__ */ user_derived(() => !a() && (T() ?? (n().trim().length > 0 || u().length > 0 || get(se))));
 	function le() {
 		get(ce) && (z()?.(n(), u()), n(""), u([]));
 	}
@@ -30193,16 +30375,16 @@ function ChatComposer(e, t) {
 			Q(e), flushSync();
 		},
 		get stopTestId() {
-			return $();
+			return ee();
 		},
 		set stopTestId(e) {
-			$(e), flushSync();
+			ee(e), flushSync();
 		},
 		get voiceTestId() {
-			return ee();
+			return $();
 		},
 		set voiceTestId(e) {
-			ee(e), flushSync();
+			$(e), flushSync();
 		},
 		get attachTestId() {
 			return te();
@@ -30354,7 +30536,7 @@ function ChatComposer(e, t) {
 				return A();
 			},
 			get testId() {
-				return ee();
+				return $();
 			},
 			children: (e, t) => {
 				var n = comment(), i = first_child(n), a = (e) => {
@@ -30382,7 +30564,7 @@ function ChatComposer(e, t) {
 				return k();
 			},
 			get testId() {
-				return $();
+				return ee();
 			},
 			children: (e, t) => {
 				var n = comment(), i = first_child(n), a = (e) => {
@@ -31134,7 +31316,7 @@ function ThinkingIndicator(e, t) {
 		reset(c), reset(t), template_effect(() => {
 			set_class(t, 1, `thinking-indicator-chip ${h() ?? "" ?? ""}`, "svelte-uzfrw6"), set_attribute(t, "data-pw", typeof d() == "string" ? d() : null), set_attribute(t, "testid", typeof d() == "string" ? d() : null), u = set_class(c, 1, "chip-label svelte-uzfrw6", null, u, { "static-label": !get(k) }), set_attribute(c, "data-pw", m() ?? null), set_text(f, n());
 		}), append(e, t);
-	}, $ = (e) => {
+	}, ee = (e) => {
 		var t = root_26(), i = child(t), a = child(i), o = child(a), c = (e) => {
 			var t = comment();
 			snippet(first_child(t), l), append(e, t);
@@ -31161,7 +31343,7 @@ function ThinkingIndicator(e, t) {
 		}), append(e, t);
 	};
 	return if_block(Y, (e) => {
-		get(O) ? e(X) : o() === "bare" ? e(Z, 1) : o() === "chip" ? e(Q, 2) : e($, -1);
+		get(O) ? e(X) : o() === "bare" ? e(Z, 1) : o() === "chip" ? e(Q, 2) : e(ee, -1);
 	}), append(e, J), pop(q);
 }
 delegate(["click"]), create_custom_element(ThinkingIndicator, {
@@ -31197,15 +31379,15 @@ var root$3 = /* @__PURE__ */ from_html("<div class=\"tool-status svelte-2jkbfk\"
 };
 function Chat(e, t) {
 	push(t, !0), append_styles$1(e, $$css$4);
-	let n = prop(t, "messages", 7), i = prop(t, "value", 15, ""), a = prop(t, "title", 7, ""), o = prop(t, "subtitle", 7, ""), s = prop(t, "image", 7), c = prop(t, "imageAlt", 7, ""), l = prop(t, "placeholder", 7, ""), u = prop(t, "disabled", 7, !1), d = prop(t, "streaming", 7, !1), f = prop(t, "recording", 7, !1), p = prop(t, "autoscroll", 7, !0), m = prop(t, "toolStatus", 7, null), h = prop(t, "suggestions", 23, () => []), g = prop(t, "attachments", 31, () => proxy([])), _ = prop(t, "accept", 7, ""), v = prop(t, "multiple", 7, !1), y = prop(t, "allowCopy", 7, !1), b = prop(t, "closeLabel", 7, "Close"), x = prop(t, "showClose", 7), S = prop(t, "headerAvatar", 7), C = prop(t, "headerActions", 7), w = prop(t, "headerContent", 7), T = prop(t, "message", 7), E = prop(t, "messageBody", 7), D = prop(t, "messageAttachments", 7), O = prop(t, "empty", 7), k = prop(t, "composerLeading", 7), A = prop(t, "sendIcon", 7), j = prop(t, "stopIcon", 7), M = prop(t, "voiceIcon", 7), N = prop(t, "attachIcon", 7), P = prop(t, "onsend", 7), F = prop(t, "onsuggestion", 7), I = prop(t, "onclose", 7), L = prop(t, "onstop", 7), R = prop(t, "onvoice", 7), z = prop(t, "onattach", 7), B = prop(t, "onretry", 7), V = prop(t, "onfeedback", 7), H = prop(t, "testId", 7), U = prop(t, "classes", 7), W = /* @__PURE__ */ user_derived(() => a().length > 0 || o().length > 0 || typeof s() == "string" && s().length > 0 || typeof I() == "function" || typeof S() == "function" || typeof C() == "function"), G = /* @__PURE__ */ user_derived(() => h().length > 0 && n().length === 0);
-	function K(e, t) {
-		if (typeof F() == "function") {
-			F()(e, t);
+	let n = prop(t, "messages", 7), i = prop(t, "value", 15, ""), a = prop(t, "title", 7, ""), o = prop(t, "subtitle", 7, ""), s = prop(t, "image", 7), c = prop(t, "imageAlt", 7, ""), l = prop(t, "placeholder", 7, ""), u = prop(t, "disabled", 7, !1), d = prop(t, "streaming", 7, !1), f = prop(t, "recording", 7, !1), p = prop(t, "autoscroll", 7, !0), m = prop(t, "scrollPolicy", 7, "near-bottom"), h = prop(t, "pinHold", 7, !1), g = prop(t, "jump", 7, !0), _ = prop(t, "jumpLabel", 7, "Jump to latest"), v = prop(t, "jumpIcon", 7), y = prop(t, "toolStatus", 7, null), b = prop(t, "suggestions", 23, () => []), x = prop(t, "attachments", 31, () => proxy([])), S = prop(t, "accept", 7, ""), C = prop(t, "multiple", 7, !1), w = prop(t, "allowCopy", 7, !1), T = prop(t, "closeLabel", 7, "Close"), E = prop(t, "showClose", 7), D = prop(t, "headerAvatar", 7), O = prop(t, "headerActions", 7), k = prop(t, "headerContent", 7), A = prop(t, "message", 7), j = prop(t, "messageBody", 7), M = prop(t, "messageAttachments", 7), N = prop(t, "empty", 7), P = prop(t, "composerLeading", 7), F = prop(t, "sendIcon", 7), I = prop(t, "stopIcon", 7), L = prop(t, "voiceIcon", 7), R = prop(t, "attachIcon", 7), z = prop(t, "onsend", 7), B = prop(t, "onsuggestion", 7), V = prop(t, "onclose", 7), H = prop(t, "onstop", 7), U = prop(t, "onvoice", 7), W = prop(t, "onattach", 7), G = prop(t, "onretry", 7), K = prop(t, "onfeedback", 7), q = prop(t, "onscrollstate", 7), J = prop(t, "testId", 7), Y = prop(t, "classes", 7), X = /* @__PURE__ */ user_derived(() => a().length > 0 || o().length > 0 || typeof s() == "string" && s().length > 0 || typeof V() == "function" || typeof D() == "function" || typeof O() == "function"), Z = /* @__PURE__ */ user_derived(() => b().length > 0 && n().length === 0);
+	function Q(e, t) {
+		if (typeof B() == "function") {
+			B()(e, t);
 			return;
 		}
-		P()?.(e, []);
+		z()?.(e, []);
 	}
-	var q = {
+	var ee = {
 		get messages() {
 			return n();
 		},
@@ -31272,187 +31454,223 @@ function Chat(e, t) {
 		set autoscroll(e = !0) {
 			p(e), flushSync();
 		},
-		get toolStatus() {
+		get scrollPolicy() {
 			return m();
 		},
-		set toolStatus(e = null) {
+		set scrollPolicy(e = "near-bottom") {
 			m(e), flushSync();
 		},
-		get suggestions() {
+		get pinHold() {
 			return h();
 		},
-		set suggestions(e = []) {
+		set pinHold(e = !1) {
 			h(e), flushSync();
 		},
-		get attachments() {
+		get jump() {
 			return g();
 		},
-		set attachments(e = []) {
+		set jump(e = !0) {
 			g(e), flushSync();
 		},
-		get accept() {
+		get jumpLabel() {
 			return _();
 		},
-		set accept(e = "") {
+		set jumpLabel(e = "Jump to latest") {
 			_(e), flushSync();
 		},
-		get multiple() {
+		get jumpIcon() {
 			return v();
 		},
-		set multiple(e = !1) {
+		set jumpIcon(e) {
 			v(e), flushSync();
 		},
-		get allowCopy() {
+		get toolStatus() {
 			return y();
 		},
-		set allowCopy(e = !1) {
+		set toolStatus(e = null) {
 			y(e), flushSync();
 		},
-		get closeLabel() {
+		get suggestions() {
 			return b();
 		},
-		set closeLabel(e = "Close") {
+		set suggestions(e = []) {
 			b(e), flushSync();
 		},
-		get showClose() {
+		get attachments() {
 			return x();
 		},
-		set showClose(e) {
+		set attachments(e = []) {
 			x(e), flushSync();
 		},
-		get headerAvatar() {
+		get accept() {
 			return S();
 		},
-		set headerAvatar(e) {
+		set accept(e = "") {
 			S(e), flushSync();
 		},
-		get headerActions() {
+		get multiple() {
 			return C();
 		},
-		set headerActions(e) {
+		set multiple(e = !1) {
 			C(e), flushSync();
 		},
-		get headerContent() {
+		get allowCopy() {
 			return w();
 		},
-		set headerContent(e) {
+		set allowCopy(e = !1) {
 			w(e), flushSync();
 		},
-		get message() {
+		get closeLabel() {
 			return T();
 		},
-		set message(e) {
+		set closeLabel(e = "Close") {
 			T(e), flushSync();
 		},
-		get messageBody() {
+		get showClose() {
 			return E();
 		},
-		set messageBody(e) {
+		set showClose(e) {
 			E(e), flushSync();
 		},
-		get messageAttachments() {
+		get headerAvatar() {
 			return D();
 		},
-		set messageAttachments(e) {
+		set headerAvatar(e) {
 			D(e), flushSync();
 		},
-		get empty() {
+		get headerActions() {
 			return O();
 		},
-		set empty(e) {
+		set headerActions(e) {
 			O(e), flushSync();
 		},
-		get composerLeading() {
+		get headerContent() {
 			return k();
 		},
-		set composerLeading(e) {
+		set headerContent(e) {
 			k(e), flushSync();
 		},
-		get sendIcon() {
+		get message() {
 			return A();
 		},
-		set sendIcon(e) {
+		set message(e) {
 			A(e), flushSync();
 		},
-		get stopIcon() {
+		get messageBody() {
 			return j();
 		},
-		set stopIcon(e) {
+		set messageBody(e) {
 			j(e), flushSync();
 		},
-		get voiceIcon() {
+		get messageAttachments() {
 			return M();
 		},
-		set voiceIcon(e) {
+		set messageAttachments(e) {
 			M(e), flushSync();
 		},
-		get attachIcon() {
+		get empty() {
 			return N();
 		},
-		set attachIcon(e) {
+		set empty(e) {
 			N(e), flushSync();
 		},
-		get onsend() {
+		get composerLeading() {
 			return P();
 		},
-		set onsend(e) {
+		set composerLeading(e) {
 			P(e), flushSync();
 		},
-		get onsuggestion() {
+		get sendIcon() {
 			return F();
 		},
-		set onsuggestion(e) {
+		set sendIcon(e) {
 			F(e), flushSync();
 		},
-		get onclose() {
+		get stopIcon() {
 			return I();
 		},
-		set onclose(e) {
+		set stopIcon(e) {
 			I(e), flushSync();
 		},
-		get onstop() {
+		get voiceIcon() {
 			return L();
 		},
-		set onstop(e) {
+		set voiceIcon(e) {
 			L(e), flushSync();
 		},
-		get onvoice() {
+		get attachIcon() {
 			return R();
 		},
-		set onvoice(e) {
+		set attachIcon(e) {
 			R(e), flushSync();
 		},
-		get onattach() {
+		get onsend() {
 			return z();
 		},
-		set onattach(e) {
+		set onsend(e) {
 			z(e), flushSync();
 		},
-		get onretry() {
+		get onsuggestion() {
 			return B();
 		},
-		set onretry(e) {
+		set onsuggestion(e) {
 			B(e), flushSync();
 		},
-		get onfeedback() {
+		get onclose() {
 			return V();
 		},
-		set onfeedback(e) {
+		set onclose(e) {
 			V(e), flushSync();
 		},
-		get testId() {
+		get onstop() {
 			return H();
 		},
-		set testId(e) {
+		set onstop(e) {
 			H(e), flushSync();
 		},
-		get classes() {
+		get onvoice() {
 			return U();
 		},
-		set classes(e) {
+		set onvoice(e) {
 			U(e), flushSync();
+		},
+		get onattach() {
+			return W();
+		},
+		set onattach(e) {
+			W(e), flushSync();
+		},
+		get onretry() {
+			return G();
+		},
+		set onretry(e) {
+			G(e), flushSync();
+		},
+		get onfeedback() {
+			return K();
+		},
+		set onfeedback(e) {
+			K(e), flushSync();
+		},
+		get onscrollstate() {
+			return q();
+		},
+		set onscrollstate(e) {
+			q(e), flushSync();
+		},
+		get testId() {
+			return J();
+		},
+		set testId(e) {
+			J(e), flushSync();
+		},
+		get classes() {
+			return Y();
+		},
+		set classes(e) {
+			Y(e), flushSync();
 		}
-	}, J = root_1$3(), Y = child(J), X = (e) => {
+	}, $ = root_1$3(), te = child($), ne = (e) => {
 		ChatHeader(e, {
 			get title() {
 				return a();
@@ -31467,84 +31685,102 @@ function Chat(e, t) {
 				return c();
 			},
 			get closeLabel() {
-				return b();
+				return T();
 			},
 			get showClose() {
-				return x();
+				return E();
 			},
 			get onclose() {
-				return I();
+				return V();
 			},
 			get avatar() {
-				return S();
+				return D();
 			},
 			get actions() {
-				return C();
+				return O();
 			},
 			get children() {
-				return w();
+				return k();
 			}
 		});
 	};
-	if_block(Y, (e) => {
-		get(W) && e(X);
+	if_block(te, (e) => {
+		get(X) && e(ne);
 	});
-	var Z = sibling(Y, 2);
-	ChatMessageList(Z, {
+	var re = sibling(te, 2);
+	ChatMessageList(re, {
 		get messages() {
 			return n();
 		},
 		get autoscroll() {
 			return p();
 		},
+		get scrollPolicy() {
+			return m();
+		},
+		get pinHold() {
+			return h();
+		},
+		get jump() {
+			return g();
+		},
+		get jumpLabel() {
+			return _();
+		},
+		get jumpIcon() {
+			return v();
+		},
 		get message() {
-			return T();
+			return A();
 		},
 		get messageBody() {
-			return E();
+			return j();
 		},
 		get messageAttachments() {
-			return D();
+			return M();
 		},
 		get empty() {
-			return O();
+			return N();
 		},
 		get allowCopy() {
-			return y();
+			return w();
 		},
 		get onretry() {
-			return B();
+			return G();
 		},
 		get onfeedback() {
-			return V();
+			return K();
+		},
+		get onscrollstate() {
+			return q();
 		}
 	});
-	var Q = sibling(Z, 2), $ = child(Q), ee = (e) => {
+	var ie = sibling(re, 2), ae = child(ie), oe = (e) => {
 		ChatSuggestions(e, {
 			get items() {
-				return h();
+				return b();
 			},
 			get disabled() {
 				return u();
 			},
-			onselect: K
+			onselect: Q
 		});
 	};
-	if_block($, (e) => {
-		get(G) && e(ee);
+	if_block(ae, (e) => {
+		get(Z) && e(oe);
 	});
-	var te = sibling($, 2), ne = (e) => {
+	var se = sibling(ae, 2), ce = (e) => {
 		var t = root$3();
 		ThinkingIndicator(child(t), {
 			get label() {
-				return m().label;
+				return y().label;
 			},
 			variant: "chip"
 		}), reset(t), append(e, t);
 	};
-	return if_block(te, (e) => {
-		m() !== null && e(ne);
-	}), ChatComposer(sibling(te, 2), {
+	return if_block(se, (e) => {
+		y() !== null && e(ce);
+	}), ChatComposer(sibling(se, 2), {
 		get placeholder() {
 			return l();
 		},
@@ -31558,37 +31794,37 @@ function Chat(e, t) {
 			return f();
 		},
 		get accept() {
-			return _();
+			return S();
 		},
 		get multiple() {
-			return v();
+			return C();
 		},
 		get onsubmit() {
-			return P();
+			return z();
 		},
 		get onstop() {
-			return L();
+			return H();
 		},
 		get onvoice() {
-			return R();
+			return U();
 		},
 		get onattach() {
-			return z();
+			return W();
 		},
 		get leading() {
-			return k();
+			return P();
 		},
 		get sendIcon() {
-			return A();
+			return F();
 		},
 		get stopIcon() {
-			return j();
+			return I();
 		},
 		get voiceIcon() {
-			return M();
+			return L();
 		},
 		get attachIcon() {
-			return N();
+			return R();
 		},
 		get value() {
 			return i();
@@ -31597,14 +31833,14 @@ function Chat(e, t) {
 			i(e);
 		},
 		get attachments() {
-			return g();
+			return x();
 		},
 		set attachments(e) {
-			g(e);
+			x(e);
 		}
-	}), reset(Q), reset(J), template_effect(() => {
-		set_class(J, 1, `chat ${U() ?? "" ?? ""}`, "svelte-2jkbfk"), set_attribute(J, "data-pw", typeof H() == "string" ? H() : null), set_attribute(J, "testid", typeof H() == "string" ? H() : null);
-	}), append(e, J), pop(q);
+	}), reset(ie), reset($), template_effect(() => {
+		set_class($, 1, `chat ${Y() ?? "" ?? ""}`, "svelte-2jkbfk"), set_attribute($, "data-pw", typeof J() == "string" ? J() : null), set_attribute($, "testid", typeof J() == "string" ? J() : null);
+	}), append(e, $), pop(ee);
 }
 create_custom_element(Chat, {
 	messages: {},
@@ -31618,6 +31854,11 @@ create_custom_element(Chat, {
 	streaming: {},
 	recording: {},
 	autoscroll: {},
+	scrollPolicy: {},
+	pinHold: {},
+	jump: {},
+	jumpLabel: {},
+	jumpIcon: {},
 	toolStatus: {},
 	suggestions: {},
 	attachments: {},
@@ -31646,6 +31887,7 @@ create_custom_element(Chat, {
 	onattach: {},
 	onretry: {},
 	onfeedback: {},
+	onscrollstate: {},
 	testId: {},
 	classes: {}
 }, [], [], { mode: "open" });
@@ -31700,6 +31942,23 @@ customElements.define("sui-chat", create_custom_element(Chat_wc, {
 		reflect: !0,
 		type: "Boolean"
 	},
+	scrollPolicy: {
+		attribute: "scroll-policy",
+		type: "String"
+	},
+	pinHold: {
+		attribute: "pin-hold",
+		type: "Boolean"
+	},
+	jump: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	jumpLabel: {
+		attribute: "jump-label",
+		type: "String"
+	},
+	jumpIcon: { type: "Object" },
 	toolStatus: {
 		attribute: "tool-status",
 		type: "Object"
@@ -31749,7 +32008,8 @@ customElements.define("sui-chat", create_custom_element(Chat_wc, {
 	onvoice: { type: "Object" },
 	onattach: { type: "Object" },
 	onretry: { type: "Object" },
-	onfeedback: { type: "Object" }
+	onfeedback: { type: "Object" },
+	onscrollstate: { type: "Object" }
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/wc/components/ChatHeader.wc.svelte
@@ -32252,7 +32512,7 @@ function ChatBubble(e, t) {
 			y: a
 		};
 	}
-	function $(e) {
+	function ee(e) {
 		if (get(M) === null) return;
 		let t = e.clientX - get(M).startX, i = e.clientY - get(M).startY;
 		if (!get(M).moved && Math.hypot(t, i) < 4) return;
@@ -32263,7 +32523,7 @@ function ChatBubble(e, t) {
 			q(e, t, e + get(M).width, t + get(M).height, get(N), get(P));
 		}
 	}
-	function ee() {
+	function $() {
 		if (get(M) === null) return;
 		let e = get(M);
 		if (set(M, null), !e.moved || (L = !0, typeof window > "u")) return;
@@ -32423,7 +32683,7 @@ function ChatBubble(e, t) {
 			E(e), flushSync();
 		}
 	}, re = root_3$2();
-	event("pointermove", $window, $), event("pointerup", $window, ee);
+	event("pointermove", $window, ee), event("pointerup", $window, $);
 	let ie, ae;
 	var oe = child(re), se = (e) => {
 		var t = root_2$2();