@juspay/svelte-ui-components 3.4.0 → 3.5.0

package/dist-wc/index.js

@@ -4185,15 +4185,15 @@ var root$84 = /* @__PURE__ */ from_html("<div class=\"button-progress-bar svelte
 };
 function Button(e, t) {
 	push(t, !0), append_styles$1(e, $$css$82);
-	let n = prop(t, "text", 7), i = prop(t, "variant", 7, "primary"), a = prop(t, "size", 7, "md"), o = prop(t, "iconOnly", 7, !1), s = prop(t, "fullWidth", 7, !1), c = prop(t, "href", 7), l = prop(t, "target", 7), u = prop(t, "rel", 7), f = prop(t, "loading", 7, !1), p = prop(t, "allowHtml", 7, !1), h = prop(t, "enable", 7, !0), S = prop(t, "disabled", 7, !1), C = prop(t, "showLoader", 7, !1), k = prop(t, "loaderType", 7), R = prop(t, "showProgressBar", 15, !1), G = prop(t, "type", 7, "button"), te = prop(t, "testId", 7), ne = prop(t, "ariaLabel", 7), re = prop(t, "ariaExpanded", 7), be = prop(t, "ariaHaspopup", 7), Me = prop(t, "ariaSelected", 7), Re = prop(t, "ariaBusy", 7), Ue = prop(t, "role", 7), it = prop(t, "title", 7), at = prop(t, "onclick", 7), ot = prop(t, "onkeydown", 7, () => {}), ct = prop(t, "onkeyup", 7, () => {}), lt = prop(t, "onmousedown", 7), ut = prop(t, "onmouseup", 7), dt = prop(t, "onmouseleave", 7), ft = prop(t, "ontouchstart", 7), pt = prop(t, "ontouchend", 7), mt = prop(t, "icon", 7), ht = prop(t, "children", 7), gt = prop(t, "classes", 7), _t = prop(t, "style", 7), vt = /* @__PURE__ */ user_derived(() => f() || C() && k() === "Circular"), yt = /* @__PURE__ */ user_derived(() => C() && k() === "ProgressBar"), bt = /* @__PURE__ */ user_derived(() => get(vt) || R()), xt = /* @__PURE__ */ user_derived(() => S() || !h() || get(vt) || R()), St = /* @__PURE__ */ user_derived(() => u() ?? (l() === "_blank" ? "noopener noreferrer" : null));
-	function Ct(e) {
-		if (get(xt)) {
+	let n = prop(t, "text", 7), i = prop(t, "variant", 7, "primary"), a = prop(t, "size", 7, "md"), o = prop(t, "iconOnly", 7, !1), s = prop(t, "fullWidth", 7, !1), c = prop(t, "href", 7), l = prop(t, "target", 7), u = prop(t, "rel", 7), f = prop(t, "loading", 7, !1), p = prop(t, "allowHtml", 7, !1), h = prop(t, "enable", 7, !0), S = prop(t, "disabled", 7, !1), C = prop(t, "showLoader", 7, !1), k = prop(t, "loaderType", 7), R = prop(t, "showProgressBar", 15, !1), G = prop(t, "type", 7, "button"), te = prop(t, "testId", 7), ne = prop(t, "ariaLabel", 7), re = prop(t, "ariaExpanded", 7), be = prop(t, "ariaControls", 7), Me = prop(t, "ariaHaspopup", 7), Re = prop(t, "ariaSelected", 7), Ue = prop(t, "ariaBusy", 7), it = prop(t, "role", 7), at = prop(t, "title", 7), ot = prop(t, "onclick", 7), ct = prop(t, "onkeydown", 7, () => {}), lt = prop(t, "onkeyup", 7, () => {}), ut = prop(t, "onmousedown", 7), dt = prop(t, "onmouseup", 7), ft = prop(t, "onmouseleave", 7), pt = prop(t, "ontouchstart", 7), mt = prop(t, "ontouchend", 7), ht = prop(t, "icon", 7), gt = prop(t, "children", 7), _t = prop(t, "classes", 7), vt = prop(t, "style", 7), yt = /* @__PURE__ */ user_derived(() => f() || C() && k() === "Circular"), bt = /* @__PURE__ */ user_derived(() => C() && k() === "ProgressBar"), xt = /* @__PURE__ */ user_derived(() => get(yt) || R()), St = /* @__PURE__ */ user_derived(() => S() || !h() || get(yt) || R()), Ct = /* @__PURE__ */ user_derived(() => u() ?? (l() === "_blank" ? "noopener noreferrer" : null));
+	function wt(e) {
+		if (get(St)) {
 			c() && e.preventDefault();
 			return;
 		}
-		at()?.(e), get(yt) && R(!0);
+		ot()?.(e), get(bt) && R(!0);
 	}
-	var wt = {
+	var Tt = {
 		get text() {
 			return n();
 		},
@@ -4308,157 +4308,164 @@ function Button(e, t) {
 		set ariaExpanded(e) {
 			re(e), flushSync();
 		},
-		get ariaHaspopup() {
+		get ariaControls() {
 			return be();
 		},
-		set ariaHaspopup(e) {
+		set ariaControls(e) {
 			be(e), flushSync();
 		},
-		get ariaSelected() {
+		get ariaHaspopup() {
 			return Me();
 		},
-		set ariaSelected(e) {
+		set ariaHaspopup(e) {
 			Me(e), flushSync();
 		},
-		get ariaBusy() {
+		get ariaSelected() {
 			return Re();
 		},
-		set ariaBusy(e) {
+		set ariaSelected(e) {
 			Re(e), flushSync();
 		},
-		get role() {
+		get ariaBusy() {
 			return Ue();
 		},
-		set role(e) {
+		set ariaBusy(e) {
 			Ue(e), flushSync();
 		},
-		get title() {
+		get role() {
 			return it();
 		},
-		set title(e) {
+		set role(e) {
 			it(e), flushSync();
 		},
-		get onclick() {
+		get title() {
 			return at();
 		},
-		set onclick(e) {
+		set title(e) {
 			at(e), flushSync();
 		},
-		get onkeydown() {
+		get onclick() {
 			return ot();
 		},
-		set onkeydown(e = () => {}) {
+		set onclick(e) {
 			ot(e), flushSync();
 		},
-		get onkeyup() {
+		get onkeydown() {
 			return ct();
 		},
-		set onkeyup(e = () => {}) {
+		set onkeydown(e = () => {}) {
 			ct(e), flushSync();
 		},
-		get onmousedown() {
+		get onkeyup() {
 			return lt();
 		},
-		set onmousedown(e) {
+		set onkeyup(e = () => {}) {
 			lt(e), flushSync();
 		},
-		get onmouseup() {
+		get onmousedown() {
 			return ut();
 		},
-		set onmouseup(e) {
+		set onmousedown(e) {
 			ut(e), flushSync();
 		},
-		get onmouseleave() {
+		get onmouseup() {
 			return dt();
 		},
-		set onmouseleave(e) {
+		set onmouseup(e) {
 			dt(e), flushSync();
 		},
-		get ontouchstart() {
+		get onmouseleave() {
 			return ft();
 		},
-		set ontouchstart(e) {
+		set onmouseleave(e) {
 			ft(e), flushSync();
 		},
-		get ontouchend() {
+		get ontouchstart() {
 			return pt();
 		},
-		set ontouchend(e) {
+		set ontouchstart(e) {
 			pt(e), flushSync();
 		},
-		get icon() {
+		get ontouchend() {
 			return mt();
 		},
-		set icon(e) {
+		set ontouchend(e) {
 			mt(e), flushSync();
 		},
-		get children() {
+		get icon() {
 			return ht();
 		},
-		set children(e) {
+		set icon(e) {
 			ht(e), flushSync();
 		},
-		get classes() {
+		get children() {
 			return gt();
 		},
-		set classes(e) {
+		set children(e) {
 			gt(e), flushSync();
 		},
-		get style() {
+		get classes() {
 			return _t();
 		},
-		set style(e) {
+		set classes(e) {
 			_t(e), flushSync();
+		},
+		get style() {
+			return vt();
+		},
+		set style(e) {
+			vt(e), flushSync();
 		}
-	}, Tt = root_6$25();
-	let Et;
-	var Dt = child(Tt), Ot = (e) => {
+	}, Et = root_6$25();
+	let Dt;
+	var Ot = child(Et), kt = (e) => {
 		append(e, root$84());
 	};
-	return if_block(Dt, (e) => {
-		R() && e(Ot);
-	}), element(sibling(Dt, 2), () => c() ? "a" : "button", !1, (e, t) => {
+	return if_block(Ot, (e) => {
+		R() && e(kt);
+	}), element(sibling(Ot, 2), () => c() ? "a" : "button", !1, (e, t) => {
 		attribute_effect(e, () => ({
 			class: "button-el",
-			onclick: Ct,
-			onkeydown: ot(),
-			onkeyup: ct(),
-			onmousedown: lt(),
-			onmouseup: ut(),
-			onmouseleave: dt(),
-			ontouchstart: ft(),
-			ontouchend: pt(),
+			onclick: wt,
+			onkeydown: ct(),
+			onkeyup: lt(),
+			onmousedown: ut(),
+			onmouseup: dt(),
+			onmouseleave: ft(),
+			ontouchstart: pt(),
+			ontouchend: mt(),
 			"data-pw": te(),
 			testID: te(),
-			role: Ue() ?? null,
+			role: it() ?? null,
 			"aria-label": ne() ?? null,
 			"aria-expanded": re() ?? null,
-			"aria-haspopup": be() ?? null,
-			"aria-selected": Me() ?? null,
-			"aria-busy": get(bt) || Re() || null,
-			title: it() ?? null,
+			"aria-controls": be() ?? null,
+			"aria-haspopup": Me() ?? null,
+			"aria-selected": Re() ?? null,
+			"aria-busy": get(xt) || Ue() || null,
+			title: at() ?? null,
 			type: c() ? null : G(),
-			disabled: c() ? null : get(xt),
-			href: c() ? get(xt) ? null : c() : null,
+			disabled: c() ? null : get(St),
+			href: c() ? get(St) ? null : c() : null,
 			target: c() ? l() : null,
-			rel: c() ? get(St) : null,
-			"aria-disabled": c() && get(xt) ? "true" : null,
-			tabindex: c() && get(xt) ? -1 : null,
-			[CLASS]: { disabled: get(xt) }
+			rel: c() ? get(Ct) : null,
+			"aria-disabled": c() && get(St) ? "true" : null,
+			tabindex: c() && get(St) ? -1 : null,
+			[CLASS]: { disabled: get(St) }
 		}), void 0, void 0, void 0, "svelte-1j9w5l4");
 		var i = root_5$30(), a = first_child(i), o = (e) => {
 			var t = root_1$71();
 			Loader(child(t), {}), reset(t), append(e, t);
 		};
 		if_block(a, (e) => {
-			get(vt) && e(o);
+			get(yt) && e(o);
 		});
 		var s = sibling(a, 2), u = (e) => {
 			var t = root_2$54();
-			snippet(child(t), mt), reset(t), append(e, t);
+			snippet(child(t), ht), reset(t), append(e, t);
 		};
 		if_block(s, (e) => {
-			typeof mt() == "function" && e(u);
+			typeof ht() == "function" && e(u);
 		});
 		var f = sibling(s, 2), h = (e) => {
 			var t = comment(), i = first_child(t), a = (e) => {
@@ -4477,17 +4484,17 @@ function Button(e, t) {
 		});
 		var S = sibling(f, 2), C = (e) => {
 			var t = comment();
-			snippet(first_child(t), ht), append(e, t);
+			snippet(first_child(t), gt), append(e, t);
 		};
 		if_block(S, (e) => {
-			typeof ht() == "function" && e(C);
+			typeof gt() == "function" && e(C);
 		}), append(t, i);
-	}), reset(Tt), template_effect(() => {
-		Et = set_class(Tt, 1, `button-container variant-${i() ?? ""} size-${a() ?? ""} ${gt() ?? "" ?? ""}`, "svelte-1j9w5l4", Et, {
+	}), reset(Et), template_effect(() => {
+		Dt = set_class(Et, 1, `button-container variant-${i() ?? ""} size-${a() ?? ""} ${_t() ?? "" ?? ""}`, "svelte-1j9w5l4", Dt, {
 			"icon-only": o(),
 			"full-width": s()
-		}), set_style(Tt, _t() ?? null);
-	}), append(e, Tt), pop(wt);
+		}), set_style(Et, vt() ?? null);
+	}), append(e, Et), pop(Tt);
 }
 create_custom_element(Button, {
 	text: {},
@@ -4509,6 +4516,7 @@ create_custom_element(Button, {
 	testId: {},
 	ariaLabel: {},
 	ariaExpanded: {},
+	ariaControls: {},
 	ariaHaspopup: {},
 	ariaSelected: {},
 	ariaBusy: {},
@@ -6087,7 +6095,7 @@ function unlockBodyScroll() {
 }
 //#endregion
 //#region src/lib/Input/Input.svelte
-var root$78 = /* @__PURE__ */ from_html("<textarea></textarea>"), root_1$65 = /* @__PURE__ */ from_html("<input/>"), root_2$49 = /* @__PURE__ */ from_html("<span class=\"input-mandatory-asterisk svelte-1h0c2oe\" aria-hidden=\"true\">*</span>"), root_3$43 = /* @__PURE__ */ from_html("<label class=\"label svelte-1h0c2oe\"> <!></label>"), root_4$34 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-left input-icon-button svelte-1h0c2oe\"><!></button>"), root_5$28 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-left svelte-1h0c2oe\"><!></span>"), root_6$24 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-right input-icon-button svelte-1h0c2oe\"><!></button>"), root_7$20 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-right svelte-1h0c2oe\"><!></span>"), root_8$18 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_9$12 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"error-message svelte-1h0c2oe\"> </div>"), root_10$10 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1h0c2oe\"> </div>"), root_11$9 = /* @__PURE__ */ from_html("<div> </div>"), root_12$8 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$76 = {
+var root$78 = /* @__PURE__ */ from_html("<textarea></textarea>"), root_1$65 = /* @__PURE__ */ from_html("<input/>"), root_2$49 = /* @__PURE__ */ from_html("<span class=\"input-mandatory-asterisk svelte-1h0c2oe\" aria-hidden=\"true\">*</span>"), root_3$43 = /* @__PURE__ */ from_html("<label class=\"label svelte-1h0c2oe\"> <!></label>"), root_4$34 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-left input-icon-button svelte-1h0c2oe\"><!></button>"), root_5$28 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-left svelte-1h0c2oe\"><!></span>"), root_6$24 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"input-icon input-icon-right input-icon-button svelte-1h0c2oe\"><!></button>"), root_7$20 = /* @__PURE__ */ from_html("<span class=\"input-icon input-icon-right svelte-1h0c2oe\"><!></span>"), root_8$18 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_9$12 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"error-message svelte-1h0c2oe\"> </div>"), root_10$10 = /* @__PURE__ */ from_html("<div class=\"info-message svelte-1h0c2oe\"> </div>"), root_11$10 = /* @__PURE__ */ from_html("<div> </div>"), root_12$8 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!> <!></div>"), $$css$76 = {
 	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, #c5120a)\n    ) !important;--input-border: var(\n      --input-error-border,\n      1px solid var(--input-error-msg-text-color, #c5120a)\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, #c5120a));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);\n    /* #c5120a clears WCAG AA (6.06:1 on white) at this 12px size; the prior #fa1405\n       default was only 4.06:1, so the error message itself failed to be legible. */color:var(--input-error-msg-text-color, #c5120a);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);\n    /* Neutral on purpose -- this used to default to the same red as .error-message,\n       so helper text with no error visually read as a failed field (color-alone\n       signalling, WCAG 1.4.1). #52525b is the muted-text tone already used for\n       ChatToolStatus/ThinkingIndicator elsewhere in this library, at 7.73:1. */color:var(--input-info-msg-text-color, #52525b);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, #c5120a));}.svelte-1h0c2oe::placeholder {color:var(--input-placeholder-color);}"
 };
@@ -6665,7 +6673,7 @@ function Input(e, t) {
 			get(yn) && e(Hn);
 		});
 		var Un = sibling(Vn, 2), Wn = (e) => {
-			var t = root_11$9();
+			var t = root_11$10();
 			let n;
 			var i = child(t);
 			reset(t), template_effect(() => {
@@ -7945,7 +7953,7 @@ customElements.define("sui-color-picker", create_custom_element(ColorPicker_wc,
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/Combobox/Combobox.svelte
-var root$72 = /* @__PURE__ */ from_html("<div class=\"combobox-input-prefix svelte-178p70i\"><!></div>"), root_1$59 = /* @__PURE__ */ from_html("<div class=\"combobox-input-suffix svelte-178p70i\"><!></div>"), root_2$45 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-header svelte-178p70i\"><!></div>"), root_3$40 = /* @__PURE__ */ from_html("<div class=\"combobox-limit svelte-178p70i\" role=\"alert\"> </div>"), root_4$32 = /* @__PURE__ */ from_html("<div class=\"combobox-empty svelte-178p70i\"> </div>"), root_5$26 = /* @__PURE__ */ from_html("<div role=\"option\" tabindex=\"-1\"><!></div>"), root_6$23 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"combobox-create-icon svelte-178p70i\" aria-hidden=\"true\"><svg viewBox=\"0 0 20 20\" width=\"14\" height=\"14\" fill=\"none\"><path d=\"M10 4v12M4 10h12\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"></path></svg></span> </div>"), root_7$19 = /* @__PURE__ */ from_html("<span class=\"combobox-action-icon svelte-178p70i\" aria-hidden=\"true\"><!></span>"), root_8$17 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><!> </div>"), root_9$11 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-footer svelte-178p70i\"><!></div>"), root_10$9 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown svelte-178p70i\" role=\"listbox\"><!> <!> <!> <!> <!></div>"), root_11$8 = /* @__PURE__ */ from_html("<div><div><!> <!> <div class=\"combobox-input svelte-178p70i\"><!></div> <!></div> <!></div>"), $$css$70 = {
+var root$72 = /* @__PURE__ */ from_html("<div class=\"combobox-input-prefix svelte-178p70i\"><!></div>"), root_1$59 = /* @__PURE__ */ from_html("<div class=\"combobox-input-suffix svelte-178p70i\"><!></div>"), root_2$45 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-header svelte-178p70i\"><!></div>"), root_3$40 = /* @__PURE__ */ from_html("<div class=\"combobox-limit svelte-178p70i\" role=\"alert\"> </div>"), root_4$32 = /* @__PURE__ */ from_html("<div class=\"combobox-empty svelte-178p70i\"> </div>"), root_5$26 = /* @__PURE__ */ from_html("<div role=\"option\" tabindex=\"-1\"><!></div>"), root_6$23 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"combobox-create-icon svelte-178p70i\" aria-hidden=\"true\"><svg viewBox=\"0 0 20 20\" width=\"14\" height=\"14\" fill=\"none\"><path d=\"M10 4v12M4 10h12\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"></path></svg></span> </div>"), root_7$19 = /* @__PURE__ */ from_html("<span class=\"combobox-action-icon svelte-178p70i\" aria-hidden=\"true\"><!></span>"), root_8$17 = /* @__PURE__ */ from_html("<div role=\"option\" aria-selected=\"false\" tabindex=\"-1\"><!> </div>"), root_9$11 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown-footer svelte-178p70i\"><!></div>"), root_10$9 = /* @__PURE__ */ from_html("<div class=\"combobox-dropdown svelte-178p70i\" role=\"listbox\"><!> <!> <!> <!> <!></div>"), root_11$9 = /* @__PURE__ */ from_html("<div><div><!> <!> <div class=\"combobox-input svelte-178p70i\"><!></div> <!></div> <!></div>"), $$css$70 = {
 	hash: "svelte-178p70i",
 	code: ".combobox.svelte-178p70i {position:relative;width:var(--combobox-width, 100%);font-family:var(--combobox-font-family, inherit);font-size:var(--combobox-font-size, 14px);color:var(--combobox-color, #333333);}.combobox.disabled.svelte-178p70i {opacity:var(--combobox-disabled-opacity, 0.5);cursor:var(--combobox-disabled-cursor, not-allowed);pointer-events:none;}.combobox-input-wrapper.svelte-178p70i {display:flex;align-items:center;background:var(--combobox-input-background, #ffffff);border:var(--combobox-input-border, 1px solid #cccccc);border-radius:var(--combobox-input-border-radius, var(--radius, 4px));transition:var(--combobox-input-transition, border-color 0.15s, box-shadow 0.15s);}\n\n  /* Multi-select control: pills wrap above the typeahead input. */.combobox-input-wrapper.multiple.svelte-178p70i {flex-wrap:wrap;gap:var(--combobox-pill-gap, 4px);padding:var(--combobox-multiple-padding, 4px 6px);cursor:text;}.combobox-input-wrapper.svelte-178p70i:hover {border-color:var(--combobox-input-hover-border-color, #999999);}.combobox-input-wrapper.svelte-178p70i:focus-within {border-color:var(--combobox-input-focus-border-color, #2563eb);box-shadow:var(--combobox-input-focus-shadow, 0 0 0 2px rgba(37, 99, 235, 0.2));}.combobox-input-prefix.svelte-178p70i {display:flex;align-items:center;padding-left:var(--combobox-input-prefix-padding, 8px);flex-shrink:0;}.combobox-input-suffix.svelte-178p70i {display:flex;align-items:center;padding-right:var(--combobox-input-suffix-padding, 8px);flex-shrink:0;}.combobox-input.svelte-178p70i {flex:1;min-width:0;--input-border: none;--input-focus-border: none;--input-box-shadow: none;--input-margin: 0;--input-width: 100%;--input-padding: var(--combobox-input-padding, 8px 12px);--input-background: transparent;--input-font-size: inherit;--input-font-family: inherit;--input-font-weight: inherit;--input-text-color: inherit;--input-radius: 0;}.combobox-input-wrapper.multiple.svelte-178p70i .combobox-input:where(.svelte-178p70i) {flex:1 1 60px;min-width:60px;--input-padding: var(--combobox-multiple-input-padding, 2px 4px);}.combobox-input.svelte-178p70i::placeholder {color:var(--combobox-placeholder-color, #999999);}.combobox-dropdown.svelte-178p70i {position:absolute;top:var(--combobox-dropdown-top, 100%);left:var(--combobox-dropdown-left, 0);right:var(--combobox-dropdown-right, 0);margin-top:var(--combobox-dropdown-gap, 4px);background:var(--combobox-dropdown-background, #ffffff);border:var(--combobox-dropdown-border, 1px solid #cccccc);border-radius:var(--combobox-dropdown-border-radius, var(--radius, 4px));box-shadow:var(--combobox-dropdown-shadow, 0 4px 12px rgba(0, 0, 0, 0.1));max-height:var(--combobox-dropdown-max-height, 200px);overflow-y:auto;z-index:var(--combobox-dropdown-z-index, 10);padding:var(--combobox-dropdown-padding, 0);}.combobox-option.svelte-178p70i {display:flex;align-items:center;gap:var(--combobox-option-gap, 8px);padding:var(--combobox-option-padding, 8px 12px);color:var(--combobox-option-color, #333333);font-size:var(--combobox-option-font-size, inherit);font-weight:var(--combobox-option-font-weight, inherit);cursor:pointer;transition:background 0.1s;}.combobox-option.svelte-178p70i:hover,\n  .combobox-option.highlighted.svelte-178p70i {background:var(--combobox-option-hover-background, #f0f0f0);color:var(--combobox-option-hover-color, var(--combobox-option-color, #333333));}.combobox-option.selected.svelte-178p70i {background:var(--combobox-option-selected-background, #e8f0fe);color:var(--combobox-option-selected-color, var(--combobox-option-color, #333333));font-weight:var(\n      --combobox-option-selected-font-weight,\n      var(--combobox-option-font-weight, inherit)\n    );}.combobox-option.selected.highlighted.svelte-178p70i {background:var(\n      --combobox-option-selected-hover-background,\n      var(--combobox-option-selected-background, #e8f0fe)\n    );}.combobox-option-disabled.svelte-178p70i {opacity:var(--combobox-option-disabled-opacity, 0.4);cursor:var(--combobox-option-disabled-cursor, not-allowed);pointer-events:none;}.combobox-create.svelte-178p70i {color:var(--combobox-create-color, #2563eb);}.combobox-action.svelte-178p70i {color:var(--combobox-action-color, #374151);}.combobox-option.with-divider.svelte-178p70i {border-top:var(--combobox-divider, 1px solid #e5e7eb);}.combobox-create-icon.svelte-178p70i,\n  .combobox-action-icon.svelte-178p70i {display:inline-flex;align-items:center;flex-shrink:0;}.combobox-action-icon.svelte-178p70i svg {width:14px;height:14px;}.combobox-limit.svelte-178p70i {display:flex;align-items:center;gap:6px;padding:var(--combobox-limit-padding, 8px 12px);font-size:var(--combobox-limit-font-size, 13px);font-weight:500;color:var(--combobox-limit-color, #b45309);background:var(--combobox-limit-background, #fffbeb);}.combobox-dropdown-header.svelte-178p70i {border-bottom:var(--combobox-dropdown-header-border, none);padding:var(--combobox-dropdown-header-padding, 0);}.combobox-dropdown-footer.svelte-178p70i {border-top:var(--combobox-dropdown-footer-border, none);padding:var(--combobox-dropdown-footer-padding, 0);}.combobox-empty.svelte-178p70i {padding:var(--combobox-empty-padding, 8px 12px);color:var(--combobox-empty-color, #999999);font-style:var(--combobox-empty-font-style, italic);}"
 };
@@ -8357,7 +8365,7 @@ function Combobox(e, t) {
 		set onCreate(e) {
 			jt(e), flushSync();
 		}
-	}, Mn = root_11$8();
+	}, Mn = root_11$9();
 	let Nn;
 	var Pn = child(Mn);
 	let Fn;
@@ -13217,6 +13225,10 @@ customElements.define("sui-button", create_custom_element(Button_wc, {
 		attribute: "aria-expanded",
 		type: "Boolean"
 	},
+	ariaControls: {
+		attribute: "aria-controls",
+		type: "String"
+	},
 	classes: { type: "String" },
 	onclick: { type: "Object" },
 	onkeydown: { type: "Object" },
@@ -16943,7 +16955,7 @@ function computeSelectDropdownPosition(e) {
 }
 //#endregion
 //#region src/lib/Select/Select.svelte
-var root$33 = /* @__PURE__ */ from_html("<input class=\"select-search svelte-52lifo\" type=\"text\" autocomplete=\"off\"/>"), root_1$29 = /* @__PURE__ */ from_html("<!> <!>", 1), root_2$23 = /* @__PURE__ */ from_html("<span class=\"select-placeholder svelte-52lifo\"> </span>"), root_3$21 = /* @__PURE__ */ from_html("<span> </span>"), root_4$17 = /* @__PURE__ */ from_html("<div class=\"select-empty svelte-52lifo\">No results</div>"), root_5$15 = /* @__PURE__ */ from_html("<span class=\"select-option-check svelte-52lifo\"></span>"), root_6$15 = /* @__PURE__ */ from_html("<span class=\"select-option-dash svelte-52lifo\"></span>"), root_7$13 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"><!></span>"), root_8$12 = /* @__PURE__ */ from_html("<div><!> </div>"), root_9$9 = /* @__PURE__ */ from_html("<span class=\"select-option-tick svelte-52lifo\" aria-hidden=\"true\"></span>"), root_10$8 = /* @__PURE__ */ from_html("<div><!> <!> <span class=\"select-option-label svelte-52lifo\"> </span> <!></div>"), root_11$7 = /* @__PURE__ */ from_html("<div class=\"select-bottom-content svelte-52lifo\"><!></div>"), root_12$7 = /* @__PURE__ */ from_html("<div role=\"listbox\"><!> <!></div>"), root_13$7 = /* @__PURE__ */ from_html("<div><div><!> <!> <span class=\"select-arrow svelte-52lifo\"></span></div> <!></div>"), $$css$34 = {
+var root$33 = /* @__PURE__ */ from_html("<input class=\"select-search svelte-52lifo\" type=\"text\" autocomplete=\"off\"/>"), root_1$29 = /* @__PURE__ */ from_html("<!> <!>", 1), root_2$23 = /* @__PURE__ */ from_html("<span class=\"select-placeholder svelte-52lifo\"> </span>"), root_3$21 = /* @__PURE__ */ from_html("<span> </span>"), root_4$17 = /* @__PURE__ */ from_html("<div class=\"select-empty svelte-52lifo\">No results</div>"), root_5$15 = /* @__PURE__ */ from_html("<span class=\"select-option-check svelte-52lifo\"></span>"), root_6$15 = /* @__PURE__ */ from_html("<span class=\"select-option-dash svelte-52lifo\"></span>"), root_7$13 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"><!></span>"), root_8$12 = /* @__PURE__ */ from_html("<div><!> </div>"), root_9$9 = /* @__PURE__ */ from_html("<span class=\"select-option-tick svelte-52lifo\" aria-hidden=\"true\"></span>"), root_10$8 = /* @__PURE__ */ from_html("<div><!> <!> <span class=\"select-option-label svelte-52lifo\"> </span> <!></div>"), root_11$8 = /* @__PURE__ */ from_html("<div class=\"select-bottom-content svelte-52lifo\"><!></div>"), root_12$7 = /* @__PURE__ */ from_html("<div role=\"listbox\"><!> <!></div>"), root_13$7 = /* @__PURE__ */ from_html("<div><div><!> <!> <span class=\"select-arrow svelte-52lifo\"></span></div> <!></div>"), $$css$34 = {
 	hash: "svelte-52lifo",
 	code: ".select.svelte-52lifo {position:relative;width:var(--select-width, 100%);font-family:var(--select-font-family, inherit);font-size:var(--select-font-size, 14px);color:var(--select-color, #333333);}.select.disabled.svelte-52lifo {opacity:var(--select-disabled-opacity, 0.5);cursor:var(--select-disabled-cursor, not-allowed);pointer-events:none;}.select-trigger.svelte-52lifo {display:flex;flex-wrap:wrap;align-items:center;gap:var(--select-trigger-gap, 4px);min-height:var(--select-trigger-min-height, 40px);padding:var(--select-trigger-padding, 8px 12px);background:var(--select-trigger-background, #ffffff);border:var(--select-trigger-border, 1px solid #cccccc);border-radius:var(--select-trigger-border-radius, var(--radius, 4px));cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:var(--select-trigger-transition, border-color 0.15s, box-shadow 0.15s);}.select-trigger.svelte-52lifo .select-left-icon {--image-width: var(--select-left-icon-size, 16px);--image-height: var(--select-left-icon-size, 16px);--image-object-fit: contain;\n\n    /* The icon inlines, so a currentColor asset resolves against this. Defaults to\n       `inherit` — the trigger's text colour, which is what it already did — so this is\n       a hook, not a change. Without it a consumer cannot tint the icon independently\n       of the label, and an icon migrated to currentColor is forced to match its label\n       exactly, flattening any deliberate muted-icon/strong-label hierarchy. */color:var(--select-left-icon-color, inherit);flex:none;}.select-trigger.svelte-52lifo:hover:not(.disabled:where(.svelte-52lifo) .select-trigger:where(.svelte-52lifo)) {border-color:var(--select-trigger-hover-border-color, #999999);}.select-trigger.svelte-52lifo:focus-within,\n  .select.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-trigger-focus-border-color, #2563eb);box-shadow:var(--select-trigger-focus-shadow, 0 0 0 2px rgba(37, 99, 235, 0.2));}.select-value.svelte-52lifo {flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:var(--select-value-align, left);}.select-placeholder.svelte-52lifo {flex:1;color:var(--select-placeholder-color, #999999);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:var(--select-value-align, left);}.select-search.svelte-52lifo {flex:1;min-width:60px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;color:inherit;padding:0;cursor:text;}.select-search.svelte-52lifo::placeholder {color:var(--select-placeholder-color, #999999);}.select-arrow.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;width:var(--select-arrow-size, 16px);height:var(--select-arrow-size, 16px);color:var(--select-arrow-color, #666666);flex-shrink:0;transition:transform 0.15s;}.select.open.svelte-52lifo .select-arrow:where(.svelte-52lifo) {transform:rotate(180deg);}.select-arrow.svelte-52lifo svg {width:100%;height:100%;}.select-dropdown.svelte-52lifo {position:absolute;top:100%;left:var(--select-dropdown-left, 0);right:var(--select-dropdown-right, 0);min-width:var(--select-dropdown-min-width, auto);max-width:var(--select-dropdown-max-width, none);width:var(--select-dropdown-width, auto);margin-top:var(--select-dropdown-gap, 4px);background:var(--select-dropdown-background, #ffffff);border:var(--select-dropdown-border, 1px solid #cccccc);border-radius:var(--select-dropdown-border-radius, var(--radius, 4px));box-shadow:var(--select-dropdown-shadow, 0 4px 12px rgba(0, 0, 0, 0.1));max-height:var(--select-dropdown-max-height, 200px);overflow-y:auto;z-index:var(--select-dropdown-z-index, 10);}.select-dropdown-right.svelte-52lifo {left:auto;right:var(--select-dropdown-right, 0);min-width:var(--select-dropdown-min-width, 100%);max-width:var(--select-dropdown-max-width, none);width:var(--select-dropdown-width, max-content);}.select-dropdown.select-dropdown-portal.svelte-52lifo {\n    /* Portaled to <body>: fixed positioning escapes overflow/scroll ancestors\n       (e.g. a table cell). Placement (top/left/width/min-width) is set inline\n       from the trigger rect, so neutralise the in-flow anchoring here. */position:fixed;right:auto;margin-top:0;\n    /* In the root stacking context the panel competes with modals/sheets rather\n       than painting above same-container siblings, so default it into the\n       top-layer band (consumers still override via --select-dropdown-z-index). */z-index:var(--select-dropdown-z-index, 1000);}.select-option.svelte-52lifo {padding:var(--select-option-padding, 8px 12px);color:var(--select-option-color, #333333);font-size:var(--select-option-font-size, inherit);cursor:pointer;transition:background 0.1s;}\n\n  /* Per-option leading icon (SelectItem.icon). Kept inline + vertically centred so\n     it needs no change to the option's display and can't regress icon-less lists. */.select-option.svelte-52lifo .select-option-icon {--image-width: var(--select-option-icon-size, 16px);--image-height: var(--select-option-icon-size, 16px);--image-object-fit: contain;color:var(--select-option-icon-color, inherit);vertical-align:middle;margin-right:var(--select-option-icon-gap, 8px);}.select-option.multi.svelte-52lifo {display:flex;align-items:center;gap:var(--select-option-gap, 0);}.select-option.svelte-52lifo:hover,\n  .select-option.highlighted.svelte-52lifo {background:var(--select-option-hover-background, #f0f0f0);color:var(--select-option-hover-color, var(--select-option-color, #333333));}.select-option.selected.svelte-52lifo {background:var(--select-option-selected-background, #e8f0fe);color:var(--select-option-selected-color, var(--select-option-color, #333333));}.select-option.selected.highlighted.svelte-52lifo {background:var(\n      --select-option-selected-hover-background,\n      var(--select-option-selected-background, #e8f0fe)\n    );}.select-option-indicator.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--select-option-indicator-size, 18px);height:var(--select-option-indicator-size, 18px);border:var(--select-option-indicator-border, 2px solid #757575);border-radius:var(--select-option-indicator-border-radius, var(--radius, 4px));background-color:var(--select-option-indicator-background, transparent);color:var(--select-option-indicator-color, currentColor);transition:background-color 0.15s,\n      border-color 0.15s;}.select-option-indicator.checked.svelte-52lifo {background-color:var(--select-option-indicator-checked-background, #2196f3);border-color:var(--select-option-indicator-checked-border-color, #2196f3);}.select-option-check.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;width:var(--select-option-indicator-check-size, 12px);height:var(--select-option-indicator-check-size, 12px);color:var(--select-option-indicator-check-color, #ffffff);}.select-option-check.svelte-52lifo svg {width:100%;height:100%;}.select-option-indicator.indeterminate.svelte-52lifo {background-color:var(--select-option-indicator-checked-background, #2196f3);border-color:var(--select-option-indicator-checked-border-color, #2196f3);}.select-option-dash.svelte-52lifo {width:var(--select-option-indicator-dash-size, 10px);height:var(--select-option-indicator-dash-thickness, 2px);border-radius:1px;background-color:var(--select-option-indicator-dash-color, #ffffff);}.select-option.select-all.svelte-52lifo {border-bottom:var(--select-all-border, none);font-weight:var(--select-all-font-weight, inherit);}.select-empty.svelte-52lifo {padding:var(--select-empty-padding, 8px 12px);color:var(--select-empty-color, #999999);font-style:var(--select-empty-font-style, italic);font-size:var(--select-empty-font-size, inherit);}.select-bottom-content.svelte-52lifo {border-top:var(--select-bottom-content-border, none);padding:var(--select-bottom-content-padding, 8px 12px);}.select-trigger.svelte-52lifo .pill {--pill-background: var(--select-pill-background, #e0e0e0);--pill-color: var(--select-pill-color, #333333);--pill-border-radius: var(--select-pill-border-radius, 999px);--pill-padding: var(--select-pill-padding, 2px 8px);--pill-font-size: var(--select-pill-font-size, 13px);}\n\n  /* Ghost hierarchy: transparent, borderless trigger */.select.ghost.svelte-52lifo .select-trigger:where(.svelte-52lifo) {background:var(--select-ghost-trigger-background, transparent);border-color:var(--select-ghost-trigger-border-color, transparent);box-shadow:none;}.select.ghost.svelte-52lifo .select-trigger:where(.svelte-52lifo):hover:not(.disabled:where(.svelte-52lifo) .select-trigger:where(.svelte-52lifo)) {border-color:var(--select-ghost-trigger-hover-border-color, transparent);background:var(--select-ghost-trigger-hover-background, rgba(0, 0, 0, 0.04));}.select.ghost.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-ghost-trigger-open-border-color, transparent);background:var(--select-ghost-trigger-open-background, rgba(0, 0, 0, 0.06));box-shadow:none;}\n\n  /* Single-select right-edge tick (showSelectedTick) */.select-option.tickable.svelte-52lifo {display:flex;align-items:center;gap:8px;}.select-option.tickable.svelte-52lifo .select-option-label:where(.svelte-52lifo) {flex:1 1 auto;min-width:0;}.select-option-tick.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--select-option-tick-size, 16px);height:var(--select-option-tick-size, 16px);color:var(--select-option-tick-color, #2563eb);}.select-option-tick.svelte-52lifo svg {width:100%;height:100%;}"
 };
@@ -17507,7 +17519,7 @@ function Select(e, t) {
 			get(Et).length === 0 ? e(s) : e(c, -1);
 		});
 		var f = sibling(o, 2), S = (e) => {
-			var t = root_11$7();
+			var t = root_11$8();
 			snippet(child(t), l), reset(t), append(e, t);
 		};
 		if_block(f, (e) => {
@@ -18369,7 +18381,7 @@ var normalizeColumns = (e, t) => ({
 		})),
 		rest: n.length - i.length
 	};
-}, trend_up_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <path d=\"M2 11.5L6.5 7L9 9.5L14 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M9.5 4.5H14V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", trend_down_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <path d=\"M2 4.5L6.5 9L9 6.5L14 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M9.5 11.5H14V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", dots_vertical_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <circle cx=\"8\" cy=\"3\" r=\"1.5\" fill=\"currentColor\"/>\n  <circle cx=\"8\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\n  <circle cx=\"8\" cy=\"13\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>\n", root$29 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <!></div>"), root_1$25 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div>"), root_2$20 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-label-icon svelte-4boxsj\"><!></span>"), root_3$18 = /* @__PURE__ */ from_html("<div><!> <span> </span></div>"), root_4$15 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb svelte-4boxsj\"><!></span>"), root_5$14 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb builtin-thumb-placeholder svelte-4boxsj\"> </span>"), root_6$14 = /* @__PURE__ */ from_html("<div><!> <div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div></div>"), root_7$12 = /* @__PURE__ */ from_html("<div></div>"), root_8$11 = /* @__PURE__ */ from_html("<span class=\"builtin-avatar-rest svelte-4boxsj\"> </span>"), root_9$8 = /* @__PURE__ */ from_html("<div><!> <!></div>"), root_10$7 = /* @__PURE__ */ from_html("<span class=\"builtin-primary-text svelte-4boxsj\"> </span>"), root_11$6 = /* @__PURE__ */ from_html("<span class=\"builtin-secondary-text svelte-4boxsj\"> </span>"), root_12$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-up svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> </span>"), root_13$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-down svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> </span>"), root_14$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\">↔ 0%</span>"), root_15$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\"> </span>"), root_16$5 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_17$4 = /* @__PURE__ */ from_html("<span class=\"builtin-toggle svelte-4boxsj\" role=\"switch\"><!></span>"), root_18$4 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive svelte-4boxsj\"><!></span>"), root_19$4 = /* @__PURE__ */ from_html("<img class=\"builtin-input-icon svelte-4boxsj\" alt=\"\"/>"), root_20$3 = /* @__PURE__ */ from_html("<img class=\"builtin-button-icon svelte-4boxsj\" alt=\"\"/>"), root_21$3 = /* @__PURE__ */ from_html("<span><!></span>"), root_22$3 = /* @__PURE__ */ from_html("<span class=\"builtin-menu-dots svelte-4boxsj\"></span>"), root_23$3 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-button svelte-4boxsj\"><!></span>"), root_24$3 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive builtin-action-group svelte-4boxsj\"><!> <!></span>"), root_25$2 = /* @__PURE__ */ from_html("<span class=\"builtin-copy-icon svelte-4boxsj\"></span>"), root_26$2 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copied svelte-4boxsj\">Copied</span>"), root_27$1 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copy svelte-4boxsj\"><!></span> <!>", 1), root_28$1 = /* @__PURE__ */ from_html("<div class=\"builtin-link svelte-4boxsj\"><a target=\"_blank\" rel=\"noopener noreferrer\" class=\"builtin-link-anchor svelte-4boxsj\"> </a> <!></div>"), $$css$30 = {
+}, trend_up_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <path d=\"M2 11.5L6.5 7L9 9.5L14 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M9.5 4.5H14V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", trend_down_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <path d=\"M2 4.5L6.5 9L9 6.5L14 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M9.5 11.5H14V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", dots_vertical_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <circle cx=\"8\" cy=\"3\" r=\"1.5\" fill=\"currentColor\"/>\n  <circle cx=\"8\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\n  <circle cx=\"8\" cy=\"13\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>\n", root$29 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <!></div>"), root_1$25 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div>"), root_2$20 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-label-icon svelte-4boxsj\"><!></span>"), root_3$18 = /* @__PURE__ */ from_html("<div><!> <span> </span></div>"), root_4$15 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb svelte-4boxsj\"><!></span>"), root_5$14 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb builtin-thumb-placeholder svelte-4boxsj\"> </span>"), root_6$14 = /* @__PURE__ */ from_html("<div><!> <div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div></div>"), root_7$12 = /* @__PURE__ */ from_html("<div></div>"), root_8$11 = /* @__PURE__ */ from_html("<span class=\"builtin-avatar-rest svelte-4boxsj\"> </span>"), root_9$8 = /* @__PURE__ */ from_html("<div><!> <!></div>"), root_10$7 = /* @__PURE__ */ from_html("<span class=\"builtin-primary-text svelte-4boxsj\"> </span>"), root_11$7 = /* @__PURE__ */ from_html("<span class=\"builtin-secondary-text svelte-4boxsj\"> </span>"), root_12$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-up svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> </span>"), root_13$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-down svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> </span>"), root_14$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\">↔ 0%</span>"), root_15$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\"> </span>"), root_16$5 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_17$4 = /* @__PURE__ */ from_html("<span class=\"builtin-toggle svelte-4boxsj\" role=\"switch\"><!></span>"), root_18$4 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive svelte-4boxsj\"><!></span>"), root_19$4 = /* @__PURE__ */ from_html("<img class=\"builtin-input-icon svelte-4boxsj\" alt=\"\"/>"), root_20$3 = /* @__PURE__ */ from_html("<img class=\"builtin-button-icon svelte-4boxsj\" alt=\"\"/>"), root_21$3 = /* @__PURE__ */ from_html("<span><!></span>"), root_22$3 = /* @__PURE__ */ from_html("<span class=\"builtin-menu-dots svelte-4boxsj\"></span>"), root_23$3 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-button svelte-4boxsj\"><!></span>"), root_24$3 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive builtin-action-group svelte-4boxsj\"><!> <!></span>"), root_25$2 = /* @__PURE__ */ from_html("<span class=\"builtin-copy-icon svelte-4boxsj\"></span>"), root_26$2 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copied svelte-4boxsj\">Copied</span>"), root_27$1 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copy svelte-4boxsj\"><!></span> <!>", 1), root_28$1 = /* @__PURE__ */ from_html("<div class=\"builtin-link svelte-4boxsj\"><a target=\"_blank\" rel=\"noopener noreferrer\" class=\"builtin-link-anchor svelte-4boxsj\"> </a> <!></div>"), $$css$30 = {
 	hash: "svelte-4boxsj",
 	code: ".builtin-primary-text.svelte-4boxsj {display:block;font-size:var(--table-cell-primary-font-size, var(--table-content-font-size, 14px));color:var(--table-cell-primary-color, var(--table-content-color, #111827));}.builtin-secondary-text.svelte-4boxsj {display:block;font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);}.builtin-two-line.svelte-4boxsj,\n  .builtin-compare.svelte-4boxsj {display:flex;flex-direction:column;gap:var(--table-cell-line-gap, 2px);}\n\n  /* column.align lands on the td as text-align, which flex layouts ignore.\n     Column-flex builtins follow it via align-items… */.builtin-two-line.builtin-align-end.svelte-4boxsj,\n  .builtin-compare.builtin-align-end.svelte-4boxsj {align-items:flex-end;}.builtin-two-line.builtin-align-center.svelte-4boxsj,\n  .builtin-compare.builtin-align-center.svelte-4boxsj {align-items:center;}\n\n  /* …and row-flex builtins follow it via justify-content. */.builtin-text-tag.builtin-align-end.svelte-4boxsj,\n  .builtin-icon-label.builtin-align-end.svelte-4boxsj,\n  .builtin-image-two-line.builtin-align-end.svelte-4boxsj,\n  .builtin-tag-array.builtin-align-end.svelte-4boxsj,\n  .builtin-avatar-stack.builtin-align-end.svelte-4boxsj {justify-content:flex-end;}.builtin-text-tag.builtin-align-center.svelte-4boxsj,\n  .builtin-icon-label.builtin-align-center.svelte-4boxsj,\n  .builtin-image-two-line.builtin-align-center.svelte-4boxsj,\n  .builtin-tag-array.builtin-align-center.svelte-4boxsj,\n  .builtin-avatar-stack.builtin-align-center.svelte-4boxsj {justify-content:center;}.builtin-text-tag.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-label.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-label-icon.svelte-4boxsj img,\n  .builtin-icon-label-icon.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);color:var(--table-cell-icon-color, inherit);display:block;}.builtin-image-two-line.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-thumb.svelte-4boxsj {display:inline-flex;width:var(--table-cell-thumb-size, 32px);height:var(--table-cell-thumb-size, 32px);border-radius:var(--table-cell-thumb-radius, var(--radius, 4px));overflow:hidden;flex-shrink:0;}.builtin-thumb.svelte-4boxsj img {width:100%;height:100%;object-fit:cover;}.builtin-thumb-placeholder.svelte-4boxsj {display:flex;align-items:center;justify-content:center;background-color:var(--table-cell-thumb-placeholder-background, #f3f4f6);color:var(--table-cell-thumb-placeholder-color, #6b7280);font-size:var(--table-cell-thumb-placeholder-font-size, 14px);font-weight:600;line-height:1;text-transform:uppercase;}.builtin-tag-array.svelte-4boxsj {display:flex;flex-wrap:wrap;gap:var(--table-tag-array-gap, 4px);}.builtin-avatar-stack.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-avatar-rest.svelte-4boxsj {font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);}.builtin-trend.svelte-4boxsj {display:inline-flex;align-items:center;gap:var(--table-trend-gap, 4px);font-size:var(--table-cell-secondary-font-size, 12px);}.builtin-trend-up.svelte-4boxsj {color:var(--table-trend-up-color, #16a34a);}.builtin-trend-down.svelte-4boxsj {color:var(--table-trend-down-color, #dc2626);}.builtin-trend-flat.svelte-4boxsj {color:var(--table-trend-flat-color, #6b7280);}.builtin-trend-icon.svelte-4boxsj svg {width:var(--table-trend-icon-size, 12px);height:var(--table-trend-icon-size, 12px);display:block;}.builtin-toggle.svelte-4boxsj {display:inline-flex;align-items:center;}.builtin-interactive.svelte-4boxsj {display:inline-flex;align-items:center;min-width:0;width:var(--table-interactive-width, auto);}.builtin-input-icon.svelte-4boxsj {display:block;width:var(--table-cell-input-icon-size, 16px);height:var(--table-cell-input-icon-size, 16px);}.builtin-button-icon.svelte-4boxsj {display:block;width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);}.builtin-action-group.svelte-4boxsj {gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-button.svelte-4boxsj {--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-cell-icon-button-color, #6b7280);--button-hover-color: var(--table-cell-icon-button-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;}.builtin-menu-dots.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);display:block;}.builtin-link.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);min-width:0;}.builtin-link-anchor.svelte-4boxsj {color:var(--table-link-color, #2563eb);text-decoration:var(--table-link-decoration, underline);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}.builtin-link-copy.svelte-4boxsj {--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-link-copy-color, #6b7280);--button-hover-color: var(--table-link-copy-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;flex-shrink:0;}.builtin-copy-icon.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);display:block;}.builtin-link-copied.svelte-4boxsj {font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);flex-shrink:0;}"
 };
@@ -18630,7 +18642,7 @@ function BuiltinCell(e, t) {
 					typeof get(t).primary == "string" && e(a);
 				});
 				var o = sibling(i, 2), s = (e) => {
-					var n = root_11$6(), i = child(n, !0);
+					var n = root_11$7(), i = child(n, !0);
 					reset(n), template_effect(() => set_text(i, get(t).comparison)), append(e, n);
 				};
 				if_block(o, (e) => {
@@ -19079,7 +19091,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$28 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$24 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\" aria-label=\"Clear search\"></button>"), root_2$19 = /* @__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$17 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$14 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$13 = /* @__PURE__ */ from_html("<span class=\"table-checkbox-icon svelte-171ci2i\"></span>"), root_6$13 = /* @__PURE__ */ from_html("<th><span><!></span></th>"), root_7$11 = /* @__PURE__ */ from_html("<th></th>"), root_8$10 = /* @__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$29 = {
+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$28 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$24 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\" aria-label=\"Clear search\"></button>"), root_2$19 = /* @__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$17 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$14 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$13 = /* @__PURE__ */ from_html("<span class=\"table-checkbox-icon svelte-171ci2i\"></span>"), root_6$13 = /* @__PURE__ */ from_html("<th><span><!></span></th>"), root_7$11 = /* @__PURE__ */ from_html("<th></th>"), root_8$10 = /* @__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$6 = /* @__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$29 = {
 	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;}"
 };
@@ -19551,7 +19563,7 @@ function Table(e, t) {
 				var a = root_12$5(), o = child(a);
 				{
 					let e = (e) => {
-						var a = root_11$5();
+						var a = root_11$6();
 						let o;
 						var s = child(a);
 						{
@@ -20785,7 +20797,7 @@ var TIME_DISPLAY_PATTERN = /^(1[0-2]|0?[1-9]):([0-5][0-9])\s?(AM|PM)$/i, pad = (
 	}
 	let a = NUMERIC_SLASH_DATE_PATTERN.exec(t);
 	return a === null ? null : buildDateFromParts(Number(a[3]), Number(a[1]) - 1, Number(a[2]));
-}, root$25 = /* @__PURE__ */ from_html("<span class=\"drp-trigger-label svelte-gpybdi\"> </span> <span class=\"drp-trigger-icon svelte-gpybdi\" aria-hidden=\"true\"><!></span>", 1), root_1$21 = /* @__PURE__ */ from_html("<div class=\"drp-compare-panel-body svelte-gpybdi\"><!></div>"), root_2$16 = /* @__PURE__ */ from_html("<div class=\"drp-compare-panel svelte-gpybdi\" role=\"dialog\" aria-label=\"Compare period picker\" aria-modal=\"true\" tabindex=\"-1\"><!> <div class=\"drp-footer svelte-gpybdi\"><!> <!></div></div>"), root_3$14 = /* @__PURE__ */ from_html("<div class=\"drp-compare-trigger-wrapper svelte-gpybdi\"><!> <!></div>"), root_4$12 = /* @__PURE__ */ from_html("<span class=\"drp-preset-group-label svelte-gpybdi\"> </span>"), root_5$11 = /* @__PURE__ */ from_html("<div class=\"drp-preset-divider svelte-gpybdi\" role=\"separator\" aria-hidden=\"true\"><!></div>"), root_6$11 = /* @__PURE__ */ from_html("<span class=\"drp-preset-check svelte-gpybdi\" aria-hidden=\"true\"></span>"), root_7$10 = /* @__PURE__ */ from_html("<!> <button type=\"button\" role=\"option\"> <!></button>", 1), root_8$9 = /* @__PURE__ */ from_html("<div class=\"drp-sidebar svelte-gpybdi\" role=\"listbox\" aria-label=\"Date presets\"></div>"), root_9$6 = /* @__PURE__ */ from_html("<div class=\"drp-date-time-group svelte-gpybdi\"><div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"Start date\" aria-label=\"Start date\"/></div> <div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"12:00 AM\" aria-label=\"Start time\"/></div></div> <span class=\"drp-datetime-arrow svelte-gpybdi\" aria-hidden=\"true\"></span> <div class=\"drp-date-time-group svelte-gpybdi\"><div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"End date\" aria-label=\"End date\"/></div> <div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"11:59 PM\" aria-label=\"End time\"/></div></div>", 1), root_10$5 = /* @__PURE__ */ from_html("<button type=\"button\" aria-label=\"Toggle time selection\"><span class=\"drp-time-toggle-icon svelte-gpybdi\" aria-hidden=\"true\"></span></button>"), root_11$4 = /* @__PURE__ */ from_html("<div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"Start date\" aria-label=\"Start date\"/></div> <span class=\"drp-datetime-arrow svelte-gpybdi\" aria-hidden=\"true\"></span> <div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"End date\" aria-label=\"End date\"/></div> <!>", 1), root_12$4 = /* @__PURE__ */ from_html("<div class=\"drp-time-input-row svelte-gpybdi\"><div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"12:00 AM\" aria-label=\"Start time\"/></div> <span class=\"drp-datetime-arrow svelte-gpybdi\" aria-hidden=\"true\"></span> <div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"11:59 PM\" aria-label=\"End time\"/></div></div>"), root_13$4 = /* @__PURE__ */ from_html("<div><div class=\"drp-date-input-row svelte-gpybdi\"><!></div> <!></div>"), root_14$4 = /* @__PURE__ */ from_html("<!> <!>", 1), root_15$4 = /* @__PURE__ */ from_html("<div class=\"drp-dual-header svelte-gpybdi\"><button type=\"button\" class=\"drp-nav-btn svelte-gpybdi\" aria-label=\"Previous months\"><span class=\"drp-nav-chevron drp-nav-chevron-left svelte-gpybdi\" aria-hidden=\"true\"></span></button> <div class=\"drp-dual-month-labels svelte-gpybdi\"><span class=\"drp-month-label svelte-gpybdi\"> </span> <span class=\"drp-month-label svelte-gpybdi\"> </span></div> <button type=\"button\" class=\"drp-nav-btn svelte-gpybdi\" aria-label=\"Next months\"><span class=\"drp-nav-chevron drp-nav-chevron-right svelte-gpybdi\" aria-hidden=\"true\"></span></button></div> <div class=\"drp-months-row svelte-gpybdi\"><!></div>", 1), root_16$3 = /* @__PURE__ */ from_html("<div class=\"drp-time-row svelte-gpybdi\"><!></div>"), root_17$2 = /* @__PURE__ */ from_html("<div class=\"drp-compare-section svelte-gpybdi\"><!></div>"), root_18$2 = /* @__PURE__ */ from_html("<div role=\"dialog\" aria-label=\"Date range picker\" aria-modal=\"true\"><div class=\"drp-panel-inner svelte-gpybdi\"><!> <div class=\"drp-calendars svelte-gpybdi\"><!> <!> <!> <!></div></div> <div class=\"drp-footer svelte-gpybdi\"><!> <!> <!></div></div>"), root_19$2 = /* @__PURE__ */ from_html("<div><div class=\"drp-trigger-wrapper svelte-gpybdi\"><!></div> <!> <!></div>"), $$css$26 = {
+}, root$25 = /* @__PURE__ */ from_html("<span class=\"drp-trigger-label svelte-gpybdi\"> </span> <span class=\"drp-trigger-icon svelte-gpybdi\" aria-hidden=\"true\"><!></span>", 1), root_1$21 = /* @__PURE__ */ from_html("<div class=\"drp-compare-panel-body svelte-gpybdi\"><!></div>"), root_2$16 = /* @__PURE__ */ from_html("<div class=\"drp-compare-panel svelte-gpybdi\" role=\"dialog\" aria-label=\"Compare period picker\" aria-modal=\"true\" tabindex=\"-1\"><!> <div class=\"drp-footer svelte-gpybdi\"><!> <!></div></div>"), root_3$14 = /* @__PURE__ */ from_html("<div class=\"drp-compare-trigger-wrapper svelte-gpybdi\"><!> <!></div>"), root_4$12 = /* @__PURE__ */ from_html("<span class=\"drp-preset-group-label svelte-gpybdi\"> </span>"), root_5$11 = /* @__PURE__ */ from_html("<div class=\"drp-preset-divider svelte-gpybdi\" role=\"separator\" aria-hidden=\"true\"><!></div>"), root_6$11 = /* @__PURE__ */ from_html("<span class=\"drp-preset-check svelte-gpybdi\" aria-hidden=\"true\"></span>"), root_7$10 = /* @__PURE__ */ from_html("<!> <button type=\"button\" role=\"option\"> <!></button>", 1), root_8$9 = /* @__PURE__ */ from_html("<div class=\"drp-sidebar svelte-gpybdi\" role=\"listbox\" aria-label=\"Date presets\"></div>"), root_9$6 = /* @__PURE__ */ from_html("<div class=\"drp-date-time-group svelte-gpybdi\"><div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"Start date\" aria-label=\"Start date\"/></div> <div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"12:00 AM\" aria-label=\"Start time\"/></div></div> <span class=\"drp-datetime-arrow svelte-gpybdi\" aria-hidden=\"true\"></span> <div class=\"drp-date-time-group svelte-gpybdi\"><div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"End date\" aria-label=\"End date\"/></div> <div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"11:59 PM\" aria-label=\"End time\"/></div></div>", 1), root_10$5 = /* @__PURE__ */ from_html("<button type=\"button\" aria-label=\"Toggle time selection\"><span class=\"drp-time-toggle-icon svelte-gpybdi\" aria-hidden=\"true\"></span></button>"), root_11$5 = /* @__PURE__ */ from_html("<div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"Start date\" aria-label=\"Start date\"/></div> <span class=\"drp-datetime-arrow svelte-gpybdi\" aria-hidden=\"true\"></span> <div><input type=\"text\" class=\"drp-date-input-value svelte-gpybdi\" maxlength=\"32\" placeholder=\"End date\" aria-label=\"End date\"/></div> <!>", 1), root_12$4 = /* @__PURE__ */ from_html("<div class=\"drp-time-input-row svelte-gpybdi\"><div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"12:00 AM\" aria-label=\"Start time\"/></div> <span class=\"drp-datetime-arrow svelte-gpybdi\" aria-hidden=\"true\"></span> <div><span class=\"drp-time-input-icon svelte-gpybdi\" aria-hidden=\"true\"></span> <input type=\"text\" class=\"drp-time-field svelte-gpybdi\" maxlength=\"8\" placeholder=\"11:59 PM\" aria-label=\"End time\"/></div></div>"), root_13$4 = /* @__PURE__ */ from_html("<div><div class=\"drp-date-input-row svelte-gpybdi\"><!></div> <!></div>"), root_14$4 = /* @__PURE__ */ from_html("<!> <!>", 1), root_15$4 = /* @__PURE__ */ from_html("<div class=\"drp-dual-header svelte-gpybdi\"><button type=\"button\" class=\"drp-nav-btn svelte-gpybdi\" aria-label=\"Previous months\"><span class=\"drp-nav-chevron drp-nav-chevron-left svelte-gpybdi\" aria-hidden=\"true\"></span></button> <div class=\"drp-dual-month-labels svelte-gpybdi\"><span class=\"drp-month-label svelte-gpybdi\"> </span> <span class=\"drp-month-label svelte-gpybdi\"> </span></div> <button type=\"button\" class=\"drp-nav-btn svelte-gpybdi\" aria-label=\"Next months\"><span class=\"drp-nav-chevron drp-nav-chevron-right svelte-gpybdi\" aria-hidden=\"true\"></span></button></div> <div class=\"drp-months-row svelte-gpybdi\"><!></div>", 1), root_16$3 = /* @__PURE__ */ from_html("<div class=\"drp-time-row svelte-gpybdi\"><!></div>"), root_17$2 = /* @__PURE__ */ from_html("<div class=\"drp-compare-section svelte-gpybdi\"><!></div>"), root_18$2 = /* @__PURE__ */ from_html("<div role=\"dialog\" aria-label=\"Date range picker\" aria-modal=\"true\"><div class=\"drp-panel-inner svelte-gpybdi\"><!> <div class=\"drp-calendars svelte-gpybdi\"><!> <!> <!> <!></div></div> <div class=\"drp-footer svelte-gpybdi\"><!> <!> <!></div></div>"), root_19$2 = /* @__PURE__ */ from_html("<div><div class=\"drp-trigger-wrapper svelte-gpybdi\"><!></div> <!> <!></div>"), $$css$26 = {
 	hash: "svelte-gpybdi",
 	code: ".drp-root.svelte-gpybdi {position:relative;display:inline-block;}\n\n  /* ── Trigger wrapper ── */.drp-trigger-wrapper.svelte-gpybdi {display:inline-block;}\n\n  /* Bridge drp-trigger CSS vars to Button CSS vars on the wrapper */.drp-trigger-wrapper.svelte-gpybdi {--button-color: var(--drp-trigger-background, inherit);--button-border: var(--drp-trigger-border, 1px solid currentColor);--button-border-radius: var(--drp-trigger-border-radius, var(--radius, 4px));--button-text-color: var(--drp-trigger-color, inherit);--button-padding: var(--drp-trigger-padding, 8px 12px);--button-min-width: var(--drp-trigger-min-width, 200px);--button-gap: var(--drp-trigger-gap, 8px);--button-hover-border: var(\n      --drp-trigger-hover-border,\n      var(--drp-trigger-border, 1px solid currentColor)\n    );}.drp-trigger-wrapper .drp-trigger {display:inline-flex;align-items:center;gap:var(--drp-trigger-gap, 8px);white-space:nowrap;min-width:var(--drp-trigger-min-width, 200px);}.drp-trigger-wrapper .drp-trigger-open {border-color:var(--drp-trigger-open-border-color, #000000);box-shadow:var(--drp-trigger-open-shadow, 0 0 0 2px rgba(0, 0, 0, 0.1));}.drp-trigger-label.svelte-gpybdi {flex:1;text-align:left;}.drp-trigger-icon.svelte-gpybdi {display:inline-flex;align-items:center;color:var(--drp-trigger-icon-color, inherit);flex-shrink:0;}\n\n  /* ── Panel ── */.drp-panel.svelte-gpybdi {position:absolute;top:calc(100% + var(--drp-panel-offset, 6px));z-index:var(--drp-panel-z-index, 1000);background:var(--drp-panel-background, inherit);border:var(--drp-panel-border, 1px solid #e0e0e0);border-radius:var(--drp-panel-border-radius, var(--radius, 4px));box-shadow:var(--drp-panel-shadow, 0 8px 24px rgba(0, 0, 0, 0.12));display:flex;flex-direction:column;min-width:var(--drp-panel-min-width, 320px);max-width:var(--drp-panel-max-width, 760px);max-height:var(--drp-panel-max-height, calc(100dvh - 80px));overflow:hidden;}\n\n  /* Set only when the panel would not fit below the trigger — see positionPanel(). */.drp-panel-above.svelte-gpybdi {top:auto;bottom:calc(100% + var(--drp-panel-offset, 6px));}.drp-panel-align-left.svelte-gpybdi {left:0;right:auto;}.drp-panel-align-right.svelte-gpybdi {right:0;left:auto;}.drp-panel-inner.svelte-gpybdi {display:flex;flex-direction:row;flex:1;min-height:0;overflow-y:auto;}\n\n  /* ── Sidebar ── */.drp-sidebar.svelte-gpybdi {display:flex;flex-direction:column;padding:var(--drp-sidebar-padding, 12px 8px);border-right:var(--drp-sidebar-border, 1px solid #e8e8e8);min-width:var(--drp-sidebar-min-width, 140px);gap:2px;overflow-y:auto;max-height:var(--drp-sidebar-max-height, 400px);}.drp-preset-item.svelte-gpybdi {display:block;width:100%;text-align:left;padding:var(--drp-preset-padding, 7px 12px);background:none;border:none;border-radius:var(--drp-preset-border-radius, var(--radius, 4px));color:var(--drp-preset-color, inherit);cursor:pointer;white-space:nowrap;transition:background 0.12s ease;}.drp-preset-item.svelte-gpybdi:hover {background:var(--drp-preset-hover-background, #f5f5f5);}.drp-preset-active.svelte-gpybdi {background:var(--drp-preset-active-background, currentColor);color:var(--drp-preset-active-color, #ffffff);}.drp-preset-active.svelte-gpybdi:hover {background:var(--drp-preset-active-hover-background, #333333);}\n\n  /* Opt-in checkmark layout: reserve a trailing slot so the active preset's tick\n     sits flush-right while the label stays left. A preset with no tick (or a\n     label-only preset) keeps its single flex child at the start, unchanged. */.drp-preset-checkable.svelte-gpybdi {display:flex;align-items:center;justify-content:space-between;gap:var(--drp-preset-check-gap, 8px);}.drp-preset-check.svelte-gpybdi {display:inline-flex;flex-shrink:0;width:var(--drp-preset-check-size, 16px);height:var(--drp-preset-check-size, 16px);color:var(--drp-preset-check-color, inherit);}.drp-preset-check.svelte-gpybdi svg {width:100%;height:100%;}\n\n  /* ── Calendar area ── */.drp-calendars.svelte-gpybdi {display:flex;flex-direction:column;padding:var(--drp-calendars-padding, 16px);gap:var(--drp-calendars-gap, 16px);flex:1;}\n\n  /* Dual-month shared nav header */.drp-dual-header.svelte-gpybdi {display:flex;align-items:center;justify-content:space-between;gap:8px;}.drp-dual-month-labels.svelte-gpybdi {display:flex;flex:1;justify-content:space-around;}.drp-month-label.svelte-gpybdi {color:var(--drp-month-label-color, inherit);text-transform:capitalize;}.drp-nav-btn.svelte-gpybdi {display:inline-flex;align-items:center;justify-content:center;width:var(--drp-nav-btn-size, 32px);height:var(--drp-nav-btn-size, 32px);background:none;border:none;border-radius:var(--drp-nav-btn-border-radius, var(--radius, 4px));cursor:pointer;color:var(--drp-nav-btn-color, inherit);transition:background 0.12s ease;padding:0;}.drp-nav-btn.svelte-gpybdi:hover {background:var(--drp-nav-btn-hover-background, #f0f0f0);}\n\n  /* CSS-only chevrons for the dual-nav */.drp-nav-chevron.svelte-gpybdi {display:inline-block;width:8px;height:8px;border-right:var(--drp-nav-chevron-border, 2px solid currentColor);border-top:var(--drp-nav-chevron-border, 2px solid currentColor);}.drp-nav-chevron-left.svelte-gpybdi {transform:rotate(-135deg);margin-left:2px;}.drp-nav-chevron-right.svelte-gpybdi {transform:rotate(45deg);margin-right:2px;}.drp-months-row.svelte-gpybdi {display:flex;gap:var(--drp-months-gap, 24px);}\n\n  /* Embedded calendar: strip outer chrome so only the grid shows */.drp-calendar-embedded {--calendar-border: none;--calendar-box-shadow: none;--calendar-background: transparent;--calendar-padding: 0;}\n\n  /* Suppress Calendar's own header in dual-month mode; single mode keeps it for navigation */.drp-months-row .drp-calendar-embedded {--calendar-header-display: none;}\n\n  /* ── Time picker slot ── */.drp-time-row.svelte-gpybdi {display:flex;align-items:center;gap:var(--drp-time-row-gap, 16px);padding-top:var(--drp-time-row-padding-top, 8px);border-top:var(--drp-time-divider, 1px solid #e8e8e8);flex-wrap:wrap;}\n\n  /* ── Built-in date + time inputs (showDateInputs / showTimeSelection) ── */.drp-datetime-header.svelte-gpybdi {display:flex;flex-direction:column;gap:var(--drp-datetime-gap, 8px);padding-bottom:var(--drp-datetime-padding-bottom, 12px);margin-bottom:var(--drp-datetime-margin-bottom, 4px);border-bottom:var(--drp-datetime-divider, 1px solid #e8e8e8);}.drp-date-input-row.svelte-gpybdi,\n  .drp-time-input-row.svelte-gpybdi {display:flex;align-items:center;gap:var(--drp-datetime-row-gap, 12px);}.drp-date-input.svelte-gpybdi {flex:1;min-width:0;padding:var(--drp-date-input-padding, 10px 14px);border:var(--drp-date-input-border, 1px solid #d4d4d4);border-radius:var(--drp-date-input-radius, var(--radius, 4px));background:var(--drp-date-input-background, #ffffff);}.drp-date-input-invalid.svelte-gpybdi {border-color:var(--drp-date-input-invalid-border, #e5484d);}.drp-date-input-value.svelte-gpybdi {display:block;width:100%;min-width:0;padding:0;border:none;outline:none;background:transparent;color:var(--drp-date-input-color, #333333);font-size:var(--drp-date-input-font-size, 13px);font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.drp-date-input-value.svelte-gpybdi::placeholder {color:var(--drp-date-input-placeholder-color, #aaaaaa);}.drp-datetime-arrow.svelte-gpybdi {flex-shrink:0;display:inline-flex;width:var(--drp-datetime-arrow-size, 16px);height:var(--drp-datetime-arrow-size, 16px);color:var(--drp-datetime-arrow-color, #888888);}.drp-datetime-arrow.svelte-gpybdi svg {width:100%;height:100%;}.drp-time-toggle.svelte-gpybdi {flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--drp-time-toggle-size, 40px);height:var(--drp-time-toggle-size, 40px);padding:0;border:var(--drp-time-toggle-border, 1px solid #d4d4d4);border-radius:var(--drp-time-toggle-radius, var(--radius, 4px));background:var(--drp-time-toggle-background, #f6f7f9);color:var(--drp-time-toggle-color, #555555);cursor:pointer;}.drp-time-toggle-active.svelte-gpybdi {border-color:var(--drp-time-toggle-active-border, currentColor);color:var(--drp-time-toggle-active-color, #1b85ff);}.drp-time-toggle-icon.svelte-gpybdi {display:inline-flex;width:var(--drp-time-toggle-icon-size, 16px);height:var(--drp-time-toggle-icon-size, 16px);}.drp-time-toggle-icon.svelte-gpybdi svg {width:100%;height:100%;}.drp-time-input.svelte-gpybdi {position:relative;flex:1;min-width:0;display:flex;align-items:center;border:var(--drp-time-input-border, 1px solid #d4d4d4);border-radius:var(--drp-time-input-radius, var(--radius, 4px));background:var(--drp-time-input-background, #ffffff);}.drp-time-input-invalid.svelte-gpybdi {border-color:var(--drp-time-input-invalid-border, #e5484d);}.drp-time-input-icon.svelte-gpybdi {display:inline-flex;flex-shrink:0;width:var(--drp-time-input-icon-size, 16px);height:var(--drp-time-input-icon-size, 16px);margin-left:var(--drp-time-input-icon-gap, 12px);color:var(--drp-time-input-icon-color, #888888);pointer-events:none;}.drp-time-input-icon.svelte-gpybdi svg {width:100%;height:100%;}.drp-time-field.svelte-gpybdi {flex:1;min-width:0;width:100%;padding:var(--drp-time-field-padding, 10px 14px 10px 8px);border:none;outline:none;background:transparent;color:var(--drp-time-field-color, #333333);font-size:var(--drp-time-field-font-size, 13px);font-family:inherit;}.drp-time-field.svelte-gpybdi::placeholder {color:var(--drp-time-field-placeholder-color, #aaaaaa);}\n\n  /* ── Inline time layout (timeSelectionLayout=\"inline\") ── */\n  /* Each date input is paired with its time input on the same row: the date box\n     flexes to fill, the time input takes a fixed compact width beside it. */.drp-date-time-group.svelte-gpybdi {display:flex;align-items:center;flex:1;min-width:0;gap:var(--drp-datetime-inline-gap, 8px);}.drp-date-time-group.svelte-gpybdi .drp-date-input:where(.svelte-gpybdi) {flex:1;}.drp-time-input.drp-time-input-inline.svelte-gpybdi {flex:0 0 var(--drp-time-inline-width, 116px);}\n\n  /* ── Compare calendar slot ── */.drp-compare-section.svelte-gpybdi {display:flex;flex-direction:column;gap:8px;padding-top:var(--drp-compare-padding-top, 12px);border-top:var(--drp-compare-divider, 1px solid #e8e8e8);}\n\n  /* ── Footer ── */.drp-footer.svelte-gpybdi {display:flex;justify-content:flex-end;align-items:center;gap:var(--drp-footer-gap, 8px);padding:var(--drp-footer-padding, 12px 16px);border-top:var(--drp-footer-border, 1px solid #e8e8e8);}\n\n  /* ── Preset group dividers ── */.drp-preset-divider.svelte-gpybdi {display:flex;align-items:center;gap:var(--drp-preset-divider-gap, 6px);margin:var(--drp-preset-divider-margin, 4px 0);padding:0 var(--drp-preset-padding-left, 12px);}.drp-preset-divider.svelte-gpybdi::before {content:'';flex:1;height:0;border-top:var(--drp-preset-divider-border, 1px solid #e8e8e8);}.drp-preset-group-label.svelte-gpybdi {color:var(--drp-preset-group-label-color, #999999);white-space:nowrap;flex-shrink:0;}.drp-preset-divider.svelte-gpybdi:has(.drp-preset-group-label:where(.svelte-gpybdi)) {padding-right:var(--drp-preset-padding-right, 12px);}.drp-preset-divider.svelte-gpybdi:has(.drp-preset-group-label:where(.svelte-gpybdi))::before {flex:none;width:var(--drp-preset-divider-leader-width, 8px);}.drp-preset-divider.svelte-gpybdi:has(.drp-preset-group-label:where(.svelte-gpybdi))::after {content:'';flex:1;height:0;border-top:var(--drp-preset-divider-border, 1px solid #e8e8e8);}\n\n  /* Cancel button variant via Button's CSS vars */.drp-btn-cancel {--button-color: transparent;--button-border: 1px solid var(--drp-cancel-border-color, #d0d0d0);--button-text-color: var(--drp-cancel-color, inherit);--button-hover-color: var(--drp-cancel-hover-background, #f5f5f5);}\n\n  /* Clear button variant (single-mode reset) */.drp-btn-clear {--button-color: transparent;--button-border: 1px solid var(--drp-clear-border-color, #d0d0d0);--button-text-color: var(--drp-clear-color, inherit);--button-hover-color: var(--drp-clear-hover-background, #f5f5f5);margin-right:auto;}\n\n  /* Apply button variant */.drp-btn-apply {--button-color: var(--drp-apply-background, currentColor);--button-border: none;--button-text-color: var(--drp-apply-color, #ffffff);--button-hover-color: var(--drp-apply-hover-background, #333333);--disabled-background-color: var(--drp-apply-disabled-background, #cccccc);--disabled-text-color: var(--drp-apply-disabled-color, #888888);}\n\n  /* ── Compare standalone trigger ── */.drp-compare-trigger-wrapper.svelte-gpybdi {display:inline-block;position:relative;--button-color: var(--drp-compare-trigger-background, inherit);--button-border: var(--drp-compare-trigger-border, 1px solid currentColor);--button-border-radius: var(--drp-compare-trigger-border-radius, var(--radius, 4px));--button-text-color: var(--drp-compare-trigger-color, inherit);--button-padding: var(--drp-compare-trigger-padding, 8px 12px);--button-min-width: var(--drp-compare-trigger-min-width, 160px);}.drp-compare-trigger-open {border-color:var(--drp-trigger-open-border-color, #000000);box-shadow:var(--drp-trigger-open-shadow, 0 0 0 2px rgba(0, 0, 0, 0.1));}\n\n  /* ── Compare standalone panel ── */.drp-compare-panel.svelte-gpybdi {position:absolute;top:calc(100% + var(--drp-panel-offset, 6px));left:var(--drp-compare-panel-left, 0);z-index:var(--drp-panel-z-index, 1000);background:var(--drp-panel-background, inherit);border:var(--drp-panel-border, 1px solid #e0e0e0);border-radius:var(--drp-panel-border-radius, var(--radius, 4px));box-shadow:var(--drp-panel-shadow, 0 8px 24px rgba(0, 0, 0, 0.12));display:flex;flex-direction:column;min-width:var(--drp-compare-panel-min-width, 280px);overflow:hidden;}.drp-compare-panel-body.svelte-gpybdi {padding:var(--drp-calendars-padding, 16px);}"
 };
@@ -21443,7 +21455,7 @@ function DateRangePicker(e, t) {
 					o = set_class(a, 1, "drp-date-input svelte-gpybdi", null, o, { "drp-date-input-invalid": !get(qn) }), set_value(s, get(Qt)), set_attribute(s, "aria-invalid", !get(qn)), set_attribute(s, "data-pw", at() ? `${at()}-start-date` : null), set_attribute(s, "testid", at() ? `${at()}-start-date` : null), l = set_class(c, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, l, { "drp-time-input-invalid": !get(wn) }), set_attribute(f, "aria-invalid", !get(wn)), set_attribute(f, "data-pw", at() ? `${at()}-start-time` : null), set_attribute(f, "testid", at() ? `${at()}-start-time` : null), C = set_class(S, 1, "drp-date-input svelte-gpybdi", null, C, { "drp-date-input-invalid": !get(Jn) }), set_value(k, get($t)), set_attribute(k, "aria-invalid", !get(Jn)), set_attribute(k, "data-pw", at() ? `${at()}-end-date` : null), set_attribute(k, "testid", at() ? `${at()}-end-date` : null), G = set_class(R, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, G, { "drp-time-input-invalid": !get(Tn) }), set_attribute(ne, "aria-invalid", !get(Tn)), set_attribute(ne, "data-pw", at() ? `${at()}-end-time` : null), set_attribute(ne, "testid", at() ? `${at()}-end-time` : null);
 				}), delegated("input", s, (e) => Qn(e, "start")), event("blur", s, () => $n("start")), delegated("keydown", s, (e) => er(e, "start")), bind_value(f, () => get(Bt), (e) => set(Bt, e)), delegated("input", k, (e) => Qn(e, "end")), event("blur", k, () => $n("end")), delegated("keydown", k, (e) => er(e, "end")), bind_value(ne, () => get(Ht), (e) => set(Ht, e)), append(e, t);
 			}, c = (e) => {
-				var t = root_11$4(), i = first_child(t);
+				var t = root_11$5(), i = first_child(t);
 				let a;
 				var o = child(i);
 				remove_input_defaults(o), reset(i);
@@ -29194,7 +29206,7 @@ create_custom_element(DeltaIndicator, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/lib/StatCard/StatCard.svelte
-var root$22 = /* @__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$19 = /* @__PURE__ */ from_html("<div class=\"statcard-title svelte-pfmus\"> </div>"), root_2$14 = /* @__PURE__ */ from_html("<div class=\"statcard-header-checkbox svelte-pfmus\"><!></div>"), root_3$13 = /* @__PURE__ */ from_html("<div class=\"statcard-header-right svelte-pfmus\"><!></div>"), root_4$11 = /* @__PURE__ */ from_html("<div class=\"statcard-header svelte-pfmus\"><div class=\"statcard-header-left svelte-pfmus\"><!> <!></div> <!></div>"), root_5$10 = /* @__PURE__ */ from_html("<div class=\"statcard-row-divider svelte-pfmus\"></div>"), root_6$10 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading statcard-row-heading-tooltip svelte-pfmus\"> </div>"), root_7$9 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading svelte-pfmus\"> </div>"), root_8$8 = /* @__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$23 = {
+var root$22 = /* @__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$19 = /* @__PURE__ */ from_html("<div class=\"statcard-title svelte-pfmus\"> </div>"), root_2$14 = /* @__PURE__ */ from_html("<div class=\"statcard-header-checkbox svelte-pfmus\"><!></div>"), root_3$13 = /* @__PURE__ */ from_html("<div class=\"statcard-header-right svelte-pfmus\"><!></div>"), root_4$11 = /* @__PURE__ */ from_html("<div class=\"statcard-header svelte-pfmus\"><div class=\"statcard-header-left svelte-pfmus\"><!> <!></div> <!></div>"), root_5$10 = /* @__PURE__ */ from_html("<div class=\"statcard-row-divider svelte-pfmus\"></div>"), root_6$10 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading statcard-row-heading-tooltip svelte-pfmus\"> </div>"), root_7$9 = /* @__PURE__ */ from_html("<div class=\"statcard-row-heading svelte-pfmus\"> </div>"), root_8$8 = /* @__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$4 = /* @__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$23 = {
 	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-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);}"
 };
@@ -29462,7 +29474,7 @@ function StatCard(e, t) {
 				typeof get(t).change == "number" ? e(G) : get(t).change === null && e(te, 1);
 			});
 			var ne = sibling(R, 2), re = (e) => {
-				var i = root_11$3();
+				var i = root_11$4();
 				let a;
 				var o = child(i, !0);
 				reset(i), template_effect(() => {
@@ -29542,7 +29554,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_11$3();
+			var t = root_11$4();
 			let n;
 			var i = child(t, !0);
 			reset(t), template_effect(() => {
@@ -30765,7 +30777,7 @@ customElements.define("sui-media-player", create_custom_element(MediaPlayer_wc,
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/lib/assets/add.svg?raw
-var add_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n  <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n  <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n</svg>\n", file_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M14 3v5h5\" />\n  <path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8l-5-5z\" />\n</svg>\n", root$17 = /* @__PURE__ */ from_html("<div class=\"label svelte-nabf7u\"> </div>"), root_1$15 = /* @__PURE__ */ from_html("<div class=\"counter svelte-nabf7u\"> </div>"), root_2$11 = /* @__PURE__ */ from_html("<div class=\"header svelte-nabf7u\"><!> <!></div>"), root_3$10 = /* @__PURE__ */ from_html("<div class=\"description svelte-nabf7u\"> </div>"), root_4$9 = /* @__PURE__ */ from_html("<span class=\"thumb svelte-nabf7u\"><!></span>"), root_5$9 = /* @__PURE__ */ from_html("<span class=\"thumb-loading svelte-nabf7u\"><!></span>"), root_6$9 = /* @__PURE__ */ from_html("<div class=\"file-icon svelte-nabf7u\"><!></div>"), root_7$8 = /* @__PURE__ */ from_html("<span class=\"meta-name svelte-nabf7u\"> </span>"), root_8$7 = /* @__PURE__ */ from_html("<span class=\"meta-size svelte-nabf7u\"> </span>"), root_9$4 = /* @__PURE__ */ from_html("<div class=\"meta svelte-nabf7u\"><!> <!></div>"), root_10$3 = /* @__PURE__ */ from_html("<div class=\"remove svelte-nabf7u\"><!></div>"), root_11$2 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_12$2 = /* @__PURE__ */ from_html("<span class=\"drop-text svelte-nabf7u\"> </span>"), root_13$2 = /* @__PURE__ */ from_html("<span class=\"drop-hint svelte-nabf7u\"> </span>"), root_14$2 = /* @__PURE__ */ from_html("<label><span class=\"drop-icon svelte-nabf7u\"><!></span> <!> <!> <input type=\"file\" class=\"file-input\" hidden=\"\"/></label>"), root_15$2 = /* @__PURE__ */ from_html("<div class=\"error svelte-nabf7u\" role=\"alert\"> </div>"), root_16$1 = /* @__PURE__ */ from_html("<div><!> <!> <div class=\"grid svelte-nabf7u\"><!> <!></div> <!></div>"), $$css$18 = {
+var add_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n  <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n  <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n</svg>\n", file_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M14 3v5h5\" />\n  <path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8l-5-5z\" />\n</svg>\n", root$17 = /* @__PURE__ */ from_html("<div class=\"label svelte-nabf7u\"> </div>"), root_1$15 = /* @__PURE__ */ from_html("<div class=\"counter svelte-nabf7u\"> </div>"), root_2$11 = /* @__PURE__ */ from_html("<div class=\"header svelte-nabf7u\"><!> <!></div>"), root_3$10 = /* @__PURE__ */ from_html("<div class=\"description svelte-nabf7u\"> </div>"), root_4$9 = /* @__PURE__ */ from_html("<span class=\"thumb svelte-nabf7u\"><!></span>"), root_5$9 = /* @__PURE__ */ from_html("<span class=\"thumb-loading svelte-nabf7u\"><!></span>"), root_6$9 = /* @__PURE__ */ from_html("<div class=\"file-icon svelte-nabf7u\"><!></div>"), root_7$8 = /* @__PURE__ */ from_html("<span class=\"meta-name svelte-nabf7u\"> </span>"), root_8$7 = /* @__PURE__ */ from_html("<span class=\"meta-size svelte-nabf7u\"> </span>"), root_9$4 = /* @__PURE__ */ from_html("<div class=\"meta svelte-nabf7u\"><!> <!></div>"), root_10$3 = /* @__PURE__ */ from_html("<div class=\"remove svelte-nabf7u\"><!></div>"), root_11$3 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_12$2 = /* @__PURE__ */ from_html("<span class=\"drop-text svelte-nabf7u\"> </span>"), root_13$2 = /* @__PURE__ */ from_html("<span class=\"drop-hint svelte-nabf7u\"> </span>"), root_14$2 = /* @__PURE__ */ from_html("<label><span class=\"drop-icon svelte-nabf7u\"><!></span> <!> <!> <input type=\"file\" class=\"file-input\" hidden=\"\"/></label>"), root_15$2 = /* @__PURE__ */ from_html("<div class=\"error svelte-nabf7u\" role=\"alert\"> </div>"), root_16$1 = /* @__PURE__ */ from_html("<div><!> <!> <div class=\"grid svelte-nabf7u\"><!> <!></div> <!></div>"), $$css$18 = {
 	hash: "svelte-nabf7u",
 	code: ".media-upload.svelte-nabf7u {box-sizing:border-box;display:flex;flex-direction:column;width:var(--media-upload-width, fit-content);font-family:var(--media-upload-font-family, inherit);color:var(--media-upload-color, inherit);}.media-upload.disabled.svelte-nabf7u {opacity:var(--media-upload-disabled-opacity, 0.55);}.header.svelte-nabf7u {display:flex;align-items:baseline;justify-content:space-between;gap:var(--media-upload-header-gap, 12px);margin:var(--media-upload-label-margin, 0 0 4px 0);}.label.svelte-nabf7u {font-size:var(--media-upload-label-font-size, 14px);font-weight:var(--media-upload-label-font-weight, 600);color:var(--media-upload-label-color, #242833);}.counter.svelte-nabf7u {font-size:var(--media-upload-counter-font-size, 12px);font-weight:var(--media-upload-counter-font-weight, 500);color:var(--media-upload-counter-color, #8a8f98);font-variant-numeric:tabular-nums;}.description.svelte-nabf7u {font-size:var(--media-upload-description-font-size, 12px);color:var(--media-upload-description-color, #656565);margin:var(--media-upload-description-margin, 0);}.grid.svelte-nabf7u {display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--media-upload-gap, 12px);margin:var(--media-upload-content-margin, 12px 0 0 0);}.card.svelte-nabf7u,\n  .drop-tile.svelte-nabf7u {box-sizing:border-box;height:var(--media-upload-item-height, 110px);width:var(--media-upload-item-width, 110px);border-radius:var(--media-upload-item-border-radius, 14px);}.card.svelte-nabf7u {position:relative;overflow:hidden;border:var(--media-upload-item-border, 1px solid #e4e4e7);background-color:var(--media-upload-item-background-color, #fafafa);box-shadow:var(--media-upload-item-box-shadow, 0 1px 2px rgba(0, 0, 0, 0.06));transition:var(--media-upload-item-transition, box-shadow 0.2s ease, transform 0.2s ease);}.card.svelte-nabf7u:hover {box-shadow:var(--media-upload-item-hover-box-shadow, 0 6px 18px rgba(0, 0, 0, 0.14));transform:var(--media-upload-item-hover-transform, translateY(-2px));}.thumb.svelte-nabf7u {display:contents;--image-width: 100%;--image-height: 100%;--image-object-fit: var(--media-upload-item-object-fit, cover);--image-border-radius: 0px;--image-padding: 0px;--image-margin: 0px;}.thumb-loading.svelte-nabf7u {display:contents;--shimmer-width: 100%;--shimmer-height: 100%;--shimmer-border-radius: 0px;}.file-icon.svelte-nabf7u {display:flex;height:100%;width:100%;justify-content:center;align-items:center;color:var(--media-upload-file-icon-color, #8a8f98);}.file-icon.svelte-nabf7u svg,\n  .file-icon.svelte-nabf7u img {height:var(--media-upload-file-icon-size, 36px);width:var(--media-upload-file-icon-size, 36px);object-fit:contain;}.meta.svelte-nabf7u {position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;padding:var(--media-upload-meta-padding, 6px 8px);background:var(\n      --media-upload-meta-background,\n      linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0))\n    );color:var(--media-upload-meta-color, #ffffff);}.is-file.svelte-nabf7u .meta:where(.svelte-nabf7u) {background:var(--media-upload-file-meta-background, transparent);color:var(--media-upload-file-meta-color, #52525b);}.meta-name.svelte-nabf7u {font-size:var(--media-upload-meta-name-font-size, 11px);font-weight:var(--media-upload-meta-name-font-weight, 500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.meta-size.svelte-nabf7u {font-size:var(--media-upload-meta-size-font-size, 10px);opacity:var(--media-upload-meta-size-opacity, 0.85);font-variant-numeric:tabular-nums;}.remove.svelte-nabf7u {position:absolute;top:var(--media-upload-remove-inset, 6px);right:var(--media-upload-remove-inset, 6px);opacity:var(--media-upload-remove-opacity, 0);transition:var(--media-upload-remove-transition, opacity 0.18s ease);--button-width: var(--media-upload-remove-size, 24px);--button-height: var(--media-upload-remove-size, 24px);--button-padding: var(--media-upload-remove-padding, 4px);--button-border: var(--media-upload-remove-border, none);--button-border-radius: var(--media-upload-remove-border-radius, 50%);--button-color: var(--media-upload-remove-background-color, rgba(0, 0, 0, 0.55));--button-text-color: var(--media-upload-remove-color, #ffffff);--button-content-gap: 0px;--button-hover-color: var(--media-upload-remove-hover-background-color, rgba(0, 0, 0, 0.78));--button-hover-text-color: var(\n      --media-upload-remove-hover-color,\n      var(--media-upload-remove-color, #ffffff)\n    );}.card.svelte-nabf7u:hover .remove:where(.svelte-nabf7u),\n  .remove.svelte-nabf7u:focus-within {opacity:1;}.remove.svelte-nabf7u svg,\n  .remove.svelte-nabf7u img {height:var(--media-upload-remove-icon-size, 100%);width:var(--media-upload-remove-icon-size, 100%);object-fit:contain;}.drop-tile.svelte-nabf7u {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--media-upload-add-gap, 6px);box-sizing:border-box;padding:var(--media-upload-add-padding, 12px);text-align:center;background-color:var(--media-upload-add-background-color, #fafafa);border:var(--media-upload-add-border, 1.5px dashed #c8ccd2);color:var(--media-upload-add-color, #6b7280);cursor:pointer;transition:var(\n      --media-upload-add-transition,\n      border-color 0.18s ease,\n      background-color 0.18s ease,\n      color 0.18s ease\n    );}.drop-tile.svelte-nabf7u:hover {background-color:var(--media-upload-add-hover-background-color, #f1f5ff);border:var(--media-upload-add-hover-border, 1.5px dashed #6d8eff);color:var(--media-upload-add-hover-color, #3b5bdb);}.drop-tile.dragging.svelte-nabf7u {background-color:var(--media-upload-add-dragging-background-color, #e7efff);border:var(--media-upload-add-dragging-border, 1.5px solid #3b5bdb);color:var(--media-upload-add-dragging-color, #3b5bdb);}.drop-icon.svelte-nabf7u {display:flex;justify-content:center;align-items:center;}.drop-icon.svelte-nabf7u svg,\n  .drop-icon.svelte-nabf7u img {height:var(--media-upload-add-icon-size, 22px);width:var(--media-upload-add-icon-size, 22px);object-fit:contain;}.drop-text.svelte-nabf7u {font-size:var(--media-upload-add-text-font-size, 11px);line-height:var(--media-upload-add-text-line-height, 1.3);}.drop-hint.svelte-nabf7u {font-size:var(--media-upload-add-hint-font-size, 10px);color:var(--media-upload-add-hint-color, #9aa0a8);}.error.svelte-nabf7u {font-size:var(--media-upload-error-font-size, 12px);color:var(--media-upload-error-color, #e0334b);margin:var(--media-upload-error-margin, 8px 0 0 0);}"
 };
@@ -31032,7 +31044,7 @@ function MediaUpload(e, t) {
 	});
 	var kt = sibling(Dt, 2), At = child(kt);
 	each(At, 19, () => get(at), (e, t) => e.file.name + t, (e, t, n) => {
-		var i = root_11$2();
+		var i = root_11$3();
 		let a;
 		var o = child(i), s = (e) => {
 			var n = comment(), i = first_child(n), a = (e) => {
@@ -31557,7 +31569,7 @@ var edit_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.
 	if_block(a, (e) => {
 		typeof n() == "function" ? e(o) : e(s, -1);
 	}), append(e, i);
-}, root$14 = /* @__PURE__ */ from_html("<span class=\"grid-image-wrap svelte-14wkit2\"><!></span> <!>", 1), root_1$12 = /* @__PURE__ */ from_html("<span class=\"list-caption svelte-14wkit2\"> </span>"), root_2$9 = /* @__PURE__ */ from_html("<span class=\"list-text svelte-14wkit2\"><span class=\"list-title svelte-14wkit2\"> </span> <!></span>"), root_3$9 = /* @__PURE__ */ from_html("<!> <!>", 1), root_4$8 = /* @__PURE__ */ from_html("<button class=\"gallery-item-content svelte-14wkit2\"><!></button>"), root_5$8 = /* @__PURE__ */ from_html("<div class=\"gallery-item-content svelte-14wkit2\"><!></div>"), root_6$8 = /* @__PURE__ */ from_html("<div class=\"gallery-item-action svelte-14wkit2\"><!></div>"), root_7$7 = /* @__PURE__ */ from_html("<div class=\"gallery-item-actions svelte-14wkit2\"><!> <!></div>"), root_8$6 = /* @__PURE__ */ from_html("<div class=\"gallery-item svelte-14wkit2\" role=\"listitem\"><!> <!></div>"), root_9$3 = /* @__PURE__ */ from_html("<div class=\"lightbox-previous svelte-14wkit2\"><!></div>"), root_10$2 = /* @__PURE__ */ from_html("<figcaption class=\"lightbox-caption svelte-14wkit2\"> </figcaption>"), root_11$1 = /* @__PURE__ */ from_html("<figure class=\"lightbox-figure svelte-14wkit2\"><!> <!></figure>"), root_12$1 = /* @__PURE__ */ from_html("<div class=\"lightbox-next svelte-14wkit2\"><!></div>"), root_13$1 = /* @__PURE__ */ from_html("<div class=\"lightbox-counter svelte-14wkit2\" aria-live=\"polite\"> </div>"), root_14$1 = /* @__PURE__ */ from_html("<div role=\"dialog\" aria-modal=\"true\" tabindex=\"-1\"><div class=\"lightbox-close svelte-14wkit2\"><!></div> <!> <!> <!> <!></div>"), root_15$1 = /* @__PURE__ */ from_html("<div role=\"list\"></div> <!>", 1), $$css$15 = {
+}, root$14 = /* @__PURE__ */ from_html("<span class=\"grid-image-wrap svelte-14wkit2\"><!></span> <!>", 1), root_1$12 = /* @__PURE__ */ from_html("<span class=\"list-caption svelte-14wkit2\"> </span>"), root_2$9 = /* @__PURE__ */ from_html("<span class=\"list-text svelte-14wkit2\"><span class=\"list-title svelte-14wkit2\"> </span> <!></span>"), root_3$9 = /* @__PURE__ */ from_html("<!> <!>", 1), root_4$8 = /* @__PURE__ */ from_html("<button class=\"gallery-item-content svelte-14wkit2\"><!></button>"), root_5$8 = /* @__PURE__ */ from_html("<div class=\"gallery-item-content svelte-14wkit2\"><!></div>"), root_6$8 = /* @__PURE__ */ from_html("<div class=\"gallery-item-action svelte-14wkit2\"><!></div>"), root_7$7 = /* @__PURE__ */ from_html("<div class=\"gallery-item-actions svelte-14wkit2\"><!> <!></div>"), root_8$6 = /* @__PURE__ */ from_html("<div class=\"gallery-item svelte-14wkit2\" role=\"listitem\"><!> <!></div>"), root_9$3 = /* @__PURE__ */ from_html("<div class=\"lightbox-previous svelte-14wkit2\"><!></div>"), root_10$2 = /* @__PURE__ */ from_html("<figcaption class=\"lightbox-caption svelte-14wkit2\"> </figcaption>"), root_11$2 = /* @__PURE__ */ from_html("<figure class=\"lightbox-figure svelte-14wkit2\"><!> <!></figure>"), root_12$1 = /* @__PURE__ */ from_html("<div class=\"lightbox-next svelte-14wkit2\"><!></div>"), root_13$1 = /* @__PURE__ */ from_html("<div class=\"lightbox-counter svelte-14wkit2\" aria-live=\"polite\"> </div>"), root_14$1 = /* @__PURE__ */ from_html("<div role=\"dialog\" aria-modal=\"true\" tabindex=\"-1\"><div class=\"lightbox-close svelte-14wkit2\"><!></div> <!> <!> <!> <!></div>"), root_15$1 = /* @__PURE__ */ from_html("<div role=\"list\"></div> <!>", 1), $$css$15 = {
 	hash: "svelte-14wkit2",
 	code: ".gallery.svelte-14wkit2 {width:var(--gallery-width, 100%);padding:var(--gallery-padding, 0px);margin:var(--gallery-margin, 0px);background:var(--gallery-background, transparent);}.gallery.grid.svelte-14wkit2 {display:grid;grid-template-columns:var(\n      --gallery-grid-template-columns,\n      repeat(var(--gallery-columns, 3), 1fr)\n    );gap:var(--gallery-gap, 8px);}.gallery.list.svelte-14wkit2 {display:flex;flex-direction:column;gap:var(--gallery-gap, 8px);}.gallery-item.svelte-14wkit2 {position:relative;}.grid.svelte-14wkit2 .gallery-item:where(.svelte-14wkit2) {aspect-ratio:var(--gallery-item-aspect-ratio, 1);border-radius:var(--gallery-item-border-radius, 0px);overflow:hidden;--image-width: 100%;--image-height: 100%;--image-object-fit: var(--gallery-item-image-fit, cover);--image-border-radius: var(--gallery-item-border-radius, 0px);--image-transition: var(--gallery-item-image-transition);}.grid.has-item-footer.svelte-14wkit2 .gallery-item:where(.svelte-14wkit2) {aspect-ratio:auto;overflow:visible;border-radius:0px;}.list.svelte-14wkit2 .gallery-item:where(.svelte-14wkit2) {display:flex;align-items:center;border-radius:var(--gallery-list-item-border-radius, 0px);background:var(--gallery-list-item-background, transparent);--image-width: var(--gallery-list-thumbnail-width, 56px);--image-height: var(--gallery-list-thumbnail-height, 56px);--image-object-fit: var(--gallery-list-thumbnail-fit, cover);--image-border-radius: var(--gallery-list-thumbnail-border-radius, 0px);--image-transition: var(--gallery-item-image-transition);--image-flex-shrink: 0;}.gallery-item-content.svelte-14wkit2 {font:inherit;color:inherit;border:var(--gallery-item-border, none);background:transparent;}button.gallery-item-content.svelte-14wkit2 {cursor:var(--gallery-item-cursor, pointer);transition:var(--gallery-item-transition);}.grid.svelte-14wkit2 .gallery-item-content:where(.svelte-14wkit2) {display:block;width:100%;height:100%;padding:0;border-radius:var(--gallery-item-border-radius, 0px);}.grid.has-item-footer.svelte-14wkit2 .gallery-item-content:where(.svelte-14wkit2) {display:flex;flex-direction:column;height:auto;border-radius:var(--gallery-item-border-radius, 0px);overflow:hidden;}.grid-image-wrap.svelte-14wkit2 {display:block;aspect-ratio:var(--gallery-item-aspect-ratio, 1);overflow:hidden;--image-width: 100%;--image-height: 100%;--image-object-fit: var(--gallery-item-image-fit, cover);--image-border-radius: 0px;--image-transition: var(--gallery-item-image-transition);}.list.svelte-14wkit2 .gallery-item-content:where(.svelte-14wkit2) {display:flex;align-items:center;text-align:left;flex:1;min-width:0;gap:var(--gallery-list-item-gap, 12px);padding:var(--gallery-list-item-padding, 8px);}.grid.svelte-14wkit2 button.gallery-item-content:where(.svelte-14wkit2):hover {opacity:var(--gallery-item-hover-opacity, 1);transform:var(--gallery-item-hover-transform);}.grid.svelte-14wkit2 button.gallery-item-content:where(.svelte-14wkit2):focus-visible {outline:var(--gallery-item-focus-outline, 2px solid currentColor);outline-offset:var(--gallery-item-focus-outline-offset, 2px);}.list.svelte-14wkit2 button.gallery-item-content:where(.svelte-14wkit2):focus-visible {outline:none;}.list.svelte-14wkit2 .gallery-item:where(.svelte-14wkit2):has(button.gallery-item-content:where(.svelte-14wkit2)):hover {background:var(--gallery-list-item-hover-background, transparent);}.list.svelte-14wkit2 .gallery-item:where(.svelte-14wkit2):has(button.gallery-item-content:where(.svelte-14wkit2):focus-visible) {outline:var(--gallery-item-focus-outline, 2px solid currentColor);outline-offset:var(--gallery-item-focus-outline-offset, 2px);}.list-text.svelte-14wkit2 {display:flex;flex-direction:column;gap:var(--gallery-list-text-gap, 2px);min-width:0;}.list-title.svelte-14wkit2,\n  .list-caption.svelte-14wkit2 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.list-title.svelte-14wkit2 {color:var(--gallery-list-title-color, inherit);font-size:var(--gallery-list-title-font-size, 14px);font-weight:var(--gallery-list-title-font-weight, 500);font-family:var(--gallery-list-title-font-family);}.list-caption.svelte-14wkit2 {color:var(--gallery-list-caption-color, inherit);font-size:var(--gallery-list-caption-font-size, 12px);font-family:var(--gallery-list-caption-font-family);}.gallery-item-actions.svelte-14wkit2 {display:flex;align-items:center;gap:var(--gallery-item-actions-gap, 4px);}.grid.svelte-14wkit2 .gallery-item-actions:where(.svelte-14wkit2) {position:absolute;top:var(--gallery-item-actions-top, 8px);right:var(--gallery-item-actions-right, 8px);}.list.svelte-14wkit2 .gallery-item-actions:where(.svelte-14wkit2) {flex-shrink:0;padding-right:var(--gallery-item-actions-right, 8px);}.gallery-item-action.svelte-14wkit2 {border-radius:var(--gallery-item-action-border-radius, 8px);--button-color: transparent;--button-hover-color: transparent;--button-padding: var(--gallery-item-action-padding, 6px);--button-border-radius: var(--gallery-item-action-border-radius, 8px);--icon-container-padding: 0px;--icon-padding: 0px;--icon-width: var(--gallery-item-action-icon-size, 16px);--icon-height: var(--gallery-item-action-icon-size, 16px);}.grid.svelte-14wkit2 .gallery-item-action:where(.svelte-14wkit2) {background:var(--gallery-item-action-background, #00000066);-webkit-backdrop-filter:var(--gallery-item-action-backdrop-filter, blur(8px));backdrop-filter:var(--gallery-item-action-backdrop-filter, blur(8px));--button-text-color: var(--gallery-item-action-color, #ffffff);}.grid.svelte-14wkit2 .gallery-item-action:where(.svelte-14wkit2):hover {background:var(--gallery-item-action-hover-background, #00000099);}.list.svelte-14wkit2 .gallery-item-action:where(.svelte-14wkit2) {background:var(--gallery-item-action-background, transparent);--button-text-color: var(--gallery-item-action-color, currentColor);}.list.svelte-14wkit2 .gallery-item-action:where(.svelte-14wkit2):hover {background:var(--gallery-item-action-hover-background, #80808026);}.lightbox.svelte-14wkit2 {position:fixed;top:0;bottom:0;left:0;right:0;z-index:var(--gallery-lightbox-z-index, 15);display:flex;justify-content:center;align-items:center;background:var(--gallery-lightbox-background, #000000e6);-webkit-tap-highlight-color:transparent;}.lightbox.svelte-14wkit2:focus {outline:none;}.lightbox-figure.svelte-14wkit2 {display:flex;flex-direction:column;align-items:center;gap:var(--gallery-lightbox-caption-gap, 12px);margin:0;pointer-events:none;--image-width: var(--gallery-lightbox-image-width, 85vw);--image-height: var(--gallery-lightbox-image-height, 75vh);--image-object-fit: var(--gallery-lightbox-image-fit, contain);--image-border-radius: var(--gallery-lightbox-image-border-radius, 0px);}.lightbox-caption.svelte-14wkit2 {color:var(--gallery-lightbox-caption-color, #ffffff);font-size:var(--gallery-lightbox-caption-font-size, 14px);font-family:var(--gallery-lightbox-caption-font-family);text-align:center;max-width:var(--gallery-lightbox-image-width, 85vw);}.lightbox-counter.svelte-14wkit2 {position:absolute;bottom:var(--gallery-lightbox-counter-bottom, 16px);left:50%;transform:translateX(-50%);color:var(--gallery-lightbox-counter-color, #ffffff);font-size:var(--gallery-lightbox-counter-font-size, 13px);font-family:var(--gallery-lightbox-counter-font-family);}.lightbox-close.svelte-14wkit2,\n  .lightbox-previous.svelte-14wkit2,\n  .lightbox-next.svelte-14wkit2 {position:absolute;--button-color: var(--gallery-lightbox-control-background, transparent);--button-text-color: var(--gallery-lightbox-control-color, #ffffff);--button-hover-color: var(--gallery-lightbox-control-hover-background, #ffffff1f);--button-padding: var(--gallery-lightbox-control-padding, 8px);--button-border-radius: var(--gallery-lightbox-control-border-radius, 50%);--icon-container-padding: 0px;--icon-padding: 0px;--icon-width: var(--gallery-lightbox-control-icon-size, 24px);--icon-height: var(--gallery-lightbox-control-icon-size, 24px);}.lightbox-close.svelte-14wkit2 {top:var(--gallery-lightbox-close-top, 16px);right:var(--gallery-lightbox-close-right, 16px);}.lightbox-previous.svelte-14wkit2,\n  .lightbox-next.svelte-14wkit2 {top:50%;transform:translateY(-50%);}.lightbox-previous.svelte-14wkit2 {left:var(--gallery-lightbox-nav-inset, 16px);}.lightbox-next.svelte-14wkit2 {right:var(--gallery-lightbox-nav-inset, 16px);}"
 };
@@ -31886,7 +31898,7 @@ function Gallery(e, t) {
 			get(ft) && e(o);
 		});
 		var c = sibling(a, 2), l = (e) => {
-			var t = root_11$1(), n = child(t);
+			var t = root_11$2(), n = child(t);
 			Img(n, {
 				get src() {
 					return get(dt).src;
@@ -33718,234 +33730,287 @@ var SAFE_LINK_PROTOCOLS, SAFE_IMAGE_PROTOCOLS, NUMERIC_REFERENCE, NAMED_WHITESPA
 			return hasSafeProtocol(e.href, SAFE_IMAGE_PROTOCOLS) ? !1 : escapeHtml(e.text);
 		}
 	}, instances = /* @__PURE__ */ new Map(), EXTERNAL_ANCHOR_PATTERN = /<a href="(https?:\/\/[^"]*)"/g, TABLE_OPEN = /<table>/g, TABLE_CLOSE = /<\/table>/g;
-})), root$12 = /* @__PURE__ */ from_html("<div class=\"avatar svelte-ivh8u\"><!></div>"), root_1$10 = /* @__PURE__ */ from_html("<div class=\"header svelte-ivh8u\"><!></div>"), root_2$7 = /* @__PURE__ */ from_html("<div class=\"body svelte-ivh8u\"><!></div>"), root_3$7 = /* @__PURE__ */ from_html("<div class=\"body svelte-ivh8u\"></div>"), root_4$6 = /* @__PURE__ */ from_html("<div class=\"body text svelte-ivh8u\"> </div>"), root_5$6 = /* @__PURE__ */ from_html("<span class=\"typing svelte-ivh8u\"><!></span>"), root_6$6 = /* @__PURE__ */ from_html("<div class=\"message-attachments svelte-ivh8u\"><!></div>"), root_7$5 = /* @__PURE__ */ from_html("<div class=\"action svelte-ivh8u\"><!></div>"), root_8$5 = /* @__PURE__ */ from_html("<div class=\"action svelte-ivh8u\"><!></div> <div class=\"action svelte-ivh8u\"><!></div>", 1), root_9$2 = /* @__PURE__ */ from_html("<div class=\"actions svelte-ivh8u\"><!> <!> <!> <!></div>"), root_10$1 = /* @__PURE__ */ from_html("<article><div class=\"row svelte-ivh8u\"><!> <div class=\"content svelte-ivh8u\"><!> <div class=\"bubble svelte-ivh8u\"><!> <!></div> <!> <!></div></div></article>"), $$css$13 = {
+})), root$12 = /* @__PURE__ */ from_html("<div class=\"avatar svelte-ivh8u\"><!></div>"), root_1$10 = /* @__PURE__ */ from_html("<div class=\"header svelte-ivh8u\"><!></div>"), root_2$7 = /* @__PURE__ */ from_html("<div class=\"body svelte-ivh8u\"><!></div>"), root_3$7 = /* @__PURE__ */ from_html("<div class=\"body svelte-ivh8u\"></div>"), root_4$6 = /* @__PURE__ */ from_html("<div class=\"body text svelte-ivh8u\"> </div>"), root_5$6 = /* @__PURE__ */ from_html("<div class=\"clamp-toggle svelte-ivh8u\"><!></div>"), root_6$6 = /* @__PURE__ */ from_html("<span class=\"typing svelte-ivh8u\"><!></span>"), root_7$5 = /* @__PURE__ */ from_html("<div class=\"message-attachments svelte-ivh8u\"><!></div>"), root_8$5 = /* @__PURE__ */ from_html("<div class=\"action svelte-ivh8u\"><!></div>"), root_9$2 = /* @__PURE__ */ from_html("<div class=\"action svelte-ivh8u\"><!></div> <div class=\"action svelte-ivh8u\"><!></div>", 1), root_10$1 = /* @__PURE__ */ from_html("<div class=\"actions svelte-ivh8u\"><!> <!> <!> <!></div>"), root_11$1 = /* @__PURE__ */ from_html("<article><div class=\"row svelte-ivh8u\"><!> <div class=\"content svelte-ivh8u\"><!> <div><!> <!> <!></div> <!> <!></div></div></article>"), $$css$13 = {
 	hash: "svelte-ivh8u",
-	code: ".chat-message.svelte-ivh8u {box-sizing:border-box;display:flex;flex-direction:column;max-width:var(--chat-message-max-width, 82%);margin:var(--chat-message-margin, 0);}.chat-message.party-sender.svelte-ivh8u {align-self:flex-end;align-items:flex-end;}.chat-message.party-responder.svelte-ivh8u {align-self:flex-start;align-items:flex-start;}.row.svelte-ivh8u {display:flex;gap:var(--chat-message-gap, 10px);align-items:flex-end;width:100%;}.chat-message.party-sender.svelte-ivh8u .row:where(.svelte-ivh8u) {flex-direction:row-reverse;}.avatar.svelte-ivh8u {display:flex;flex-shrink:0;align-items:center;justify-content:center;}.content.svelte-ivh8u {display:flex;flex-direction:column;gap:var(--chat-message-content-gap, 6px);min-width:0;}.header.svelte-ivh8u {font-size:var(--chat-message-header-font-size, 0.75rem);color:var(--chat-message-header-color, #71717a);}.bubble.svelte-ivh8u {box-sizing:border-box;padding:var(--chat-message-bubble-padding, 9px 13px);border-radius:var(--chat-message-bubble-border-radius, 16px);font-size:var(--chat-message-font-size, 0.9375rem);line-height:var(--chat-message-line-height, 1.5);color:var(--chat-message-color, #27272a);background:var(--chat-message-background, #f4f4f5);border:var(--chat-message-border, none);box-shadow:var(--chat-message-box-shadow, none);word-wrap:break-word;overflow-wrap:anywhere;}.chat-message.party-sender.svelte-ivh8u .bubble:where(.svelte-ivh8u) {color:var(--chat-message-sender-color, #ffffff);background:var(--chat-message-sender-background, #18181b);border:var(--chat-message-sender-border, none);border-radius:var(\n      --chat-message-sender-border-radius,\n      var(--chat-message-bubble-border-radius, 16px)\n    );}.chat-message.party-responder.svelte-ivh8u .bubble:where(.svelte-ivh8u) {color:var(--chat-message-responder-color, var(--chat-message-color, #27272a));background:var(--chat-message-responder-background, transparent);border:var(--chat-message-responder-border, none);padding:var(--chat-message-responder-padding, 2px 0);}.chat-message.error.svelte-ivh8u .bubble:where(.svelte-ivh8u) {color:var(--chat-message-error-color, #e0334b);}.text.svelte-ivh8u {white-space:pre-wrap;}.typing.svelte-ivh8u {display:inline-flex;align-items:center;}.message-attachments.svelte-ivh8u {display:flex;flex-direction:column;gap:var(--chat-message-attachments-gap, 8px);margin:var(--chat-message-attachments-margin, 4px 0 0 0);}.message-attachments.svelte-ivh8u:empty {display:none;}.actions.svelte-ivh8u {display:flex;align-items:center;gap:var(--chat-message-actions-gap, 2px);opacity:var(--chat-message-actions-opacity, 0);transition:var(--chat-message-actions-transition, opacity 0.15s ease);--button-width: var(--chat-message-action-size, 28px);--button-height: var(--chat-message-action-size, 28px);--button-padding: var(--chat-message-action-padding, 6px);--button-border-radius: var(--chat-message-action-border-radius, 6px);--button-color: var(--chat-message-action-background-color, transparent);--button-text-color: var(--chat-message-action-color, #71717a);--button-content-gap: 0px;--button-hover-color: var(--chat-message-action-hover-background-color, #f4f4f5);}.chat-message.svelte-ivh8u:hover .actions:where(.svelte-ivh8u),\n  .chat-message.svelte-ivh8u:focus-within .actions:where(.svelte-ivh8u) {opacity:1;}.action.svelte-ivh8u {display:flex;}.action.svelte-ivh8u svg {height:100%;width:100%;}\n\n  @media (hover: none) {.actions.svelte-ivh8u {opacity:1;}\n  }.body.svelte-ivh8u p {margin:var(--chat-message-paragraph-margin, 0 0 0.5em 0);}.body.svelte-ivh8u p:last-child {margin-bottom:0;}.body.svelte-ivh8u a {color:var(--chat-message-link-color, #6d28d9);text-decoration:underline;text-underline-offset:2px;}.body.svelte-ivh8u code {font-family:var(--chat-message-code-font-family, ui-monospace, monospace);font-size:0.88em;background:var(--chat-message-code-background, rgba(0, 0, 0, 0.05));padding:1px 5px;border-radius:4px;}.body.svelte-ivh8u pre {background:var(--chat-message-pre-background, rgba(0, 0, 0, 0.05));padding:10px 12px;border-radius:8px;overflow-x:auto;margin:0.5em 0;}.body.svelte-ivh8u pre code {background:transparent;padding:0;}.body.svelte-ivh8u ul,\n  .body.svelte-ivh8u ol {margin:var(--chat-message-list-margin, 0.4em 0);padding-left:var(--chat-message-list-padding, 1.4em);}.body.svelte-ivh8u li {margin:0.2em 0;}.body.svelte-ivh8u h1,\n  .body.svelte-ivh8u h2,\n  .body.svelte-ivh8u h3,\n  .body.svelte-ivh8u h4,\n  .body.svelte-ivh8u h5,\n  .body.svelte-ivh8u h6 {margin:var(--chat-message-heading-margin, 0.8em 0 0.4em 0);line-height:1.3;}.body.svelte-ivh8u h1 {font-size:1.35em;}.body.svelte-ivh8u h2 {font-size:1.2em;}.body.svelte-ivh8u h3 {font-size:1.1em;}.body.svelte-ivh8u h4,\n  .body.svelte-ivh8u h5,\n  .body.svelte-ivh8u h6 {font-size:1em;}.body.svelte-ivh8u blockquote {margin:0.5em 0;padding:2px 0 2px 12px;border-left:3px solid var(--chat-message-blockquote-border-color, rgba(0, 0, 0, 0.15));opacity:var(--chat-message-blockquote-opacity, 0.85);}.body.svelte-ivh8u table {display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0.5em 0;}.body.svelte-ivh8u th,\n  .body.svelte-ivh8u td {padding:5px 10px;border:1px solid var(--chat-message-table-border-color, rgba(0, 0, 0, 0.12));text-align:left;}.body.svelte-ivh8u th {background:var(--chat-message-table-header-background, rgba(0, 0, 0, 0.04));}.body.svelte-ivh8u img {max-width:100%;border-radius:var(--chat-message-image-border-radius, 8px);}.body.svelte-ivh8u hr {border:none;border-top:1px solid var(--chat-message-hr-color, rgba(0, 0, 0, 0.12));margin:0.8em 0;}"
+	code: ".chat-message.svelte-ivh8u {box-sizing:border-box;display:flex;flex-direction:column;max-width:var(--chat-message-max-width, 82%);margin:var(--chat-message-margin, 0);}.chat-message.party-sender.svelte-ivh8u {align-self:flex-end;align-items:flex-end;}.chat-message.party-responder.svelte-ivh8u {align-self:flex-start;align-items:flex-start;}.row.svelte-ivh8u {display:flex;gap:var(--chat-message-gap, 10px);align-items:flex-end;width:100%;}.chat-message.party-sender.svelte-ivh8u .row:where(.svelte-ivh8u) {flex-direction:row-reverse;}.avatar.svelte-ivh8u {display:flex;flex-shrink:0;align-items:center;justify-content:center;}.content.svelte-ivh8u {display:flex;flex-direction:column;gap:var(--chat-message-content-gap, 6px);min-width:0;}.header.svelte-ivh8u {font-size:var(--chat-message-header-font-size, 0.75rem);color:var(--chat-message-header-color, #71717a);}.bubble.svelte-ivh8u {box-sizing:border-box;padding:var(--chat-message-bubble-padding, 9px 13px);border-radius:var(--chat-message-bubble-border-radius, 16px);font-size:var(--chat-message-font-size, 0.9375rem);line-height:var(--chat-message-line-height, 1.5);color:var(--chat-message-color, #27272a);background:var(--chat-message-background, #f4f4f5);border:var(--chat-message-border, none);box-shadow:var(--chat-message-box-shadow, none);word-wrap:break-word;overflow-wrap:anywhere;}.chat-message.party-sender.svelte-ivh8u .bubble:where(.svelte-ivh8u) {color:var(--chat-message-sender-color, #ffffff);background:var(--chat-message-sender-background, #18181b);border:var(--chat-message-sender-border, none);border-radius:var(\n      --chat-message-sender-border-radius,\n      var(--chat-message-bubble-border-radius, 16px)\n    );}.chat-message.party-responder.svelte-ivh8u .bubble:where(.svelte-ivh8u) {color:var(--chat-message-responder-color, var(--chat-message-color, #27272a));background:var(--chat-message-responder-background, transparent);border:var(--chat-message-responder-border, none);padding:var(--chat-message-responder-padding, 2px 0);}.chat-message.error.svelte-ivh8u .bubble:where(.svelte-ivh8u) {color:var(--chat-message-error-color, #e0334b);}.text.svelte-ivh8u {white-space:pre-wrap;}.typing.svelte-ivh8u {display:inline-flex;align-items:center;}.message-attachments.svelte-ivh8u {display:flex;flex-direction:column;gap:var(--chat-message-attachments-gap, 8px);margin:var(--chat-message-attachments-margin, 4px 0 0 0);}.message-attachments.svelte-ivh8u:empty {display:none;}.actions.svelte-ivh8u {display:flex;align-items:center;gap:var(--chat-message-actions-gap, 2px);opacity:var(--chat-message-actions-opacity, 0);transition:var(--chat-message-actions-transition, opacity 0.15s ease);--button-width: var(--chat-message-action-size, 28px);--button-height: var(--chat-message-action-size, 28px);--button-padding: var(--chat-message-action-padding, 6px);--button-border-radius: var(--chat-message-action-border-radius, 6px);--button-color: var(--chat-message-action-background-color, transparent);--button-text-color: var(--chat-message-action-color, #71717a);--button-content-gap: 0px;--button-hover-color: var(--chat-message-action-hover-background-color, #f4f4f5);}.chat-message.svelte-ivh8u:hover .actions:where(.svelte-ivh8u),\n  .chat-message.svelte-ivh8u:focus-within .actions:where(.svelte-ivh8u) {opacity:1;}.action.svelte-ivh8u {display:flex;}.action.svelte-ivh8u svg {height:100%;width:100%;}\n\n  @media (hover: none) {.actions.svelte-ivh8u {opacity:1;}\n  }.clamp-toggle.svelte-ivh8u {display:flex;margin-top:var(--chat-message-clamp-toggle-margin-top, 4px);}\n\n  /* Clamp the rendered body, not the source: the message keeps its markup and its\n     copy text, and expanding is a state change rather than a re-render. */.bubble[data-clamped='true'].svelte-ivh8u .body:where(.svelte-ivh8u) {display:-webkit-box;line-clamp:var(--chat-message-clamp-lines, var(--chat-message-clamp-lines-prop, 2));-webkit-line-clamp:var(--chat-message-clamp-lines, var(--chat-message-clamp-lines-prop, 2));-webkit-box-orient:vertical;overflow:hidden;}.body.svelte-ivh8u p {margin:var(--chat-message-paragraph-margin, 0 0 0.5em 0);}.body.svelte-ivh8u p:last-child {margin-bottom:0;}.body.svelte-ivh8u a {color:var(--chat-message-link-color, #6d28d9);text-decoration:underline;text-underline-offset:2px;}.body.svelte-ivh8u code {font-family:var(--chat-message-code-font-family, ui-monospace, monospace);font-size:0.88em;background:var(--chat-message-code-background, rgba(0, 0, 0, 0.05));padding:1px 5px;border-radius:4px;}.body.svelte-ivh8u pre {background:var(--chat-message-pre-background, rgba(0, 0, 0, 0.05));padding:10px 12px;border-radius:8px;overflow-x:auto;margin:0.5em 0;}.body.svelte-ivh8u pre code {background:transparent;padding:0;}.body.svelte-ivh8u ul,\n  .body.svelte-ivh8u ol {margin:var(--chat-message-list-margin, 0.4em 0);padding-left:var(--chat-message-list-padding, 1.4em);}.body.svelte-ivh8u li {margin:0.2em 0;}.body.svelte-ivh8u h1,\n  .body.svelte-ivh8u h2,\n  .body.svelte-ivh8u h3,\n  .body.svelte-ivh8u h4,\n  .body.svelte-ivh8u h5,\n  .body.svelte-ivh8u h6 {margin:var(--chat-message-heading-margin, 0.8em 0 0.4em 0);line-height:1.3;}.body.svelte-ivh8u h1 {font-size:1.35em;}.body.svelte-ivh8u h2 {font-size:1.2em;}.body.svelte-ivh8u h3 {font-size:1.1em;}.body.svelte-ivh8u h4,\n  .body.svelte-ivh8u h5,\n  .body.svelte-ivh8u h6 {font-size:1em;}.body.svelte-ivh8u blockquote {margin:0.5em 0;padding:2px 0 2px 12px;border-left:3px solid var(--chat-message-blockquote-border-color, rgba(0, 0, 0, 0.15));opacity:var(--chat-message-blockquote-opacity, 0.85);}.body.svelte-ivh8u table {display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0.5em 0;}.body.svelte-ivh8u th,\n  .body.svelte-ivh8u td {padding:5px 10px;border:1px solid var(--chat-message-table-border-color, rgba(0, 0, 0, 0.12));text-align:left;}.body.svelte-ivh8u th {background:var(--chat-message-table-header-background, rgba(0, 0, 0, 0.04));}.body.svelte-ivh8u img {max-width:100%;border-radius:var(--chat-message-image-border-radius, 8px);}.body.svelte-ivh8u hr {border:none;border-top:1px solid var(--chat-message-hr-color, rgba(0, 0, 0, 0.12));margin:0.8em 0;}"
 };
 function ChatMessage(e, t) {
+	let n = props_id();
 	push(t, !0), append_styles$1(e, $$css$13);
-	let n = prop(t, "role", 7), i = prop(t, "content", 7, ""), a = prop(t, "html", 7), o = prop(t, "markdown", 7), s = prop(t, "body", 7), c = prop(t, "streaming", 7, !1), l = prop(t, "status", 7), u = prop(t, "avatar", 7), f = prop(t, "header", 7), p = prop(t, "attachments", 7), h = prop(t, "allowCopy", 7, !1), S = prop(t, "actions", 7), C = prop(t, "copyLabel", 7, "Copy"), k = prop(t, "retryLabel", 7, "Retry"), R = prop(t, "feedbackUpLabel", 7, "Good response"), G = prop(t, "feedbackDownLabel", 7, "Bad response"), te = prop(t, "onretry", 7), ne = prop(t, "onRetry", 7), re = prop(t, "onfeedback", 7), be = prop(t, "onFeedback", 7), Me = prop(t, "oncopy", 7), Re = prop(t, "onCopy", 7), Ue = prop(t, "testId", 7), it = prop(t, "classes", 7), at = /* @__PURE__ */ user_derived(() => Re() ?? Me()), ot = /* @__PURE__ */ user_derived(() => be() ?? re()), ct = /* @__PURE__ */ user_derived(() => ne() ?? te()), lt = /* @__PURE__ */ user_derived(() => partyOf(n())), ut = /* @__PURE__ */ state(!1), dt = null;
+	let i = prop(t, "role", 7), a = prop(t, "content", 7, ""), o = prop(t, "html", 7), s = prop(t, "markdown", 7), c = prop(t, "body", 7), l = prop(t, "streaming", 7, !1), u = prop(t, "clampLines", 7, 0), f = prop(t, "status", 7), p = prop(t, "avatar", 7), h = prop(t, "header", 7), S = prop(t, "attachments", 7), C = prop(t, "allowCopy", 7, !1), k = prop(t, "actions", 7), R = prop(t, "copyLabel", 7, "Copy"), G = prop(t, "retryLabel", 7, "Retry"), te = prop(t, "expandLabel", 7, "Expand message"), ne = prop(t, "collapseLabel", 7, "Collapse message"), re = prop(t, "feedbackUpLabel", 7, "Good response"), be = prop(t, "feedbackDownLabel", 7, "Bad response"), Me = prop(t, "onretry", 7), Re = prop(t, "onRetry", 7), Ue = prop(t, "onfeedback", 7), it = prop(t, "onFeedback", 7), at = prop(t, "oncopy", 7), ot = prop(t, "onCopy", 7), ct = prop(t, "testId", 7), lt = prop(t, "classes", 7), ut = /* @__PURE__ */ state(!1), dt = /* @__PURE__ */ user_derived(() => typeof u() == "number" && u() > 0), ft = /* @__PURE__ */ user_derived(() => get(dt) && !get(ut));
+	user_effect(() => {
+		get(dt) || set(ut, !1);
+	});
+	let pt = `chat-message-body-${n}`, mt = /* @__PURE__ */ user_derived(() => typeof ct() == "string" ? { testId: `${ct()}-clamp-toggle` } : {}), ht = () => {
+		get(dt) && set(ut, !get(ut));
+	}, gt = /* @__PURE__ */ user_derived(() => ot() ?? at()), _t = /* @__PURE__ */ user_derived(() => it() ?? Ue()), vt = /* @__PURE__ */ user_derived(() => Re() ?? Me()), yt = /* @__PURE__ */ user_derived(() => partyOf(i())), bt = /* @__PURE__ */ state(!1), xt = null;
 	onDestroy(() => {
-		dt !== null && clearTimeout(dt);
+		xt !== null && clearTimeout(xt);
 	});
-	let ft = /* @__PURE__ */ user_derived(() => typeof o() == "string" && o().length > 0), pt = /* @__PURE__ */ state(null);
+	let St = /* @__PURE__ */ user_derived(() => typeof s() == "string" && s().length > 0), Ct = /* @__PURE__ */ state(null);
 	onMount(() => {
 		Promise.resolve().then(() => (init_markdown(), markdown_exports)).then((e) => {
-			set(pt, e.renderMarkdown, !0);
+			set(Ct, e.renderMarkdown, !0);
 		}).catch(() => {
-			set(pt, null);
+			set(Ct, null);
 		});
 	});
-	let mt = /* @__PURE__ */ user_derived(() => get(ft) && get(pt) !== null ? get(pt)(o() ?? "") : a()), ht = /* @__PURE__ */ user_derived(() => typeof get(mt) == "string" && get(mt).length > 0), gt = /* @__PURE__ */ user_derived(() => typeof s() == "function"), _t = /* @__PURE__ */ user_derived(() => get(gt) || get(ht) || i().length > 0), vt = /* @__PURE__ */ user_derived(() => c() && !get(_t)), yt = /* @__PURE__ */ user_derived(() => typeof get(ct) == "function"), bt = /* @__PURE__ */ user_derived(() => typeof get(ot) == "function"), xt = /* @__PURE__ */ user_derived(() => !c() && (h() || get(yt) || get(bt) || typeof S() == "function"));
-	function St(e) {
+	let wt = /* @__PURE__ */ user_derived(() => get(St) && get(Ct) !== null ? get(Ct)(s() ?? "") : o()), Tt = /* @__PURE__ */ user_derived(() => typeof get(wt) == "string" && get(wt).length > 0), Et = /* @__PURE__ */ user_derived(() => typeof c() == "function"), Dt = /* @__PURE__ */ user_derived(() => get(Et) || get(Tt) || a().length > 0), Ot = /* @__PURE__ */ user_derived(() => l() && !get(Dt)), kt = /* @__PURE__ */ user_derived(() => typeof get(vt) == "function"), At = /* @__PURE__ */ user_derived(() => typeof get(_t) == "function"), jt = /* @__PURE__ */ user_derived(() => !l() && (C() || get(kt) || get(At) || typeof k() == "function"));
+	function Mt(e) {
 		return typeof DOMParser > "u" ? e : new DOMParser().parseFromString(e, "text/html").body.textContent ?? "";
 	}
-	async function Ct() {
-		let e = i().length > 0 ? i() : get(ft) ? o() ?? "" : typeof a() == "string" ? St(a()) : "";
+	async function Nt() {
+		let e = a().length > 0 ? a() : get(St) ? s() ?? "" : typeof o() == "string" ? Mt(o()) : "";
 		if (typeof navigator < "u" && typeof navigator.clipboard?.writeText == "function") try {
-			await navigator.clipboard.writeText(e), set(ut, !0), dt !== null && clearTimeout(dt), dt = setTimeout(() => {
-				set(ut, !1);
+			await navigator.clipboard.writeText(e), set(bt, !0), xt !== null && clearTimeout(xt), xt = setTimeout(() => {
+				set(bt, !1);
 			}, 1500);
 		} catch {
-			set(ut, !1);
+			set(bt, !1);
 		}
-		get(at)?.(e);
+		get(gt)?.(e);
 	}
-	var wt = {
+	var Pt = {
 		get role() {
-			return n();
+			return i();
 		},
 		set role(e) {
-			n(e), flushSync();
+			i(e), flushSync();
 		},
 		get content() {
-			return i();
+			return a();
 		},
 		set content(e = "") {
-			i(e), flushSync();
+			a(e), flushSync();
 		},
 		get html() {
-			return a();
+			return o();
 		},
 		set html(e) {
-			a(e), flushSync();
+			o(e), flushSync();
 		},
 		get markdown() {
-			return o();
+			return s();
 		},
 		set markdown(e) {
-			o(e), flushSync();
+			s(e), flushSync();
 		},
 		get body() {
-			return s();
+			return c();
 		},
 		set body(e) {
-			s(e), flushSync();
+			c(e), flushSync();
 		},
 		get streaming() {
-			return c();
+			return l();
 		},
 		set streaming(e = !1) {
-			c(e), flushSync();
+			l(e), flushSync();
+		},
+		get clampLines() {
+			return u();
+		},
+		set clampLines(e = 0) {
+			u(e), flushSync();
 		},
 		get status() {
-			return l();
+			return f();
 		},
 		set status(e) {
-			l(e), flushSync();
+			f(e), flushSync();
 		},
 		get avatar() {
-			return u();
+			return p();
 		},
 		set avatar(e) {
-			u(e), flushSync();
+			p(e), flushSync();
 		},
 		get header() {
-			return f();
+			return h();
 		},
 		set header(e) {
-			f(e), flushSync();
+			h(e), flushSync();
 		},
 		get attachments() {
-			return p();
+			return S();
 		},
 		set attachments(e) {
-			p(e), flushSync();
+			S(e), flushSync();
 		},
 		get allowCopy() {
-			return h();
+			return C();
 		},
 		set allowCopy(e = !1) {
-			h(e), flushSync();
+			C(e), flushSync();
 		},
 		get actions() {
-			return S();
+			return k();
 		},
 		set actions(e) {
-			S(e), flushSync();
+			k(e), flushSync();
 		},
 		get copyLabel() {
-			return C();
+			return R();
 		},
 		set copyLabel(e = "Copy") {
-			C(e), flushSync();
+			R(e), flushSync();
 		},
 		get retryLabel() {
-			return k();
+			return G();
 		},
 		set retryLabel(e = "Retry") {
-			k(e), flushSync();
+			G(e), flushSync();
+		},
+		get expandLabel() {
+			return te();
+		},
+		set expandLabel(e = "Expand message") {
+			te(e), flushSync();
+		},
+		get collapseLabel() {
+			return ne();
+		},
+		set collapseLabel(e = "Collapse message") {
+			ne(e), flushSync();
 		},
 		get feedbackUpLabel() {
-			return R();
+			return re();
 		},
 		set feedbackUpLabel(e = "Good response") {
-			R(e), flushSync();
+			re(e), flushSync();
 		},
 		get feedbackDownLabel() {
-			return G();
+			return be();
 		},
 		set feedbackDownLabel(e = "Bad response") {
-			G(e), flushSync();
+			be(e), flushSync();
 		},
 		get onretry() {
-			return te();
+			return Me();
 		},
 		set onretry(e) {
-			te(e), flushSync();
+			Me(e), flushSync();
 		},
 		get onRetry() {
-			return ne();
+			return Re();
 		},
 		set onRetry(e) {
-			ne(e), flushSync();
+			Re(e), flushSync();
 		},
 		get onfeedback() {
-			return re();
+			return Ue();
 		},
 		set onfeedback(e) {
-			re(e), flushSync();
+			Ue(e), flushSync();
 		},
 		get onFeedback() {
-			return be();
+			return it();
 		},
 		set onFeedback(e) {
-			be(e), flushSync();
+			it(e), flushSync();
 		},
 		get oncopy() {
-			return Me();
+			return at();
 		},
 		set oncopy(e) {
-			Me(e), flushSync();
+			at(e), flushSync();
 		},
 		get onCopy() {
-			return Re();
+			return ot();
 		},
 		set onCopy(e) {
-			Re(e), flushSync();
+			ot(e), flushSync();
 		},
 		get testId() {
-			return Ue();
+			return ct();
 		},
 		set testId(e) {
-			Ue(e), flushSync();
+			ct(e), flushSync();
 		},
 		get classes() {
-			return it();
+			return lt();
 		},
 		set classes(e) {
-			it(e), flushSync();
+			lt(e), flushSync();
 		}
-	}, Tt = root_10$1();
-	let Et;
-	var Dt = child(Tt), Ot = child(Dt), kt = (e) => {
+	}, It = root_11$1();
+	let Lt;
+	var Rt = child(It), zt = child(Rt), Bt = (e) => {
 		var t = root$12();
-		snippet(child(t), u), reset(t), append(e, t);
+		snippet(child(t), p), reset(t), append(e, t);
 	};
-	if_block(Ot, (e) => {
-		typeof u() == "function" && e(kt);
+	if_block(zt, (e) => {
+		typeof p() == "function" && e(Bt);
 	});
-	var At = sibling(Ot, 2), jt = child(At), Mt = (e) => {
+	var Ht = sibling(zt, 2), Gt = child(Ht), qt = (e) => {
 		var t = root_1$10();
-		snippet(child(t), f), reset(t), append(e, t);
+		snippet(child(t), h), reset(t), append(e, t);
 	};
-	if_block(jt, (e) => {
-		typeof f() == "function" && e(Mt);
+	if_block(Gt, (e) => {
+		typeof h() == "function" && e(qt);
 	});
-	var Nt = sibling(jt, 2), Pt = child(Nt), It = (e) => {
+	var Zt = sibling(Gt, 2);
+	let Qt;
+	var $t = child(Zt), en = (e) => {
 		var t = root_2$7();
-		snippet(child(t), () => s() ?? noop), reset(t), append(e, t);
-	}, Lt = (e) => {
+		snippet(child(t), () => c() ?? noop), reset(t), template_effect(() => set_attribute(t, "id", pt)), append(e, t);
+	}, tn = (e) => {
 		var t = root_3$7();
-		html(t, () => get(mt), !0), reset(t), append(e, t);
-	}, Rt = (e) => {
+		html(t, () => get(wt), !0), reset(t), template_effect(() => set_attribute(t, "id", pt)), append(e, t);
+	}, nn = (e) => {
 		var t = root_4$6(), n = child(t, !0);
-		reset(t), template_effect(() => set_text(n, i())), append(e, t);
+		reset(t), template_effect(() => {
+			set_attribute(t, "id", pt), set_text(n, a());
+		}), append(e, t);
 	};
-	if_block(Pt, (e) => {
-		get(gt) ? e(It) : get(ht) ? e(Lt, 1) : i().length > 0 && e(Rt, 2);
+	if_block($t, (e) => {
+		get(Et) ? e(en) : get(Tt) ? e(tn, 1) : a().length > 0 && e(nn, 2);
 	});
-	var zt = sibling(Pt, 2), Bt = (e) => {
-		var t = root_5$6();
-		LoadingDots(child(t), {}), reset(t), append(e, t);
+	var rn = sibling($t, 2), an = (e) => {
+		var t = root_5$6(), n = child(t);
+		{
+			let e = /* @__PURE__ */ user_derived(() => get(ut) ? ne() : te());
+			Button(n, spread_props({
+				variant: "ghost",
+				size: "sm",
+				onclick: ht,
+				get ariaExpanded() {
+					return get(ut);
+				},
+				get ariaControls() {
+					return pt;
+				},
+				get text() {
+					return get(e);
+				}
+			}, () => get(mt)));
+		}
+		reset(t), append(e, t);
 	};
-	if_block(zt, (e) => {
-		get(vt) && e(Bt);
-	}), reset(Nt);
-	var Ht = sibling(Nt, 2), Gt = (e) => {
+	if_block(rn, (e) => {
+		get(dt) && e(an);
+	});
+	var on = sibling(rn, 2), sn = (e) => {
 		var t = root_6$6();
-		snippet(child(t), p), reset(t), append(e, t);
+		LoadingDots(child(t), {}), reset(t), append(e, t);
+	};
+	if_block(on, (e) => {
+		get(Ot) && e(sn);
+	}), reset(Zt);
+	var cn = sibling(Zt, 2), ln = (e) => {
+		var t = root_7$5();
+		snippet(child(t), S), reset(t), append(e, t);
 	};
-	if_block(Ht, (e) => {
-		typeof p() == "function" && e(Gt);
+	if_block(cn, (e) => {
+		typeof S() == "function" && e(ln);
 	});
-	var qt = sibling(Ht, 2), Zt = (e) => {
-		var t = root_9$2(), n = child(t), i = (e) => {
-			var t = root_7$5();
+	var un = sibling(cn, 2), dn = (e) => {
+		var t = root_10$1(), n = child(t), i = (e) => {
+			var t = root_8$5();
 			Button(child(t), {
-				onclick: Ct,
+				onclick: Nt,
 				get ariaLabel() {
-					return C();
+					return R();
 				},
 				children: (e, t) => {
 					var n = comment(), i = first_child(n), a = (e) => {
@@ -33956,21 +34021,21 @@ function ChatMessage(e, t) {
 						html(first_child(t), () => copy_default), append(e, t);
 					};
 					if_block(i, (e) => {
-						get(ut) ? e(a) : e(o, -1);
+						get(bt) ? e(a) : e(o, -1);
 					}), append(e, n);
 				},
 				$$slots: { default: !0 }
 			}), reset(t), append(e, t);
 		};
 		if_block(n, (e) => {
-			h() && e(i);
+			C() && e(i);
 		});
 		var a = sibling(n, 2), o = (e) => {
-			var t = root_7$5();
+			var t = root_8$5();
 			Button(child(t), {
-				onclick: () => get(ct)?.(),
+				onclick: () => get(vt)?.(),
 				get ariaLabel() {
-					return k();
+					return G();
 				},
 				children: (e, t) => {
 					var n = comment();
@@ -33980,14 +34045,14 @@ function ChatMessage(e, t) {
 			}), reset(t), append(e, t);
 		};
 		if_block(a, (e) => {
-			get(yt) && e(o);
+			get(kt) && e(o);
 		});
 		var s = sibling(a, 2), c = (e) => {
-			var t = root_8$5(), n = first_child(t);
+			var t = root_9$2(), n = first_child(t);
 			Button(child(n), {
-				onclick: () => get(ot)?.("up"),
+				onclick: () => get(_t)?.("up"),
 				get ariaLabel() {
-					return R();
+					return re();
 				},
 				children: (e, t) => {
 					var n = comment();
@@ -33997,9 +34062,9 @@ function ChatMessage(e, t) {
 			}), reset(n);
 			var i = sibling(n, 2);
 			Button(child(i), {
-				onclick: () => get(ot)?.("down"),
+				onclick: () => get(_t)?.("down"),
 				get ariaLabel() {
-					return G();
+					return be();
 				},
 				children: (e, t) => {
 					var n = comment();
@@ -34009,24 +34074,24 @@ function ChatMessage(e, t) {
 			}), reset(i), append(e, t);
 		};
 		if_block(s, (e) => {
-			get(bt) && e(c);
+			get(At) && e(c);
 		});
 		var l = sibling(s, 2), u = (e) => {
 			var t = comment();
-			snippet(first_child(t), S), append(e, t);
+			snippet(first_child(t), k), append(e, t);
 		};
 		if_block(l, (e) => {
-			typeof S() == "function" && e(u);
+			typeof k() == "function" && e(u);
 		}), reset(t), append(e, t);
 	};
-	return if_block(qt, (e) => {
-		get(xt) && e(Zt);
-	}), reset(At), reset(Dt), reset(Tt), template_effect(() => {
-		Et = set_class(Tt, 1, `chat-message party-${get(lt) ?? ""} role-${n() ?? ""} ${it() ?? "" ?? ""}`, "svelte-ivh8u", Et, {
-			streaming: c(),
-			error: l() === "error"
-		}), set_attribute(Tt, "aria-label", get(lt) === "sender" ? "Your message" : "Message"), set_attribute(Tt, "data-pw", typeof Ue() == "string" ? Ue() : null), set_attribute(Tt, "testid", typeof Ue() == "string" ? Ue() : null);
-	}), append(e, Tt), pop(wt);
+	return if_block(un, (e) => {
+		get(jt) && e(dn);
+	}), reset(Ht), reset(Rt), reset(It), template_effect((e) => {
+		Lt = set_class(It, 1, `chat-message party-${get(yt) ?? ""} role-${i() ?? ""} ${lt() ?? "" ?? ""}`, "svelte-ivh8u", Lt, {
+			streaming: l(),
+			error: f() === "error"
+		}), set_attribute(It, "aria-label", get(yt) === "sender" ? "Your message" : "Message"), set_attribute(It, "data-pw", typeof ct() == "string" ? ct() : null), set_attribute(It, "testid", typeof ct() == "string" ? ct() : null), Qt = set_class(Zt, 1, "bubble svelte-ivh8u", null, Qt, { clampable: get(dt) }), set_style(Zt, get(dt) ? `--chat-message-clamp-lines-prop: ${u()};` : null), set_attribute(Zt, "data-clamped", get(ft) ? "true" : null), set_attribute(Zt, "data-expanded", e);
+	}, [() => get(dt) ? String(get(ut)) : null]), append(e, It), pop(Pt);
 }
 create_custom_element(ChatMessage, {
 	role: {},
@@ -34035,6 +34100,7 @@ create_custom_element(ChatMessage, {
 	markdown: {},
 	body: {},
 	streaming: {},
+	clampLines: {},
 	status: {},
 	avatar: {},
 	header: {},
@@ -34043,6 +34109,8 @@ create_custom_element(ChatMessage, {
 	actions: {},
 	copyLabel: {},
 	retryLabel: {},
+	expandLabel: {},
+	collapseLabel: {},
 	feedbackUpLabel: {},
 	feedbackDownLabel: {},
 	onretry: {},
@@ -36999,6 +37067,10 @@ customElements.define("sui-chat-message", create_custom_element(ChatMessage_wc,
 		reflect: !0,
 		type: "Boolean"
 	},
+	clampLines: {
+		attribute: "clamp-lines",
+		type: "Number"
+	},
 	status: {
 		reflect: !0,
 		type: "String"
@@ -37019,6 +37091,14 @@ customElements.define("sui-chat-message", create_custom_element(ChatMessage_wc,
 		attribute: "retry-label",
 		type: "String"
 	},
+	expandLabel: {
+		attribute: "expand-label",
+		type: "String"
+	},
+	collapseLabel: {
+		attribute: "collapse-label",
+		type: "String"
+	},
 	feedbackUpLabel: {
 		attribute: "feedback-up-label",
 		type: "String"