@juspay/svelte-ui-components 4.23.0 → 4.25.0

package/dist-wc/index.js

@@ -5748,24 +5748,32 @@ var checkmark_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"curre
 };
 function Checkbox(e, t) {
 	push(t, !0), append_styles$1(e, $$css$81);
-	let n = prop(t, "text", 7), i = prop(t, "checked", 15, !1), a = prop(t, "disabled", 7, !1), o = prop(t, "indeterminate", 15, !1), s = prop(t, "testId", 7), c = prop(t, "checkedIcon", 7), l = prop(t, "indeterminateIcon", 7), u = prop(t, "onclick", 7), f = prop(t, "classes", 7), p = prop(t, "ariaControls", 7), h = prop(t, "ariaLabel", 7), S = prop(t, "controlled", 7, !1), C = prop(t, "attributes", 7), k = /* @__PURE__ */ user_derived(() => n().length > 0 ? n() : typeof h() == "string" && h().trim() !== "" ? h() : null);
-	function R() {
+	let n = prop(t, "text", 7, ""), i = prop(t, "checked", 15, !1), a = prop(t, "disabled", 7, !1), o = prop(t, "indeterminate", 15, !1), s = prop(t, "testId", 7), c = prop(t, "checkedIcon", 7), l = prop(t, "indeterminateIcon", 7), u = prop(t, "onclick", 7), f = prop(t, "classes", 7), p = prop(t, "ariaControls", 7), h = prop(t, "ariaLabel", 7), S = prop(t, "controlled", 7, !1), C = prop(t, "attributes", 7), k = prop(t, "name", 7), R = prop(t, "value", 7), te = /* @__PURE__ */ state(null), ne = /* @__PURE__ */ user_derived(() => n().length > 0 ? n() : typeof h() == "string" && h().trim() !== "" ? h() : null);
+	function re() {
 		if (!a()) {
 			if (S()) {
 				u()?.(!i());
 				return;
 			}
-			i(!i()), o() && o(!1), u()?.(i());
+			flushSync(() => {
+				i(!i()), o() && o(!1);
+			}), u()?.(i()), get(te)?.dispatchEvent(new Event("input", {
+				bubbles: !0,
+				composed: !0
+			})), get(te)?.dispatchEvent(new Event("change", {
+				bubbles: !0,
+				composed: !0
+			}));
 		}
 	}
-	function te(e) {
-		(e.key === " " || e.key === "Enter") && (e.preventDefault(), R());
+	function G(e) {
+		(e.key === " " || e.key === "Enter") && (e.preventDefault(), re());
 	}
-	var ne = {
+	var be = {
 		get text() {
 			return n();
 		},
-		set text(e) {
+		set text(e = "") {
 			n(e), flushSync();
 		},
 		get checked() {
@@ -5839,21 +5847,33 @@ function Checkbox(e, t) {
 		},
 		set attributes(e) {
 			C(e), flushSync();
+		},
+		get name() {
+			return k();
+		},
+		set name(e) {
+			k(e), flushSync();
+		},
+		get value() {
+			return R();
+		},
+		set value(e) {
+			R(e), flushSync();
 		}
-	}, re = root_2$53();
-	let G;
-	var be = child(re);
-	remove_input_defaults(be), set_attribute(be, "tabindex", -1);
-	var Me = sibling(be, 2);
-	attribute_effect(Me, () => ({
+	}, Me = root_2$53();
+	let Re;
+	var Ue = child(Me);
+	remove_input_defaults(Ue), set_attribute(Ue, "tabindex", -1), bind_this(Ue, (e) => set(te, e), () => get(te));
+	var it = sibling(Ue, 2);
+	attribute_effect(it, () => ({
 		class: "box",
 		role: "checkbox",
 		tabindex: a() ? -1 : 0,
 		"aria-checked": o() ? "mixed" : i(),
 		"aria-disabled": a(),
 		"aria-controls": p() ?? null,
-		"aria-label": get(k),
-		onkeydown: te,
+		"aria-label": get(ne),
+		onkeydown: G,
 		"data-pw": typeof s() == "string" ? `${s()}-box` : null,
 		testID: typeof s() == "string" ? `${s()}-box` : null,
 		...C(),
@@ -5862,7 +5882,7 @@ function Checkbox(e, t) {
 			indeterminate: o()
 		}
 	}), void 0, void 0, void 0, "svelte-f1in4m");
-	var Re = child(Me), Ue = (e) => {
+	var at = child(it), ot = (e) => {
 		var t = comment(), n = first_child(t), i = (e) => {
 			var t = comment();
 			snippet(first_child(t), c), append(e, t);
@@ -5874,10 +5894,10 @@ function Checkbox(e, t) {
 			typeof c() == "function" ? e(i) : e(a, -1);
 		}), append(e, t);
 	};
-	if_block(Re, (e) => {
-		i() && !o() && e(Ue);
+	if_block(at, (e) => {
+		i() && !o() && e(ot);
 	});
-	var it = sibling(Re, 2), at = (e) => {
+	var ct = sibling(at, 2), lt = (e) => {
 		var t = comment(), n = first_child(t), i = (e) => {
 			var t = comment();
 			snippet(first_child(t), l), append(e, t);
@@ -5889,15 +5909,15 @@ function Checkbox(e, t) {
 			typeof l() == "function" ? e(i) : e(a, -1);
 		}), append(e, t);
 	};
-	if_block(it, (e) => {
-		o() && e(at);
-	}), reset(Me);
-	var ot = sibling(Me, 2), ct = child(ot, !0);
-	return reset(ot), reset(re), template_effect(() => {
-		G = set_class(re, 1, `container ${f() ?? "" ?? ""}`, "svelte-f1in4m", G, { disabled: a() }), set_attribute(re, "data-pw", s()), set_attribute(re, "testid", s()), set_checked(be, i()), be.disabled = a(), set_attribute(be, "data-pw", typeof s() == "string" ? `${s()}-native-input` : null), set_attribute(be, "testid", typeof s() == "string" ? `${s()}-native-input` : null), set_attribute(ot, "hidden", n().length === 0), set_text(ct, n());
-	}), delegated("click", re, (e) => {
-		e.preventDefault(), R();
-	}), delegated("click", be, (e) => e.stopPropagation()), append(e, re), pop(ne);
+	if_block(ct, (e) => {
+		o() && e(lt);
+	}), reset(it);
+	var ut = sibling(it, 2), dt = child(ut, !0);
+	return reset(ut), reset(Me), template_effect(() => {
+		Re = set_class(Me, 1, `container ${f() ?? "" ?? ""}`, "svelte-f1in4m", Re, { disabled: a() }), set_attribute(Me, "data-pw", s()), set_attribute(Me, "testid", s()), set_checked(Ue, i()), Ue.disabled = a(), set_attribute(Ue, "name", k() ?? null), set_value(Ue, R() ?? null), set_attribute(Ue, "data-pw", typeof s() == "string" ? `${s()}-native-input` : null), set_attribute(Ue, "testid", typeof s() == "string" ? `${s()}-native-input` : null), set_attribute(ut, "hidden", n().length === 0), set_text(dt, n());
+	}), delegated("click", Me, (e) => {
+		e.preventDefault(), re();
+	}), delegated("click", Ue, (e) => e.stopPropagation()), append(e, Me), pop(be);
 }
 delegate(["click"]), create_custom_element(Checkbox, {
 	text: {},
@@ -5912,7 +5932,9 @@ delegate(["click"]), create_custom_element(Checkbox, {
 	ariaControls: {},
 	ariaLabel: {},
 	controlled: {},
-	attributes: {}
+	attributes: {},
+	name: {},
+	value: {}
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/wc/components/Checkbox.wc.svelte
@@ -5998,7 +6020,15 @@ customElements.define("sui-checkbox", create_custom_element(Checkbox_wc, {
 		type: "Boolean"
 	},
 	checkboxAttributes: { type: "Object" },
-	onclick: { type: "Object" }
+	onclick: { type: "Object" },
+	name: {
+		reflect: !0,
+		type: "String"
+	},
+	value: {
+		reflect: !0,
+		type: "String"
+	}
 }, ["checked-icon", "indeterminate-icon"], [], { mode: "open" }));
 //#endregion
 //#region src/lib/utils.ts
@@ -12324,15 +12354,15 @@ customElements.define("sui-theme-switcher", create_custom_element(ThemeSwitcher_
 //#region src/lib/Toggle/Toggle.svelte
 var root$54 = /* @__PURE__ */ from_html("<div><label class=\"text svelte-1kpnf4s\"> </label> <label class=\"switch svelte-1kpnf4s\"><input class=\"input-checkbox svelte-1kpnf4s\" type=\"checkbox\"/> <span class=\"slider round svelte-1kpnf4s\"></span></label></div>"), $$css$54 = {
 	hash: "svelte-1kpnf4s",
-	code: ".container.svelte-1kpnf4s {display:var(--toggle-container-display, flex);align-items:var(--toggle-container-align-items, center);gap:var(--toggle-container-gap, 8px);}.container.disabled.svelte-1kpnf4s {opacity:var(--toggle-disabled-opacity, 0.4);cursor:not-allowed;pointer-events:none;}.text.svelte-1kpnf4s {font-size:var(--toggle-text-font-size, 14px);font-weight:var(--toggle-text-font-weight, 400);color:var(--toggle-text-color, #4a4a4a);margin:var(--toggle-text-margin, 0px 8px 0px 0px);order:var(--toggle-text-order, 0);}.switch.svelte-1kpnf4s {position:relative;display:inline-block;width:var(--toggle-switch-width, 46px);height:var(--toggle-switch-height, 25px);}.switch.svelte-1kpnf4s .input-checkbox:where(.svelte-1kpnf4s) {opacity:0;width:0;height:0;}.slider.svelte-1kpnf4s {position:absolute;cursor:pointer;top:var(--toggle-slider-top, 0);left:var(--toggle-slider-left, 0);right:var(--toggle-slider-right, 0);bottom:var(--toggle-slider-bottom, 0);background-color:var(--slider-unchecked-color, #ccc);-webkit-transition:var(--toggle-slider-transition, 0.4s);transition:var(--toggle-slider-transition, 0.4s);}.slider.svelte-1kpnf4s:before {position:absolute;content:'';height:var(--toggle-ball-height, 23px);width:var(--toggle-ball-width, 23px);left:var(--toggle-slider-before-left, 2px);bottom:var(--toggle-slider-before-bottom, 1px);top:var(--toggle-slider-before-top, 1px);background-color:var(--toggle-slider-before-background-color, white);-webkit-transition:var(--toggle-slider-transition, 0.4s);transition:var(--toggle-slider-transition, 0.4s);}.input-checkbox.svelte-1kpnf4s:checked + .slider:where(.svelte-1kpnf4s) {background-color:var(--slider-checked-color, #2196f3);}.input-checkbox.svelte-1kpnf4s:focus + .slider:where(.svelte-1kpnf4s) {box-shadow:0 0 1px #171717;}.input-checkbox.svelte-1kpnf4s:checked + .slider:where(.svelte-1kpnf4s):before {-webkit-transform:translateX(19px);-ms-transform:translateX(19px);transform:translateX(19px);}.slider.round.svelte-1kpnf4s {border-radius:var(--slider-border-radius, 23px);}.slider.round.svelte-1kpnf4s:before {border-radius:var(--slider-border-radius-before, 50%);}"
+	code: ".container.svelte-1kpnf4s {display:var(--toggle-container-display, flex);align-items:var(--toggle-container-align-items, center);gap:var(--toggle-container-gap, 8px);}.container.disabled.svelte-1kpnf4s {opacity:var(--toggle-disabled-opacity, 0.4);cursor:not-allowed;pointer-events:none;}.text.svelte-1kpnf4s {font-size:var(--toggle-text-font-size, 14px);font-weight:var(--toggle-text-font-weight, 400);color:var(--toggle-text-color, #4a4a4a);margin:var(--toggle-text-margin, 0px 8px 0px 0px);order:var(--toggle-text-order, 0);}.switch.svelte-1kpnf4s {position:relative;display:inline-block;width:var(--toggle-switch-width, 46px);height:var(--toggle-switch-height, 25px);}.switch.svelte-1kpnf4s .input-checkbox:where(.svelte-1kpnf4s) {opacity:0;width:0;height:0;}.slider.svelte-1kpnf4s {position:absolute;cursor:pointer;top:var(--toggle-slider-top, 0);left:var(--toggle-slider-left, 0);right:var(--toggle-slider-right, 0);bottom:var(--toggle-slider-bottom, 0);background-color:var(--slider-unchecked-color, #ccc);-webkit-transition:var(--toggle-slider-transition, 0.4s);transition:var(--toggle-slider-transition, 0.4s);}.slider.svelte-1kpnf4s:before {position:absolute;content:'';height:var(--toggle-ball-height, 23px);width:var(--toggle-ball-width, 23px);left:var(--toggle-slider-before-left, 2px);bottom:var(--toggle-slider-before-bottom, 1px);top:var(--toggle-slider-before-top, 1px);background-color:var(--toggle-slider-before-background-color, white);-webkit-transition:var(--toggle-slider-transition, 0.4s);transition:var(--toggle-slider-transition, 0.4s);}.input-checkbox.svelte-1kpnf4s:checked + .slider:where(.svelte-1kpnf4s) {background-color:var(--slider-checked-color, #2196f3);}.input-checkbox.svelte-1kpnf4s:focus + .slider:where(.svelte-1kpnf4s) {box-shadow:var(--toggle-focus-ring, 0 0 0 3px rgba(33, 150, 243, 0.3));}.input-checkbox.svelte-1kpnf4s:checked + .slider:where(.svelte-1kpnf4s):before {-webkit-transform:translateX(19px);-ms-transform:translateX(19px);transform:translateX(19px);}.slider.round.svelte-1kpnf4s {border-radius:var(--slider-border-radius, 23px);}.slider.round.svelte-1kpnf4s:before {border-radius:var(--slider-border-radius-before, 50%);}"
 };
 function Toggle(e, t) {
 	let n = props_id();
 	push(t, !0), append_styles$1(e, $$css$54);
-	let i = prop(t, "checked", 7, !1), a = prop(t, "text", 7, ""), o = prop(t, "disabled", 7, !1), s = prop(t, "testId", 7), c = prop(t, "classes", 7), l = prop(t, "id", 7), u = prop(t, "ariaLabel", 7), f = prop(t, "ariaLabelledby", 7), p = prop(t, "onclick", 7), h = /* @__PURE__ */ user_derived(() => l()?.trim() || `toggle-${n}`), S = (e) => {
+	let i = prop(t, "checked", 7, !1), a = prop(t, "text", 7, ""), o = prop(t, "disabled", 7, !1), s = prop(t, "testId", 7), c = prop(t, "classes", 7), l = prop(t, "id", 7), u = prop(t, "ariaLabel", 7), f = prop(t, "ariaLabelledby", 7), p = prop(t, "onclick", 7), h = prop(t, "name", 7), S = prop(t, "value", 7), C = /* @__PURE__ */ user_derived(() => l()?.trim() || `toggle-${n}`), k = (e) => {
 		e.target instanceof HTMLInputElement && typeof e.target.checked == "boolean" && i(e.target.checked), p()?.(i());
 	};
-	var C = {
+	var R = {
 		get checked() {
 			return i();
 		},
@@ -12386,15 +12416,27 @@ function Toggle(e, t) {
 		},
 		set onclick(e) {
 			p(e), flushSync();
+		},
+		get name() {
+			return h();
+		},
+		set name(e) {
+			h(e), flushSync();
+		},
+		get value() {
+			return S();
+		},
+		set value(e) {
+			S(e), flushSync();
 		}
-	}, k = root$54();
-	let R;
-	var te = child(k), ne = child(te, !0);
-	reset(te);
-	var re = sibling(te, 2), G = child(re);
-	return remove_input_defaults(G), next(2), reset(re), reset(k), template_effect((e, t) => {
-		R = set_class(k, 1, `container ${c() ?? "" ?? ""}`, "svelte-1kpnf4s", R, { disabled: o() }), set_attribute(k, "aria-disabled", o()), set_attribute(k, "data-pw", s()), set_attribute(k, "testid", s()), set_attribute(te, "for", get(h)), set_attribute(te, "hidden", a().length === 0), set_text(ne, a()), set_attribute(G, "id", get(h)), set_checked(G, i()), G.disabled = o(), set_attribute(G, "aria-label", e), set_attribute(G, "aria-labelledby", t);
-	}, [() => u()?.trim() || null, () => f()?.trim() || null]), delegated("click", G, S), append(e, k), pop(C);
+	}, te = root$54();
+	let ne;
+	var re = child(te), G = child(re, !0);
+	reset(re);
+	var be = sibling(re, 2), Me = child(be);
+	return remove_input_defaults(Me), next(2), reset(be), reset(te), template_effect((e, t) => {
+		ne = set_class(te, 1, `container ${c() ?? "" ?? ""}`, "svelte-1kpnf4s", ne, { disabled: o() }), set_attribute(te, "aria-disabled", o()), set_attribute(te, "data-pw", s()), set_attribute(te, "testid", s()), set_attribute(re, "for", get(C)), set_attribute(re, "hidden", a().length === 0), set_text(G, a()), set_attribute(Me, "id", get(C)), set_checked(Me, i()), Me.disabled = o(), set_attribute(Me, "name", h() ?? null), set_value(Me, S() ?? null), set_attribute(Me, "aria-label", e), set_attribute(Me, "aria-labelledby", t);
+	}, [() => u()?.trim() || null, () => f()?.trim() || null]), delegated("click", Me, k), append(e, te), pop(R);
 }
 delegate(["click"]), create_custom_element(Toggle, {
 	checked: {},
@@ -12405,7 +12447,9 @@ delegate(["click"]), create_custom_element(Toggle, {
 	id: {},
 	ariaLabel: {},
 	ariaLabelledby: {},
-	onclick: {}
+	onclick: {},
+	name: {},
+	value: {}
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/wc/components/Toggle.wc.svelte
@@ -12482,6 +12526,14 @@ customElements.define("sui-toggle", create_custom_element(Toggle_wc, {
 	inputAriaLabelledby: {
 		attribute: "input-aria-labelledby",
 		type: "String"
+	},
+	name: {
+		reflect: !0,
+		type: "String"
+	},
+	value: {
+		reflect: !0,
+		type: "String"
 	}
 }, [], [], { mode: "open" }));
 //#endregion
@@ -17003,43 +17055,43 @@ function computeSelectDropdownPosition(e) {
 }
 //#endregion
 //#region src/lib/Select/Select.svelte
-var root$36 = /* @__PURE__ */ from_html("<div class=\"select-empty svelte-52lifo\">No results</div>"), root_1$33 = /* @__PURE__ */ from_html("<span class=\"select-option-check svelte-52lifo\"></span>"), root_2$26 = /* @__PURE__ */ from_html("<span class=\"select-option-dash svelte-52lifo\"></span>"), root_3$24 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"><!></span>"), root_4$19 = /* @__PURE__ */ from_html("<div><!> </div>"), root_5$17 = /* @__PURE__ */ from_html("<span class=\"select-option-tick svelte-52lifo\" aria-hidden=\"true\"></span>"), root_6$16 = /* @__PURE__ */ from_html("<div><!> <!> <span class=\"select-option-label svelte-52lifo\"> </span> <!></div>"), root_7$15 = /* @__PURE__ */ from_html("<div class=\"select-bottom-content svelte-52lifo\"><!></div>"), root_8$14 = /* @__PURE__ */ from_html("<!> <!>", 1), root_9$11 = /* @__PURE__ */ from_html("<input class=\"select-search svelte-52lifo\" type=\"text\" autocomplete=\"off\"/>"), root_10$10 = /* @__PURE__ */ from_html("<span class=\"select-placeholder svelte-52lifo\"> </span>"), root_11$9 = /* @__PURE__ */ from_html("<span> </span>"), root_12$8 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"select-clear svelte-52lifo\" aria-label=\"Clear selection\"><span aria-hidden=\"true\">×</span></button>"), root_13$7 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"select-error-message svelte-52lifo\"> </div>"), root_14$7 = /* @__PURE__ */ from_html("<div><input class=\"select-menu-search svelte-52lifo\" type=\"search\" aria-label=\"Search options\" autocomplete=\"off\"/> <div class=\"select-menu-list svelte-52lifo\" role=\"listbox\" tabindex=\"-1\"><!></div> <!></div>"), root_15$7 = /* @__PURE__ */ from_html("<div role=\"listbox\"><!></div>"), root_16$6 = /* @__PURE__ */ from_html("<div><div><div><!> <!> <span class=\"select-arrow svelte-52lifo\"></span></div> <!></div> <!> <!></div>"), $$css$38 = {
+var root$36 = /* @__PURE__ */ from_html("<div class=\"select-empty svelte-52lifo\">No results</div>"), root_1$33 = /* @__PURE__ */ from_html("<span class=\"select-option-check svelte-52lifo\"></span>"), root_2$26 = /* @__PURE__ */ from_html("<span class=\"select-option-dash svelte-52lifo\"></span>"), root_3$24 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"><!></span>"), root_4$19 = /* @__PURE__ */ from_html("<div><!> </div>"), root_5$17 = /* @__PURE__ */ from_html("<span class=\"select-option-tick svelte-52lifo\" aria-hidden=\"true\"></span>"), root_6$16 = /* @__PURE__ */ from_html("<div><!> <!> <span class=\"select-option-label svelte-52lifo\"> </span> <!></div>"), root_7$15 = /* @__PURE__ */ from_html("<div class=\"select-bottom-content svelte-52lifo\"><!></div>"), root_8$14 = /* @__PURE__ */ from_html("<!> <!>", 1), root_9$11 = /* @__PURE__ */ from_html("<input type=\"hidden\"/>"), root_10$10 = /* @__PURE__ */ from_html("<input class=\"select-search svelte-52lifo\" type=\"text\" autocomplete=\"off\"/>"), root_11$9 = /* @__PURE__ */ from_html("<span class=\"select-placeholder svelte-52lifo\"> </span>"), root_12$8 = /* @__PURE__ */ from_html("<span> </span>"), root_13$7 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"select-clear svelte-52lifo\" aria-label=\"Clear selection\"><span aria-hidden=\"true\">×</span></button>"), root_14$7 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"select-error-message svelte-52lifo\"> </div>"), root_15$7 = /* @__PURE__ */ from_html("<div><input class=\"select-menu-search svelte-52lifo\" type=\"search\" aria-label=\"Search options\" autocomplete=\"off\"/> <div class=\"select-menu-list svelte-52lifo\" role=\"listbox\" tabindex=\"-1\"><!></div> <!></div>"), root_16$6 = /* @__PURE__ */ from_html("<div role=\"listbox\"><!></div>"), root_17$5 = /* @__PURE__ */ from_html("<div><!> <div><div><!> <!> <span class=\"select-arrow svelte-52lifo\"></span></div> <!></div> <!> <!></div>"), $$css$38 = {
 	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));}\n\n  /* Pressed feedback on the trigger. `:active` only, so it lasts exactly as\n     long as the pointer is down and never lingers as a stuck state the way a\n     class-driven one can. */.select.svelte-52lifo:not(.disabled) .select-trigger:where(.svelte-52lifo):active {background:var(--select-trigger-pressed-background, #ededed);}\n\n  /* The error border has to outrank BOTH hover and focus/open, or the field\n     stops reading as invalid the moment the user enters it -- which is the one\n     moment they most need to see it. Listed after them, at equal or higher\n     specificity, rather than reached for with !important. */.select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo),\n  .select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo):hover,\n  .select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo):focus-within,\n  .select.error.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-trigger-error-border-color, #dc2626);}.select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo):focus-within,\n  .select.error.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {box-shadow:var(--select-trigger-error-shadow, 0 0 0 2px rgba(220, 38, 38, 0.2));}.select-error-message.svelte-52lifo {margin-top:var(--select-error-message-margin-top, 4px);font-size:var(--select-error-message-font-size, 12px);color:var(--select-error-message-color, #dc2626);}.select-control.svelte-52lifo {position:relative;}.select-control.has-clear.svelte-52lifo .select-trigger:where(.svelte-52lifo) {padding-inline-end:calc(var(--select-clear-size, 18px) + 36px);}.select-control.has-clear.svelte-52lifo .select-arrow:where(.svelte-52lifo) {position:absolute;right:12px;}.select-clear.svelte-52lifo {position:absolute;right:32px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--select-clear-size, 18px);height:var(--select-clear-size, 18px);margin:0;padding:0;border:none;border-radius:var(--select-clear-border-radius, var(--radius, 4px));background:var(--select-clear-background, transparent);color:var(--select-clear-color, #666666);font-size:var(--select-clear-font-size, 16px);line-height:1;cursor:pointer;}.select-clear.svelte-52lifo:focus-visible {outline:var(--select-clear-focus-outline, 2px solid currentColor);outline-offset:2px;}.select-clear.svelte-52lifo:hover {background:var(--select-clear-hover-background, #ededed);color:var(--select-clear-hover-color, #111111);}.select-clear.svelte-52lifo:active {background:var(--select-clear-pressed-background, #e0e0e0);}.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);}\n\n  /* With the search box inside the panel, the PANEL must stop scrolling and\n     the list scroll instead -- otherwise the search box scrolls away as soon\n     as the user moves down the results, which is the one control they still\n     need. The max-height moves down with the scrolling, so the panel keeps\n     growing to fit the search box plus a list of the same height as before. */.select-dropdown.svelte-52lifo:has(> .select-menu-list:where(.svelte-52lifo)) {max-height:none;overflow-y:visible;display:flex;flex-direction:column;}.select-menu-list.svelte-52lifo {max-height:var(--select-dropdown-max-height, 200px);overflow-y:auto;}.select-menu-search.svelte-52lifo {flex:none;margin:var(--select-menu-search-margin, 6px);padding:var(--select-menu-search-padding, 6px 8px);border:var(--select-menu-search-border, 1px solid #cccccc);border-radius:var(--select-menu-search-border-radius, var(--radius, 4px));background:var(--select-menu-search-background, #ffffff);color:var(--select-menu-search-color, inherit);font-family:inherit;font-size:var(--select-menu-search-font-size, inherit);outline:none;}.select-menu-search.svelte-52lifo:focus-visible {border-color:var(--select-menu-search-focus-border-color, #2563eb);box-shadow:var(--select-menu-search-focus-shadow, 0 0 0 2px rgba(37, 99, 235, 0.2));}.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    );}\n\n  /* Pressed feedback comes last, and each selector carries enough specificity\n     to outrank its non-active counterpart above. An option is always hovered\n     when pressed and is often selected too, so a single low-specificity rule\n     earlier in the sheet would be correct in isolation and invisible in\n     practice -- which is how a pressed state ends up shipping as dead CSS.\n     A press on an already-selected row still has to confirm the tap landed. */.select-option.svelte-52lifo:active,\n  .select-option.selected.svelte-52lifo:active,\n  .select-option.selected.highlighted.svelte-52lifo:active {background:var(--select-option-pressed-background, #ededed);}.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%;}"
 };
 function Select(e, t) {
 	let n = props_id();
 	push(t, !0), append_styles$1(e, $$css$38);
-	let i = prop(t, "items", 7), a = prop(t, "value", 31, () => proxy([])), o = prop(t, "multiple", 7, !1), s = prop(t, "searchable", 7, !1), c = prop(t, "searchPosition", 7, "trigger"), l = prop(t, "placeholder", 7, ""), u = prop(t, "disabled", 7, !1), f = prop(t, "error", 7, !1), p = prop(t, "errorMessage", 7), h = prop(t, "clearable", 7, !1), S = prop(t, "onclear", 7), C = prop(t, "bottomContent", 7), k = prop(t, "optionIndicator", 7), R = prop(t, "showSelectAll", 7, !1), te = prop(t, "selectAllLabel", 7, "Select all"), ne = prop(t, "showSelectedTick", 7, !1), re = prop(t, "triggerSummary", 7), G = prop(t, "testId", 7), be = prop(t, "itemTestId", 7), Me = prop(t, "onchange", 7), Re = prop(t, "onopen", 7), Ue = prop(t, "onclose", 7), it = prop(t, "classes", 7), at = prop(t, "open", 15, !1), ot = prop(t, "dropdownAlign", 7, "left"), ct = prop(t, "hierarchy", 7, "default"), lt = prop(t, "leftIcon", 7), ut = prop(t, "leftIconTestId", 7), dt = prop(t, "usePortal", 7, !1);
-	function ft(e) {
+	let i = prop(t, "items", 7), a = prop(t, "value", 31, () => proxy([])), o = prop(t, "multiple", 7, !1), s = prop(t, "searchable", 7, !1), c = prop(t, "searchPosition", 7, "trigger"), l = prop(t, "placeholder", 7, ""), u = prop(t, "disabled", 7, !1), f = prop(t, "error", 7, !1), p = prop(t, "errorMessage", 7), h = prop(t, "clearable", 7, !1), S = prop(t, "onclear", 7), C = prop(t, "bottomContent", 7), k = prop(t, "optionIndicator", 7), R = prop(t, "showSelectAll", 7, !1), te = prop(t, "selectAllLabel", 7, "Select all"), ne = prop(t, "showSelectedTick", 7, !1), re = prop(t, "triggerSummary", 7), G = prop(t, "testId", 7), be = prop(t, "itemTestId", 7), Me = prop(t, "onchange", 7), Re = prop(t, "onopen", 7), Ue = prop(t, "onclose", 7), it = prop(t, "classes", 7), at = prop(t, "open", 15, !1), ot = prop(t, "dropdownAlign", 7, "left"), ct = prop(t, "hierarchy", 7, "default"), lt = prop(t, "leftIcon", 7), ut = prop(t, "leftIconTestId", 7), dt = prop(t, "usePortal", 7, !1), ft = prop(t, "name", 7);
+	function pt(e) {
 		return e.map((e) => typeof e == "string" ? {
 			id: e,
 			label: e
 		} : e);
 	}
-	let pt = /* @__PURE__ */ user_derived(() => ft(i())), mt = /* @__PURE__ */ state(""), ht = !1, gt = /* @__PURE__ */ state(-1), _t = /* @__PURE__ */ state(null), vt = /* @__PURE__ */ state(null), yt = /* @__PURE__ */ state(null), bt = /* @__PURE__ */ state(null), xt = /* @__PURE__ */ state(0), St = /* @__PURE__ */ state(0), Ct = /* @__PURE__ */ state(0), wt = 4, Tt = `select-listbox-${n}`, Et = `${Tt}-error`, Dt = /* @__PURE__ */ user_derived(() => s() && c() !== "menu"), Ot = /* @__PURE__ */ user_derived(() => s() && c() === "menu"), kt = /* @__PURE__ */ user_derived(() => f() && typeof p() == "string" && p().trim().length > 0), At = /* @__PURE__ */ user_derived(() => h() && !u() && a().length > 0);
-	function jt(e) {
-		e.stopPropagation(), a().length !== 0 && (a([]), Me()?.(a()), S()?.(), s() && get(vt) !== null ? (ht = !0, get(vt).focus(), ht = !1) : get(yt)?.focus());
-	}
+	let mt = /* @__PURE__ */ user_derived(() => pt(i())), ht = /* @__PURE__ */ state(""), gt = !1, _t = /* @__PURE__ */ state(-1), vt = /* @__PURE__ */ state(null), yt = /* @__PURE__ */ state(null), bt = /* @__PURE__ */ state(null), xt = /* @__PURE__ */ state(null), St = /* @__PURE__ */ state(0), Ct = /* @__PURE__ */ state(0), wt = /* @__PURE__ */ state(0), Tt = 4, Et = `select-listbox-${n}`, Dt = `${Et}-error`, Ot = /* @__PURE__ */ user_derived(() => s() && c() !== "menu"), kt = /* @__PURE__ */ user_derived(() => s() && c() === "menu"), At = /* @__PURE__ */ user_derived(() => f() && typeof p() == "string" && p().trim().length > 0), jt = /* @__PURE__ */ user_derived(() => h() && !u() && a().length > 0);
 	function Mt(e) {
-		let t = get(pt).find((t) => t.id === e);
+		e.stopPropagation(), a().length !== 0 && (a([]), Me()?.(a()), S()?.(), s() && get(yt) !== null ? (gt = !0, get(yt).focus(), gt = !1) : get(bt)?.focus());
+	}
+	function Nt(e) {
+		let t = get(mt).find((t) => t.id === e);
 		return typeof t == "object" ? t.label : e;
 	}
-	let Nt = /* @__PURE__ */ user_derived(() => s() && get(mt).length > 0 ? get(pt).filter((e) => e.label.toLowerCase().includes(get(mt).toLowerCase())) : get(pt)), Pt = /* @__PURE__ */ user_derived(() => o() && R() && get(Nt).length > 0), It = /* @__PURE__ */ user_derived(() => get(Nt).filter((e) => a().includes(e.id)).length), Lt = /* @__PURE__ */ user_derived(() => get(Nt).length > 0 && get(It) === get(Nt).length), Rt = /* @__PURE__ */ user_derived(() => get(It) > 0 && get(It) < get(Nt).length), zt = /* @__PURE__ */ user_derived(() => get(Pt) ? [{ kind: "select-all" }, ...get(Nt).map((e) => ({
+	let Pt = /* @__PURE__ */ user_derived(() => s() && get(ht).length > 0 ? get(mt).filter((e) => e.label.toLowerCase().includes(get(ht).toLowerCase())) : get(mt)), It = /* @__PURE__ */ user_derived(() => o() && R() && get(Pt).length > 0), Lt = /* @__PURE__ */ user_derived(() => get(Pt).filter((e) => a().includes(e.id)).length), Rt = /* @__PURE__ */ user_derived(() => get(Pt).length > 0 && get(Lt) === get(Pt).length), zt = /* @__PURE__ */ user_derived(() => get(Lt) > 0 && get(Lt) < get(Pt).length), Bt = /* @__PURE__ */ user_derived(() => get(It) ? [{ kind: "select-all" }, ...get(Pt).map((e) => ({
 		kind: "item",
 		item: e
-	}))] : get(Nt).map((e) => ({
+	}))] : get(Pt).map((e) => ({
 		kind: "item",
 		item: e
-	}))), Bt = /* @__PURE__ */ user_derived(() => {
+	}))), Ht = /* @__PURE__ */ user_derived(() => {
 		let e = a().at(0);
-		return typeof e == "string" ? Mt(e) : "";
-	}), Ht = /* @__PURE__ */ user_derived(() => get(gt) >= 0 ? `${Tt}-option-${get(gt)}` : null), Gt = /* @__PURE__ */ user_derived(() => at() && get(Bt).length > 0 ? get(Bt) : l());
+		return typeof e == "string" ? Nt(e) : "";
+	}), Gt = /* @__PURE__ */ user_derived(() => get(_t) >= 0 ? `${Et}-option-${get(_t)}` : null), qt = /* @__PURE__ */ user_derived(() => at() && get(Ht).length > 0 ? get(Ht) : l());
 	user_effect(() => {
 		if (!dt() || !at() || typeof window > "u") return;
 		let e = null, t = () => {
 			e === null && (e = requestAnimationFrame(() => {
-				e = null, set(Ct, get(Ct) + 1);
+				e = null, set(wt, get(wt) + 1);
 			}));
 		};
 		return window.addEventListener("scroll", t, {
@@ -17049,12 +17101,12 @@ function Select(e, t) {
 			window.removeEventListener("scroll", t, { capture: !0 }), window.removeEventListener("resize", t), e !== null && cancelAnimationFrame(e);
 		};
 	});
-	let qt = (e) => {
+	let Zt = (e) => {
 		if (dt()) return document.body.appendChild(e), { destroy: () => e.remove() };
-	}, Zt = /* @__PURE__ */ user_derived(() => {
-		if (!dt() || !at() || get(yt) === null) return "";
-		get(Ct);
-		let e = get(yt).getBoundingClientRect(), t = typeof window > "u" ? {
+	}, Qt = /* @__PURE__ */ user_derived(() => {
+		if (!dt() || !at() || get(bt) === null) return "";
+		get(wt);
+		let e = get(bt).getBoundingClientRect(), t = typeof window > "u" ? {
 			width: Infinity,
 			height: Infinity
 		} : {
@@ -17069,8 +17121,8 @@ function Select(e, t) {
 				width: e.width
 			},
 			dropdown: {
-				width: get(xt),
-				height: get(St)
+				width: get(St),
+				height: get(Ct)
 			},
 			viewport: t,
 			align: ot(),
@@ -17078,109 +17130,109 @@ function Select(e, t) {
 		}), i = n.width === null ? "" : `width:${n.width}px;`;
 		return `top:${n.top}px;left:${n.left}px;min-width:${n.minWidth}px;${i}`;
 	});
-	async function Qt() {
-		u() || at() || (at(!0), Re()?.(), set(gt, -1), set(mt, ""), get(Dt) && (await tick(), get(vt) !== null && get(vt).focus()));
+	async function $t() {
+		u() || at() || (at(!0), Re()?.(), set(_t, -1), set(ht, ""), get(Ot) && (await tick(), get(yt) !== null && get(yt).focus()));
 	}
-	function $t() {
-		at(!1), Ue()?.(), set(mt, ""), set(gt, -1);
-	}
-	function en(e) {
-		u() || (o() ? a(a().includes(e) ? a().filter((t) => t !== e) : [...a(), e]) : (a([e]), $t(), get(Ot) && get(yt)?.focus()), Me()?.(a()));
+	function en() {
+		at(!1), Ue()?.(), set(ht, ""), set(_t, -1);
 	}
 	function tn(e) {
-		u() || (a(a().filter((t) => t !== e)), Me()?.(a()));
+		u() || (o() ? a(a().includes(e) ? a().filter((t) => t !== e) : [...a(), e]) : (a([e]), en(), get(kt) && get(bt)?.focus()), Me()?.(a()));
 	}
-	function nn() {
-		u() || (get(Lt) ? a(a().filter((e) => !get(Nt).some((t) => t.id === e))) : a([...new Set([...a(), ...get(Nt).map((e) => e.id)])]), Me()?.(a()));
+	function nn(e) {
+		u() || (a(a().filter((t) => t !== e)), Me()?.(a()));
 	}
 	function rn() {
-		if (get(gt) < 0 || get(gt) >= get(zt).length) return;
-		let e = get(zt).at(get(gt));
-		typeof e != "object" || !e || (e.kind === "select-all" ? nn() : en(e.item.id));
-	}
-	async function an(e) {
-		let t = get(gt) + e;
-		if (!(t < 0 || t >= get(zt).length) && (set(gt, t), await tick(), get(bt) !== null)) {
-			let e = get(bt).querySelector(".select-option.highlighted");
+		u() || (get(Rt) ? a(a().filter((e) => !get(Pt).some((t) => t.id === e))) : a([...new Set([...a(), ...get(Pt).map((e) => e.id)])]), Me()?.(a()));
+	}
+	function an() {
+		if (get(_t) < 0 || get(_t) >= get(Bt).length) return;
+		let e = get(Bt).at(get(_t));
+		typeof e != "object" || !e || (e.kind === "select-all" ? rn() : tn(e.item.id));
+	}
+	async function on(e) {
+		let t = get(_t) + e;
+		if (!(t < 0 || t >= get(Bt).length) && (set(_t, t), await tick(), get(xt) !== null)) {
+			let e = get(xt).querySelector(".select-option.highlighted");
 			e instanceof HTMLElement && e.scrollIntoView({ block: "nearest" });
 		}
 	}
-	function on(e) {
+	function sn(e) {
 		if (e.target instanceof HTMLInputElement) {
-			at() || Qt();
+			at() || $t();
 			return;
 		}
-		at() ? $t() : Qt();
-	}
-	let sn = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-	function cn() {
-		return get(bt) === null ? [] : [...get(bt).querySelectorAll(sn)];
+		at() ? en() : $t();
 	}
+	let cn = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
 	function ln() {
-		if (get(yt) === null || typeof document > "u") return;
-		let e = [...document.querySelectorAll(sn)].filter((e) => e.closest(".select-dropdown") === null);
-		e.at(e.indexOf(get(yt)) + 1)?.focus();
+		return get(xt) === null ? [] : [...get(xt).querySelectorAll(cn)];
 	}
-	function un(e) {
+	function un() {
+		if (get(bt) === null || typeof document > "u") return;
+		let e = [...document.querySelectorAll(cn)].filter((e) => e.closest(".select-dropdown") === null);
+		e.at(e.indexOf(get(bt)) + 1)?.focus();
+	}
+	function dn(e) {
 		if (!u()) switch (e.key) {
 			case "Enter":
-				e.preventDefault(), at() ? rn() : Qt();
+				e.preventDefault(), at() ? an() : $t();
 				break;
 			case " ":
-				e.target instanceof HTMLInputElement || (e.preventDefault(), at() ? rn() : Qt());
+				e.target instanceof HTMLInputElement || (e.preventDefault(), at() ? an() : $t());
 				break;
 			case "ArrowDown":
-				e.preventDefault(), at() ? an(1) : Qt();
+				e.preventDefault(), at() ? on(1) : $t();
 				break;
 			case "ArrowUp":
-				e.preventDefault(), an(-1);
+				e.preventDefault(), on(-1);
 				break;
 			case "Escape":
-				at() && ($t(), !get(Dt) && get(yt) !== null && get(yt).focus());
+				at() && (en(), !get(Ot) && get(bt) !== null && get(bt).focus());
 				break;
 			case "Backspace":
-				if (o() && get(mt) === "" && a().length > 0) {
+				if (o() && get(ht) === "" && a().length > 0) {
 					let e = a().at(-1);
-					typeof e == "string" && tn(e);
+					typeof e == "string" && nn(e);
 				}
 				break;
 			case "Tab": {
 				if (!at()) break;
-				if (!get(Ot)) {
-					$t();
+				if (!get(kt)) {
+					en();
 					break;
 				}
 				let t = document.activeElement;
 				if (e.shiftKey) {
-					t === get(yt) ? $t() : t === get(vt) && (e.preventDefault(), get(yt)?.focus());
+					t === get(bt) ? en() : t === get(yt) && (e.preventDefault(), get(bt)?.focus());
 					break;
 				}
-				if (t === get(yt)) {
-					e.preventDefault(), get(vt)?.focus();
+				if (t === get(bt)) {
+					e.preventDefault(), get(yt)?.focus();
 					break;
 				}
-				t === cn().at(-1) && (e.preventDefault(), $t(), ln());
+				t === ln().at(-1) && (e.preventDefault(), en(), un());
 				break;
 			}
 		}
 	}
-	function dn(e) {
-		e.target !== get(vt) && un(e);
+	function fn(e) {
+		e.target !== get(yt) && dn(e);
 	}
-	let fn = (e) => (e.addEventListener("keydown", dn), { destroy: () => e.removeEventListener("keydown", dn) });
-	function pn(e) {
-		e.target instanceof HTMLInputElement && (set(mt, e.target.value, !0), at() || Qt(), set(gt, -1));
+	let pn = (e) => (e.addEventListener("keydown", fn), { destroy: () => e.removeEventListener("keydown", fn) });
+	function mn(e) {
+		e.target instanceof HTMLInputElement && (set(ht, e.target.value, !0), at() || $t(), set(_t, -1));
 	}
-	function mn() {
-		!at() && !ht && Qt();
+	function hn() {
+		!at() && !gt && $t();
 	}
-	function hn(e) {
-		e.target instanceof Node && get(_t) !== null && !get(_t).contains(e.target) && !(get(bt) !== null && get(bt).contains(e.target)) && $t();
+	function gn(e) {
+		e.target instanceof Node && get(vt) !== null && !get(vt).contains(e.target) && !(get(xt) !== null && get(xt).contains(e.target)) && en();
 	}
-	onMount(() => (document.addEventListener("click", hn), () => {
-		document.removeEventListener("click", hn), at() && Ue()?.();
+	onMount(() => (document.addEventListener("click", gn), () => {
+		document.removeEventListener("click", gn), at() && Ue()?.();
 	}));
-	var gn = {
+	var _n = {
 		get items() {
 			return i();
 		},
@@ -17354,9 +17406,15 @@ function Select(e, t) {
 		},
 		set usePortal(e = !1) {
 			dt(e), flushSync();
+		},
+		get name() {
+			return ft();
+		},
+		set name(e) {
+			ft(e), flushSync();
 		}
-	}, _n = root_16$6();
-	attribute_effect(_n, () => ({
+	}, vn = root_17$5();
+	attribute_effect(vn, () => ({
 		class: `select ${it() ?? "" ?? ""}`,
 		...typeof G() == "string" ? {
 			"data-pw": G(),
@@ -17375,33 +17433,33 @@ function Select(e, t) {
 				append(e, root$36());
 			}, s = (e) => {
 				var t = comment();
-				each(first_child(t), 19, () => get(zt), (e) => e.kind === "select-all" ? "select-all" : e.item.id, (e, t, n) => {
+				each(first_child(t), 19, () => get(Bt), (e) => e.kind === "select-all" ? "select-all" : e.item.id, (e, t, n) => {
 					var i = comment(), s = first_child(i), c = (e) => {
-						var t = root_4$19(), i = () => set(gt, get(n), !0);
+						var t = root_4$19(), i = () => set(_t, get(n), !0);
 						attribute_effect(t, () => ({
 							class: "select-option select-all",
 							role: "option",
-							id: `${Tt}-option-${get(n)}`,
-							"aria-selected": get(Lt),
-							"aria-label": get(Rt) ? `${te()}, ${get(It)} of ${get(Nt).length} selected` : te(),
+							id: `${Et}-option-${get(n)}`,
+							"aria-selected": get(Rt),
+							"aria-label": get(zt) ? `${te()}, ${get(Lt)} of ${get(Pt).length} selected` : te(),
 							tabindex: "-1",
 							...typeof G() == "string" ? {
 								"data-pw": `${G()}-select-all`,
 								testID: `${G()}-select-all`
 							} : {},
-							onclick: nn,
+							onclick: rn,
 							onmouseenter: i,
 							[CLASS]: {
 								multi: o(),
-								selected: get(Lt),
-								highlighted: get(n) === get(gt)
+								selected: get(Rt),
+								highlighted: get(n) === get(_t)
 							}
 						}), void 0, void 0, void 0, "svelte-52lifo");
 						var a = child(t), s = (e) => {
 							var t = comment();
 							snippet(first_child(t), k, () => ({
-								checked: get(Lt),
-								indeterminate: get(Rt)
+								checked: get(Rt),
+								indeterminate: get(zt)
 							})), append(e, t);
 						}, c = (e) => {
 							var t = root_3$24();
@@ -17416,12 +17474,12 @@ function Select(e, t) {
 								}), append(e, t);
 							};
 							if_block(i, (e) => {
-								get(Lt) ? e(a) : get(Rt) && e(o, 1);
+								get(Rt) ? e(a) : get(zt) && e(o, 1);
 							}), reset(t), template_effect(() => {
 								n = set_class(t, 1, "select-option-indicator svelte-52lifo", null, n, {
-									checked: get(Lt),
-									indeterminate: get(Rt)
-								}), set_attribute(t, "data-checked", get(Lt) ? "true" : "false"), set_attribute(t, "data-pw", typeof G() == "string" ? `${G()}-select-all-indicator` : null), set_attribute(t, "testid", typeof G() == "string" ? `${G()}-select-all-indicator` : null);
+									checked: get(Rt),
+									indeterminate: get(zt)
+								}), set_attribute(t, "data-checked", get(Rt) ? "true" : "false"), set_attribute(t, "data-pw", typeof G() == "string" ? `${G()}-select-all-indicator` : null), set_attribute(t, "testid", typeof G() == "string" ? `${G()}-select-all-indicator` : null);
 							}), append(e, t);
 						};
 						if_block(a, (e) => {
@@ -17430,11 +17488,11 @@ function Select(e, t) {
 						var l = sibling(a);
 						reset(t), template_effect(() => set_text(l, ` ${te() ?? ""}`)), append(e, t);
 					}, l = (e) => {
-						var i = root_6$16(), s = () => en(get(t).item.id), c = () => set(gt, get(n), !0);
+						var i = root_6$16(), s = () => tn(get(t).item.id), c = () => set(_t, get(n), !0);
 						attribute_effect(i, (e, i) => ({
 							class: "select-option",
 							role: "option",
-							id: `${Tt}-option-${get(n)}`,
+							id: `${Et}-option-${get(n)}`,
 							"aria-selected": e,
 							tabindex: "-1",
 							...typeof get(t).item.testId == "string" ? {
@@ -17454,7 +17512,7 @@ function Select(e, t) {
 							multi: o(),
 							tickable: ne() && !o(),
 							selected: a().includes(get(t).item.id),
-							highlighted: get(n) === get(gt)
+							highlighted: get(n) === get(_t)
 						})], void 0, void 0, "svelte-52lifo");
 						var l = child(i), u = (e) => {
 							var n = comment(), i = first_child(n), o = (e) => {
@@ -17517,33 +17575,45 @@ function Select(e, t) {
 				}), append(e, t);
 			};
 			if_block(n, (e) => {
-				get(Nt).length === 0 ? e(i) : e(s, -1);
+				get(Pt).length === 0 ? e(i) : e(s, -1);
 			});
 			var c = sibling(n, 2), l = (e) => {
 				var t = root_7$15();
 				snippet(child(t), C), reset(t), append(e, t);
 			};
 			if_block(c, (e) => {
-				typeof C() == "function" && !get(Ot) && e(l);
+				typeof C() == "function" && !get(kt) && e(l);
+			}), append(e, t);
+		};
+		var yn = child(vn), bn = (e) => {
+			var t = comment();
+			each(first_child(t), 16, a, (e) => e, (e, t) => {
+				var n = root_9$11();
+				remove_input_defaults(n), template_effect(() => {
+					set_attribute(n, "name", ft()), set_value(n, t), n.disabled = u();
+				}), append(e, n);
 			}), append(e, t);
 		};
-		var vn = child(_n);
+		if_block(yn, (e) => {
+			typeof ft() == "string" && ft().length > 0 && e(bn);
+		});
+		var xn = sibling(yn, 2);
 		let t;
-		var yn = child(vn);
-		attribute_effect(yn, () => ({
+		var Sn = child(xn);
+		attribute_effect(Sn, () => ({
 			class: "select-trigger",
-			onclick: on,
-			onkeydown: un,
+			onclick: sn,
+			onkeydown: dn,
 			role: "combobox",
 			"aria-expanded": at(),
 			"aria-haspopup": "listbox",
-			"aria-controls": Tt,
+			"aria-controls": Et,
 			"aria-invalid": f() ? "true" : null,
-			"aria-describedby": get(kt) ? Et : null,
-			...get(Ht) === null ? {} : { "aria-activedescendant": get(Ht) },
-			tabindex: u() || get(Dt) ? -1 : 0
+			"aria-describedby": get(At) ? Dt : null,
+			...get(Gt) === null ? {} : { "aria-activedescendant": get(Gt) },
+			tabindex: u() || get(Ot) ? -1 : 0
 		}), void 0, void 0, void 0, "svelte-52lifo");
-		var bn = child(yn), xn = (e) => {
+		var Cn = child(Sn), wn = (e) => {
 			Img(e, spread_props({
 				inlineSvg: !0,
 				get src() {
@@ -17554,30 +17624,30 @@ function Select(e, t) {
 				classes: "select-left-icon"
 			}, () => typeof ut() == "string" ? { testId: ut() } : {}));
 		};
-		if_block(bn, (e) => {
-			typeof lt() == "string" && lt().length > 0 && e(xn);
+		if_block(Cn, (e) => {
+			typeof lt() == "string" && lt().length > 0 && e(wn);
 		});
-		var Sn = sibling(bn, 2), Cn = (e) => {
+		var Tn = sibling(Cn, 2), En = (e) => {
 			var t = comment(), n = first_child(t), i = (e) => {
 				var t = root_8$14(), n = first_child(t);
 				snippet(n, re, () => ({
 					value: a(),
-					items: get(pt)
+					items: get(mt)
 				}));
 				var i = sibling(n, 2), o = (e) => {
-					var t = root_9$11();
-					remove_input_defaults(t), bind_this(t, (e) => set(vt, e), () => get(vt)), template_effect(() => {
-						set_value(t, get(mt)), set_attribute(t, "placeholder", a().length === 0 ? l() : ""), t.disabled = u(), set_attribute(t, "aria-invalid", f() ? "true" : null), set_attribute(t, "aria-describedby", get(kt) ? Et : null), set_attribute(t, "tabindex", u() ? -1 : 0), set_attribute(t, "data-pw", typeof G() == "string" ? `${G()}-search` : null), set_attribute(t, "testid", typeof G() == "string" ? `${G()}-search` : null);
-					}), delegated("input", t, pn), event("focus", t, mn), append(e, t);
+					var t = root_10$10();
+					remove_input_defaults(t), bind_this(t, (e) => set(yt, e), () => get(yt)), template_effect(() => {
+						set_value(t, get(ht)), set_attribute(t, "placeholder", a().length === 0 ? l() : ""), t.disabled = u(), set_attribute(t, "aria-invalid", f() ? "true" : null), set_attribute(t, "aria-describedby", get(At) ? Dt : null), set_attribute(t, "tabindex", u() ? -1 : 0), set_attribute(t, "data-pw", typeof G() == "string" ? `${G()}-search` : null), set_attribute(t, "testid", typeof G() == "string" ? `${G()}-search` : null);
+					}), delegated("input", t, mn), event("focus", t, hn), append(e, t);
 				};
 				if_block(i, (e) => {
-					get(Dt) && e(o);
+					get(Ot) && e(o);
 				}), append(e, t);
 			}, o = (e) => {
 				var t = root_8$14(), n = first_child(t);
 				each(n, 16, a, (e) => e, (e, t) => {
 					{
-						let n = /* @__PURE__ */ user_derived(() => Mt(t));
+						let n = /* @__PURE__ */ user_derived(() => Nt(t));
 						Pill(e, spread_props({
 							get text() {
 								return get(n);
@@ -17586,68 +17656,68 @@ function Select(e, t) {
 							get disabled() {
 								return u();
 							},
-							ondismiss: () => tn(t)
+							ondismiss: () => nn(t)
 						}, () => typeof G() == "string" ? { testId: `${G()}-pill-${t}` } : {}));
 					}
 				});
 				var i = sibling(n, 2), o = (e) => {
-					var t = root_9$11();
-					remove_input_defaults(t), bind_this(t, (e) => set(vt, e), () => get(vt)), template_effect(() => {
-						set_value(t, get(mt)), set_attribute(t, "placeholder", a().length === 0 ? l() : ""), t.disabled = u(), set_attribute(t, "aria-invalid", f() ? "true" : null), set_attribute(t, "aria-describedby", get(kt) ? Et : null), set_attribute(t, "tabindex", u() ? -1 : 0), set_attribute(t, "data-pw", typeof G() == "string" ? `${G()}-search` : null), set_attribute(t, "testid", typeof G() == "string" ? `${G()}-search` : null);
-					}), delegated("input", t, pn), event("focus", t, mn), append(e, t);
+					var t = root_10$10();
+					remove_input_defaults(t), bind_this(t, (e) => set(yt, e), () => get(yt)), template_effect(() => {
+						set_value(t, get(ht)), set_attribute(t, "placeholder", a().length === 0 ? l() : ""), t.disabled = u(), set_attribute(t, "aria-invalid", f() ? "true" : null), set_attribute(t, "aria-describedby", get(At) ? Dt : null), set_attribute(t, "tabindex", u() ? -1 : 0), set_attribute(t, "data-pw", typeof G() == "string" ? `${G()}-search` : null), set_attribute(t, "testid", typeof G() == "string" ? `${G()}-search` : null);
+					}), delegated("input", t, mn), event("focus", t, hn), append(e, t);
 				}, s = (e) => {
-					var t = root_10$10(), n = child(t, !0);
+					var t = root_11$9(), n = child(t, !0);
 					reset(t), template_effect(() => set_text(n, l())), append(e, t);
 				};
 				if_block(i, (e) => {
-					get(Dt) ? e(o) : a().length === 0 && e(s, 1);
+					get(Ot) ? e(o) : a().length === 0 && e(s, 1);
 				}), append(e, t);
 			};
 			if_block(n, (e) => {
 				typeof re() == "function" ? e(i) : e(o, -1);
 			}), append(e, t);
-		}, wn = (e) => {
-			var t = root_9$11();
-			remove_input_defaults(t), bind_this(t, (e) => set(vt, e), () => get(vt)), template_effect(() => {
-				set_value(t, at() ? get(mt) : get(Bt)), set_attribute(t, "placeholder", get(Gt)), t.disabled = u(), set_attribute(t, "aria-invalid", f() ? "true" : null), set_attribute(t, "aria-describedby", get(kt) ? Et : null), set_attribute(t, "tabindex", u() ? -1 : 0), set_attribute(t, "data-pw", typeof G() == "string" ? `${G()}-search` : null), set_attribute(t, "testid", typeof G() == "string" ? `${G()}-search` : null);
-			}), delegated("input", t, pn), event("focus", t, mn), append(e, t);
-		}, Tn = (e) => {
-			var t = root_11$9(), n = child(t, !0);
+		}, Dn = (e) => {
+			var t = root_10$10();
+			remove_input_defaults(t), bind_this(t, (e) => set(yt, e), () => get(yt)), template_effect(() => {
+				set_value(t, at() ? get(ht) : get(Ht)), set_attribute(t, "placeholder", get(qt)), t.disabled = u(), set_attribute(t, "aria-invalid", f() ? "true" : null), set_attribute(t, "aria-describedby", get(At) ? Dt : null), set_attribute(t, "tabindex", u() ? -1 : 0), set_attribute(t, "data-pw", typeof G() == "string" ? `${G()}-search` : null), set_attribute(t, "testid", typeof G() == "string" ? `${G()}-search` : null);
+			}), delegated("input", t, mn), event("focus", t, hn), append(e, t);
+		}, On = (e) => {
+			var t = root_12$8(), n = child(t, !0);
 			reset(t), template_effect(() => {
-				set_class(t, 1, clsx(get(Bt).length > 0 ? "select-value" : "select-placeholder"), "svelte-52lifo"), set_text(n, get(Bt).length > 0 ? get(Bt) : l());
+				set_class(t, 1, clsx(get(Ht).length > 0 ? "select-value" : "select-placeholder"), "svelte-52lifo"), set_text(n, get(Ht).length > 0 ? get(Ht) : l());
 			}), append(e, t);
 		};
-		if_block(Sn, (e) => {
-			o() ? e(Cn) : get(Dt) ? e(wn, 1) : e(Tn, -1);
+		if_block(Tn, (e) => {
+			o() ? e(En) : get(Ot) ? e(Dn, 1) : e(On, -1);
 		});
-		var En = sibling(Sn, 2);
-		html(En, () => chevron_down_default, !0), reset(En), reset(yn), bind_this(yn, (e) => set(yt, e), () => get(yt));
-		var Dn = sibling(yn, 2), On = (e) => {
-			var t = root_12$8();
+		var kn = sibling(Tn, 2);
+		html(kn, () => chevron_down_default, !0), reset(kn), reset(Sn), bind_this(Sn, (e) => set(bt, e), () => get(bt));
+		var An = sibling(Sn, 2), jn = (e) => {
+			var t = root_13$7();
 			template_effect(() => {
 				set_attribute(t, "data-pw", typeof G() == "string" ? `${G()}-clear` : null), set_attribute(t, "testid", typeof G() == "string" ? `${G()}-clear` : null);
 			}), delegated("keydown", t, (e) => {
 				(e.key === "Enter" || e.key === " ") && e.stopPropagation();
-			}), delegated("click", t, jt), append(e, t);
+			}), delegated("click", t, Mt), append(e, t);
 		};
-		if_block(Dn, (e) => {
-			get(At) && e(On);
-		}), reset(vn);
-		var kn = sibling(vn, 2), An = (e) => {
-			var t = root_13$7(), n = child(t, !0);
+		if_block(An, (e) => {
+			get(jt) && e(jn);
+		}), reset(xn);
+		var Mn = sibling(xn, 2), Nn = (e) => {
+			var t = root_14$7(), n = child(t, !0);
 			reset(t), template_effect(() => {
-				set_attribute(t, "id", Et), set_attribute(t, "data-pw", typeof G() == "string" ? `${G()}-error-message` : null), set_attribute(t, "testid", typeof G() == "string" ? `${G()}-error-message` : null), set_text(n, p());
+				set_attribute(t, "id", Dt), set_attribute(t, "data-pw", typeof G() == "string" ? `${G()}-error-message` : null), set_attribute(t, "testid", typeof G() == "string" ? `${G()}-error-message` : null), set_text(n, p());
 			}), append(e, t);
 		};
-		if_block(kn, (e) => {
-			get(kt) && e(An);
+		if_block(Mn, (e) => {
+			get(At) && e(Nn);
 		});
-		var jn = sibling(kn, 2), Mn = (t) => {
+		var Pn = sibling(Mn, 2), Fn = (t) => {
 			var n = comment(), i = first_child(n), a = (t) => {
-				var n = root_14$7();
+				var n = root_15$7();
 				let i;
 				var a = child(n);
-				remove_input_defaults(a), bind_this(a, (e) => set(vt, e), () => get(vt));
+				remove_input_defaults(a), bind_this(a, (e) => set(yt, e), () => get(yt));
 				var s = sibling(a, 2);
 				e(child(s)), reset(s);
 				var c = sibling(s, 2), u = (e) => {
@@ -17656,31 +17726,31 @@ function Select(e, t) {
 				};
 				if_block(c, (e) => {
 					typeof C() == "function" && e(u);
-				}), reset(n), bind_this(n, (e) => set(bt, e), () => get(bt)), effect(() => bind_element_size(n, "clientWidth", (e) => set(xt, e))), effect(() => bind_element_size(n, "clientHeight", (e) => set(St, e))), action(n, (e) => fn?.(e)), action(n, (e) => qt?.(e)), template_effect(() => {
+				}), reset(n), bind_this(n, (e) => set(xt, e), () => get(xt)), effect(() => bind_element_size(n, "clientWidth", (e) => set(St, e))), effect(() => bind_element_size(n, "clientHeight", (e) => set(Ct, e))), action(n, (e) => pn?.(e)), action(n, (e) => Zt?.(e)), template_effect(() => {
 					i = set_class(n, 1, "select-dropdown svelte-52lifo", null, i, {
 						"select-dropdown-right": ot() === "right",
 						"select-dropdown-portal": dt()
-					}), set_style(n, get(Zt)), set_value(a, get(mt)), set_attribute(a, "placeholder", l().length > 0 ? l() : "Search"), set_attribute(a, "aria-controls", Tt), set_attribute(a, "data-pw", typeof G() == "string" ? `${G()}-menu-search` : null), set_attribute(a, "testid", typeof G() == "string" ? `${G()}-menu-search` : null), set_attribute(s, "id", Tt), set_attribute(s, "aria-multiselectable", o());
-				}), delegated("input", a, pn), delegated("keydown", a, un), append(t, n);
+					}), set_style(n, get(Qt)), set_value(a, get(ht)), set_attribute(a, "placeholder", l().length > 0 ? l() : "Search"), set_attribute(a, "aria-controls", Et), set_attribute(a, "data-pw", typeof G() == "string" ? `${G()}-menu-search` : null), set_attribute(a, "testid", typeof G() == "string" ? `${G()}-menu-search` : null), set_attribute(s, "id", Et), set_attribute(s, "aria-multiselectable", o());
+				}), delegated("input", a, mn), delegated("keydown", a, dn), append(t, n);
 			}, s = (t) => {
-				var n = root_15$7();
+				var n = root_16$6();
 				let i;
-				e(child(n)), reset(n), bind_this(n, (e) => set(bt, e), () => get(bt)), effect(() => bind_element_size(n, "clientWidth", (e) => set(xt, e))), effect(() => bind_element_size(n, "clientHeight", (e) => set(St, e))), action(n, (e) => qt?.(e)), template_effect(() => {
+				e(child(n)), reset(n), bind_this(n, (e) => set(xt, e), () => get(xt)), effect(() => bind_element_size(n, "clientWidth", (e) => set(St, e))), effect(() => bind_element_size(n, "clientHeight", (e) => set(Ct, e))), action(n, (e) => Zt?.(e)), template_effect(() => {
 					i = set_class(n, 1, "select-dropdown svelte-52lifo", null, i, {
 						"select-dropdown-right": ot() === "right",
 						"select-dropdown-portal": dt()
-					}), set_attribute(n, "id", Tt), set_attribute(n, "aria-multiselectable", o()), set_style(n, get(Zt));
+					}), set_attribute(n, "id", Et), set_attribute(n, "aria-multiselectable", o()), set_style(n, get(Qt));
 				}), append(t, n);
 			};
 			if_block(i, (e) => {
-				get(Ot) ? e(a) : e(s, -1);
+				get(kt) ? e(a) : e(s, -1);
 			}), append(t, n);
 		};
-		if_block(jn, (e) => {
-			at() && !u() && e(Mn);
-		}), reset(_n), bind_this(_n, (e) => set(_t, e), () => get(_t)), template_effect(() => t = set_class(vn, 1, "select-control svelte-52lifo", null, t, { "has-clear": get(At) }));
+		if_block(Pn, (e) => {
+			at() && !u() && e(Fn);
+		}), reset(vn), bind_this(vn, (e) => set(vt, e), () => get(vt)), template_effect(() => t = set_class(xn, 1, "select-control svelte-52lifo", null, t, { "has-clear": get(jt) }));
 	}
-	return append(e, _n), pop(gn);
+	return append(e, vn), pop(_n);
 }
 delegate([
 	"input",
@@ -17715,7 +17785,8 @@ delegate([
 	hierarchy: {},
 	leftIcon: {},
 	leftIconTestId: {},
-	usePortal: {}
+	usePortal: {},
+	name: {}
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/wc/components/Select.wc.svelte
@@ -17823,6 +17894,10 @@ customElements.define("sui-select", create_custom_element(Select_wc, {
 	usePortal: {
 		attribute: "use-portal",
 		type: "Boolean"
+	},
+	name: {
+		reflect: !0,
+		type: "String"
 	}
 }, ["bottom-content"], [], { mode: "open" }));
 //#endregion
@@ -40027,7 +40102,10 @@ function parseFragment(e, t, n) {
 }
 var init_dist = __esmMin((() => {
 	init_parser(), init_default(), init_serializer(), init_error_codes(), init_foreign_content(), init_html(), init_token(), init_tokenizer();
-})), markdown_exports = /* @__PURE__ */ __exportAll({ renderMarkdown: () => renderMarkdown });
+})), markdown_exports = /* @__PURE__ */ __exportAll({
+	renderMarkdown: () => renderMarkdown,
+	unwrapMarkdownFence: () => unwrapMarkdownFence
+});
 function normaliseForProtocolCheck(e) {
 	return e.replace(NUMERIC_REFERENCE, (e, t) => String.fromCodePoint(t[0].toLowerCase() === "x" ? parseInt(t.slice(1), 16) : parseInt(t, 10))).replace(NAMED_WHITESPACE_REFERENCE, " ").replace(STRIPPED_BY_URL_PARSER, "");
 }
@@ -40058,8 +40136,9 @@ function resolveTagAllowList(e) {
 function tagAllowed(e, t) {
 	return e === null || e.has(t);
 }
-function resolveRawHtmlMode(e) {
-	return e === "strip" ? "strip" : "escape";
+function resolveRawHtmlStrategy(e) {
+	let t = e?.rawHtml;
+	return t === "strip" ? "strip" : t === "sanitize" && typeof e?.htmlSanitizer == "function" ? "passthrough" : "escape";
 }
 function rawHtmlText(e) {
 	return "value" in e ? escapeHtml(e.value) : "content" in e ? rawHtmlText(e.content) : "childNodes" in e ? e.childNodes.map(rawHtmlText).join("") : "";
@@ -40067,7 +40146,7 @@ function rawHtmlText(e) {
 function createSanitizingRenderer(e, t, n, i) {
 	return {
 		html(e) {
-			return i === "strip" ? rawHtmlText(parseFragment(e.text)) : escapeHtml(e.text);
+			return i === "strip" ? rawHtmlText(parseFragment(e.text)) : i === "passthrough" ? e.text : escapeHtml(e.text);
 		},
 		link(n) {
 			return hasSafeProtocol(n.href, e.links) && tagAllowed(t, "a") ? !1 : escapeHtml(n.text);
@@ -40119,34 +40198,57 @@ function wrapTables(e, t, n) {
 	let i = typeof n == "string" ? n.trim() : "", a = i.length > 0 ? `${DEFAULT_TABLE_WRAPPER_CLASS} ${escapeHtml(i)}` : DEFAULT_TABLE_WRAPPER_CLASS, o = typeof t == "string" && t.length > 0 ? `<div class="${a}" tabindex="0" role="region" aria-label="${escapeHtml(t)}">` : `<div class="${a}" tabindex="0">`;
 	return e.replace(TABLE_OPEN, `${o}<table>`).replace(TABLE_CLOSE, "</table></div>");
 }
-function instanceFor(e) {
-	let t = e.breaks === !0, n = resolveProtocolSets(e.sanitize), i = resolveTagAllowList(e.sanitize?.allowedTags), a = e.sanitize?.disableTaskLists === !0, o = resolveRawHtmlMode(e.sanitize?.rawHtml), s = [
-		t ? "breaks" : "default",
-		[...n.links].sort().join(","),
-		[...n.images].sort().join(","),
-		i ? [...i].sort().join(",") : "*",
-		a ? "no-tasks" : "tasks",
-		o
+function instanceFor(e, t) {
+	let n = e.breaks === !0, i = resolveProtocolSets(e.sanitize), a = resolveTagAllowList(e.sanitize?.allowedTags), o = e.sanitize?.disableTaskLists === !0, s = [
+		n ? "breaks" : "default",
+		[...i.links].sort().join(","),
+		[...i.images].sort().join(","),
+		a ? [...a].sort().join(",") : "*",
+		o ? "no-tasks" : "tasks",
+		t
 	].join("|"), c = instances.get(s);
 	return c || (c = new q({
 		gfm: !0,
-		breaks: t,
-		renderer: createSanitizingRenderer(n, i, a, o)
+		breaks: n,
+		renderer: createSanitizingRenderer(i, a, o, t)
 	}), instances.set(s, c)), c;
 }
+function parseWith(e, t, n) {
+	let i = instanceFor(t, n), a = t.inline === !0 ? i.parseInline(e) : i.parse(e);
+	return typeof a == "string" ? a : null;
+}
+function runSanitizer(e, t) {
+	try {
+		let n = t(e);
+		return typeof n == "string" ? n : null;
+	} catch {
+		return null;
+	}
+}
+function unwrapMarkdownFence(e) {
+	let t = WHOLE_BODY_MARKDOWN_FENCE.exec(e);
+	if (t === null) return e;
+	let n = t[1], i = t[3], a = t[4];
+	return a[0] !== n[0] || a.length < n.length || (n[0] === "~" ? INNER_TILDE_FENCE : INNER_BACKTICK_FENCE).test(i) ? e : i;
+}
 function renderMarkdown(e, t = {}) {
-	let n = instanceFor(t), i = t.inline === !0 ? n.parseInline(e) : n.parse(e);
-	if (typeof i != "string") return "";
-	let a = annotateExternalLinks(i);
-	return t.inline === !0 ? a : wrapTables(a, t.tableLabel, t.tableWrapperClass);
+	let n = t.unwrapFence === !0 ? unwrapMarkdownFence(e) : e, i = resolveRawHtmlStrategy(t.sanitize), a = parseWith(n, t, i);
+	if (a === null) return "";
+	let o = a;
+	if (i === "passthrough") {
+		let e = t.sanitize?.htmlSanitizer;
+		o = (typeof e == "function" ? runSanitizer(a, e) : null) ?? parseWith(n, t, "escape") ?? "";
+	}
+	let s = annotateExternalLinks(o);
+	return t.inline === !0 ? s : wrapTables(s, t.tableLabel, t.tableWrapperClass);
 }
-var SAFE_LINK_PROTOCOLS, SAFE_IMAGE_PROTOCOLS, NUMERIC_REFERENCE, NAMED_WHITESPACE_REFERENCE, STRIPPED_BY_URL_PARSER, instances, EXTERNAL_ANCHOR_PATTERN, TABLE_OPEN, TABLE_CLOSE, DEFAULT_TABLE_WRAPPER_CLASS, init_markdown = __esmMin((() => {
+var SAFE_LINK_PROTOCOLS, SAFE_IMAGE_PROTOCOLS, NUMERIC_REFERENCE, NAMED_WHITESPACE_REFERENCE, STRIPPED_BY_URL_PARSER, instances, EXTERNAL_ANCHOR_PATTERN, TABLE_OPEN, TABLE_CLOSE, DEFAULT_TABLE_WRAPPER_CLASS, INNER_BACKTICK_FENCE, INNER_TILDE_FENCE, WHOLE_BODY_MARKDOWN_FENCE, init_markdown = __esmMin((() => {
 	init_marked_esm(), init_dist(), SAFE_LINK_PROTOCOLS = new Set([
 		"http:",
 		"https:",
 		"mailto:",
 		"tel:"
-	]), SAFE_IMAGE_PROTOCOLS = new Set(["http:", "https:"]), NUMERIC_REFERENCE = /&#(x[0-9a-f]+|[0-9]+);?/gi, NAMED_WHITESPACE_REFERENCE = /&(tab|newline);/gi, STRIPPED_BY_URL_PARSER = /[\u0000-\u0020\u007f]/g, instances = /* @__PURE__ */ new Map(), EXTERNAL_ANCHOR_PATTERN = /<a href="(https?:\/\/[^"]*)"/g, TABLE_OPEN = /<table>/g, TABLE_CLOSE = /<\/table>/g, DEFAULT_TABLE_WRAPPER_CLASS = "markdown-table-wrapper";
+	]), SAFE_IMAGE_PROTOCOLS = new Set(["http:", "https:"]), NUMERIC_REFERENCE = /&#(x[0-9a-f]+|[0-9]+);?/gi, NAMED_WHITESPACE_REFERENCE = /&(tab|newline);/gi, STRIPPED_BY_URL_PARSER = /[\u0000-\u0020\u007f]/g, instances = /* @__PURE__ */ new Map(), EXTERNAL_ANCHOR_PATTERN = /<a href="(https?:\/\/[^"]*)"/g, TABLE_OPEN = /<table>/g, TABLE_CLOSE = /<\/table>/g, DEFAULT_TABLE_WRAPPER_CLASS = "markdown-table-wrapper", INNER_BACKTICK_FENCE = /^[ \t]*`{3,}/m, INNER_TILDE_FENCE = /^[ \t]*~{3,}/m, WHOLE_BODY_MARKDOWN_FENCE = /^\s*(`{3,}|~{3,})[ \t]*(markdown|md)[ \t]*\r?\n([\s\S]*?)\r?\n?(`{3,}|~{3,})\s*$/i;
 })), root$11 = /* @__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("<span class=\"marker svelte-ivh8u\" aria-hidden=\"true\"></span>"), root_3$7 = /* @__PURE__ */ from_html("<div class=\"body svelte-ivh8u\"><!></div>"), root_4$6 = /* @__PURE__ */ from_html("<div class=\"body svelte-ivh8u\"></div>"), root_5$6 = /* @__PURE__ */ from_html("<div class=\"body text svelte-ivh8u\"> </div>"), root_6$6 = /* @__PURE__ */ from_html("<div class=\"clamp-toggle svelte-ivh8u\"><!></div>"), root_7$5 = /* @__PURE__ */ from_html("<span class=\"typing svelte-ivh8u\"><!></span>"), root_8$5 = /* @__PURE__ */ from_html("<div class=\"message-attachments svelte-ivh8u\"><!></div>"), root_9$3 = /* @__PURE__ */ from_html("<div class=\"action svelte-ivh8u\"><!></div>"), root_10$2 = /* @__PURE__ */ from_html("<div class=\"action svelte-ivh8u\"><!></div> <div class=\"action svelte-ivh8u\"><!></div>", 1), root_11$1 = /* @__PURE__ */ from_html("<div class=\"actions svelte-ivh8u\"><!> <!> <!> <!></div>"), root_12$1 = /* @__PURE__ */ from_html("<article><div class=\"row svelte-ivh8u\"><!> <div class=\"content svelte-ivh8u\"><!> <div><!> <!> <!> <!></div> <!> <!></div></div></article>"), $$css$12 = {
 	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;}\n\n  /* Only the marker variant becomes a containing block: making every bubble relative\n     would silently re-base any absolutely-positioned content a consumer renders in a\n     body snippet. */.bubble.has-marker.svelte-ivh8u {position:relative;}.marker.svelte-ivh8u {\n    /* Decorative and absolutely positioned, so it sits over the bubble's leading\n       padding — where a link at the start of a responder message also sits. Without\n       this it silently eats those clicks. */pointer-events:none;position:absolute;inset-block:var(--chat-message-marker-inset-block, 0);\n    /* Logical, so the bar follows `role` alignment into RTL instead of pinning left. */inset-inline-start:var(--chat-message-marker-offset, 0px);width:var(--chat-message-marker-width, 2px);border-radius:var(--chat-message-marker-border-radius, 0);background:var(--chat-message-marker-color, #6d28d9);}.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);}\n\n  /* Fallback for a bare <table> in caller-supplied `html`, which has no scroll\n     container of its own: it keeps the block treatment so a wide table scrolls\n     rather than overflowing the message. A table that came from `markdown` (or\n     from `renderMarkdown`) arrives inside `.markdown-table-wrapper`, and the\n     rules below take it back out of block layout. */.body.svelte-ivh8u table {display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0.5em 0;}\n\n  /* The wrapper scrolls, not the table. `display: block` on a <table> is what\n     makes `overflow-x` work on the element itself, but it strips the table's\n     semantics for assistive technology -- a screen reader loses row and column\n     navigation. MarkdownText separates the scroll container from the table for\n     exactly that reason; this component rendered the same wrapper markup and\n     styled the table instead, so a chat table was scrollable and no longer a\n     table. Chat is where markdown tables overwhelmingly land. */.body.svelte-ivh8u .markdown-table-wrapper {display:block;max-width:100%;overflow-x:auto;margin:0.5em 0;}\n\n  /* The wrapper is a tab stop (the renderer emits tabindex=\"0\" so the scroll is\n     reachable by keyboard). The browser's default ring already applies; this\n     replaces it with the same 2px treatment the rest of the library uses, since\n     the 1px UA default is easy to miss against a message bubble. */.body.svelte-ivh8u .markdown-table-wrapper:focus-visible {outline:2px solid var(--chat-message-table-focus-outline-color, #3b82f6);outline-offset:2px;}\n\n  /* Without an intrinsic width the table is exactly its container's width and a\n     wide table compresses instead of scrolling. `max-content` supplies it;\n     `min-width` keeps a narrow table filling the bubble. */.body.svelte-ivh8u .markdown-table-wrapper table {display:table;width:max-content;min-width:100%;overflow-x:visible;margin: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;}"
@@ -43520,13 +43622,14 @@ var root$4 = /* @__PURE__ */ from_html("<div></div>"), $$css$5 = {
 };
 function MarkdownText(e, t) {
 	push(t, !0), append_styles$1(e, $$css$5);
-	let n = prop(t, "markdown", 7), i = prop(t, "breaks", 7, !1), a = prop(t, "testId", 7), o = prop(t, "classes", 7), s = prop(t, "tableLabel", 7), c = prop(t, "tableWrapperClass", 7), l = prop(t, "sanitize", 7), u = /* @__PURE__ */ user_derived(() => renderMarkdown(n(), {
+	let n = prop(t, "markdown", 7), i = prop(t, "breaks", 7, !1), a = prop(t, "testId", 7), o = prop(t, "classes", 7), s = prop(t, "tableLabel", 7), c = prop(t, "tableWrapperClass", 7), l = prop(t, "sanitize", 7), u = prop(t, "unwrapFence", 7, !1), f = /* @__PURE__ */ user_derived(() => renderMarkdown(n(), {
 		breaks: i(),
 		tableLabel: s(),
 		tableWrapperClass: c(),
-		sanitize: l()
+		sanitize: l(),
+		unwrapFence: u()
 	}));
-	var f = {
+	var p = {
 		get markdown() {
 			return n();
 		},
@@ -43568,11 +43671,17 @@ function MarkdownText(e, t) {
 		},
 		set sanitize(e) {
 			l(e), flushSync();
+		},
+		get unwrapFence() {
+			return u();
+		},
+		set unwrapFence(e = !1) {
+			u(e), flushSync();
 		}
-	}, p = root$4();
-	return html(p, () => get(u), !0), reset(p), template_effect(() => {
-		set_class(p, 1, `markdown-text ${o() ?? "" ?? ""}`, "svelte-1d6q5h0"), set_attribute(p, "data-pw", typeof a() == "string" ? a() : null), set_attribute(p, "testid", typeof a() == "string" ? a() : null);
-	}), append(e, p), pop(f);
+	}, h = root$4();
+	return html(h, () => get(f), !0), reset(h), template_effect(() => {
+		set_class(h, 1, `markdown-text ${o() ?? "" ?? ""}`, "svelte-1d6q5h0"), set_attribute(h, "data-pw", typeof a() == "string" ? a() : null), set_attribute(h, "testid", typeof a() == "string" ? a() : null);
+	}), append(e, h), pop(p);
 }
 create_custom_element(MarkdownText, {
 	markdown: {},
@@ -43581,7 +43690,8 @@ create_custom_element(MarkdownText, {
 	classes: {},
 	tableLabel: {},
 	tableWrapperClass: {},
-	sanitize: {}
+	sanitize: {},
+	unwrapFence: {}
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/wc/components/MarkdownText.wc.svelte
@@ -43611,7 +43721,11 @@ customElements.define("sui-markdown-text", create_custom_element(MarkdownText_wc
 		attribute: "table-wrapper-class",
 		type: "String"
 	},
-	sanitize: { type: "Object" }
+	sanitize: { type: "Object" },
+	unwrapFence: {
+		attribute: "unwrap-fence",
+		type: "Boolean"
+	}
 }, [], [], { mode: "open" }));
 //#endregion
 //#region src/wc/components/ChatComposer.wc.svelte