@juspay/svelte-ui-components 4.19.1 → 4.21.0

package/dist-wc/index.js

@@ -5921,15 +5921,19 @@ var rest_excludes$79 = new Set([
 	"$$events",
 	"$$legacy",
 	"$$host",
-	"checkboxAriaLabel"
+	"checkboxAriaLabel",
+	"checkboxAttributes"
 ]);
 function Checkbox_wc(e, t) {
 	push(t, !0);
-	let n = prop(t, "checkboxAriaLabel", 7), i = /* @__PURE__ */ rest_props(t, rest_excludes$79);
-	return Checkbox(e, spread_props(() => i, {
+	let n = prop(t, "checkboxAriaLabel", 7), i = prop(t, "checkboxAttributes", 7), a = /* @__PURE__ */ rest_props(t, rest_excludes$79);
+	return Checkbox(e, spread_props(() => a, {
 		get ariaLabel() {
 			return n();
 		},
+		get attributes() {
+			return i();
+		},
 		checkedIcon: (e) => {
 			var n = comment();
 			slot(first_child(n), t, "checked-icon", {}, null), append(e, n);
@@ -5948,6 +5952,12 @@ function Checkbox_wc(e, t) {
 		},
 		set checkboxAriaLabel(e) {
 			n(e), flushSync();
+		},
+		get checkboxAttributes() {
+			return i();
+		},
+		set checkboxAttributes(e) {
+			i(e), flushSync();
 		}
 	});
 }
@@ -5987,7 +5997,7 @@ customElements.define("sui-checkbox", create_custom_element(Checkbox_wc, {
 		reflect: !0,
 		type: "Boolean"
 	},
-	attributes: { type: "Object" },
+	checkboxAttributes: { type: "Object" },
 	onclick: { type: "Object" }
 }, ["checked-icon", "indeterminate-icon"], [], { mode: "open" }));
 //#endregion
@@ -19371,21 +19381,21 @@ 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$31 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$28 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\" aria-label=\"Clear search\"></button>"), root_2$22 = /* @__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$19 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$16 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$15 = /* @__PURE__ */ from_html("<th><!></th>"), root_6$14 = /* @__PURE__ */ from_html("<th></th>"), root_7$13 = /* @__PURE__ */ from_html("<th> </th>"), root_8$12 = /* @__PURE__ */ from_html("<span> </span>"), root_9$9 = /* @__PURE__ */ from_html("<span class=\"table-header-filter-icon svelte-171ci2i\"></span>"), root_10$8 = /* @__PURE__ */ from_html("<span><!></span>"), root_11$7 = /* @__PURE__ */ from_html("<span class=\"table-header-filter svelte-171ci2i\"><!></span>"), root_12$6 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-asc\"></span>"), root_13$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-desc\"></span>"), root_14$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-idle\"></span>"), root_15$5 = /* @__PURE__ */ from_html("<div class=\"sort-button svelte-171ci2i\"><!></div>"), root_16$4 = /* @__PURE__ */ from_html("<!> <span class=\"table-inline-search-clear svelte-171ci2i\"><!></span>", 1), root_17$3 = /* @__PURE__ */ from_html("<span class=\"table-inline-search-trigger svelte-171ci2i\"><!></span>"), root_18$3 = /* @__PURE__ */ from_html("<span class=\"table-header-inline-search svelte-171ci2i\"><!></span>"), root_19$3 = /* @__PURE__ */ from_html("<th><span class=\"table-header-content svelte-171ci2i\"><!> <!> <!> <!></span></th>"), root_20$2 = /* @__PURE__ */ from_html("<tr><td class=\"table-empty svelte-171ci2i\"><!></td></tr>"), root_21$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-checkbox-col svelte-171ci2i\"><!></td>"), root_22$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-row-number-col svelte-171ci2i\"> </td>"), root_23$2 = /* @__PURE__ */ from_html("<td><div><!></div></td>"), root_24$2 = /* @__PURE__ */ from_html("<tr><!><!><!></tr>"), root_25$1 = /* @__PURE__ */ from_html("<div class=\"table-footer svelte-171ci2i\"><!></div>"), root_26$1 = /* @__PURE__ */ from_html("<span class=\"table-paginator-size svelte-171ci2i\"><!></span>"), root_27 = /* @__PURE__ */ from_html("<span class=\"table-paginator-controls svelte-171ci2i\"><!> <!></span>"), root_28 = /* @__PURE__ */ from_html("<div class=\"table-footer table-paginator svelte-171ci2i\"><span class=\"table-paginator-range svelte-171ci2i\"> </span> <!></div>"), root_29 = /* @__PURE__ */ from_html("<div><div><div class=\"table-scroll svelte-171ci2i\"><table class=\"svelte-171ci2i\"><!><thead><tr><!><!><!></tr></thead><tbody><!></tbody></table></div></div> <!></div>"), root_30 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), $$css$33 = {
+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$31 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$28 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\"></button>"), root_2$22 = /* @__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$19 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$16 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$15 = /* @__PURE__ */ from_html("<th><!></th>"), root_6$14 = /* @__PURE__ */ from_html("<th></th>"), root_7$13 = /* @__PURE__ */ from_html("<th> </th>"), root_8$12 = /* @__PURE__ */ from_html("<span> </span>"), root_9$9 = /* @__PURE__ */ from_html("<span class=\"table-header-filter-icon svelte-171ci2i\"></span>"), root_10$8 = /* @__PURE__ */ from_html("<span><!></span>"), root_11$7 = /* @__PURE__ */ from_html("<span class=\"table-header-filter svelte-171ci2i\"><!></span>"), root_12$6 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-asc\"></span>"), root_13$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-desc\"></span>"), root_14$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-idle\"></span>"), root_15$5 = /* @__PURE__ */ from_html("<div class=\"sort-button svelte-171ci2i\"><!></div>"), root_16$4 = /* @__PURE__ */ from_html("<!> <span class=\"table-inline-search-clear svelte-171ci2i\"><!></span>", 1), root_17$3 = /* @__PURE__ */ from_html("<span class=\"table-inline-search-trigger svelte-171ci2i\"><!></span>"), root_18$3 = /* @__PURE__ */ from_html("<span class=\"table-header-inline-search svelte-171ci2i\"><!></span>"), root_19$3 = /* @__PURE__ */ from_html("<th><span class=\"table-header-content svelte-171ci2i\"><!> <!> <!> <!></span></th>"), root_20$2 = /* @__PURE__ */ from_html("<tr><td class=\"table-empty svelte-171ci2i\"><!></td></tr>"), root_21$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-checkbox-col svelte-171ci2i\"><!></td>"), root_22$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-row-number-col svelte-171ci2i\"> </td>"), root_23$2 = /* @__PURE__ */ from_html("<td><div><!></div></td>"), root_24$2 = /* @__PURE__ */ from_html("<tr><!><!><!></tr>"), root_25$1 = /* @__PURE__ */ from_html("<div class=\"table-footer svelte-171ci2i\"><!></div>"), root_26$1 = /* @__PURE__ */ from_html("<span class=\"table-paginator-size svelte-171ci2i\"><!></span>"), root_27 = /* @__PURE__ */ from_html("<span class=\"table-paginator-controls svelte-171ci2i\"><!> <!></span>"), root_28 = /* @__PURE__ */ from_html("<div class=\"table-footer table-paginator svelte-171ci2i\"><span class=\"table-paginator-range svelte-171ci2i\"> </span> <!></div>"), root_29 = /* @__PURE__ */ from_html("<div><div><div class=\"table-scroll svelte-171ci2i\"><table class=\"svelte-171ci2i\"><!><thead><tr><!><!><!></tr></thead><tbody><!></tbody></table></div></div> <!></div>"), root_30 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), $$css$33 = {
 	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 ───────────────────────────────────────────────── */\n  /* The column renders the library Checkbox. The table's own --table-checkbox-*\n     tokens stay the public API and are bridged onto Checkbox's --checkbox-*\n     variables here, so a consumer theming the table keeps working and a\n     consumer theming Checkbox app-wide is overridden only inside the table. */.table-checkbox-col.svelte-171ci2i {width:var(--table-checkbox-col-width, 44px);padding:var(--table-checkbox-col-padding, 12px 12px);--checkbox-container-gap: 0;--checkbox-size: var(--table-checkbox-size, 18px);--checkbox-border: var(--table-checkbox-border, 2px solid #9ca3af);--checkbox-border-radius: var(--table-checkbox-border-radius, var(--radius, 4px));--checkbox-background: var(--table-checkbox-background, transparent);--checkbox-hover-border-color: var(--table-checkbox-hover-border-color, #6b7280);--checkbox-checked-background: var(--table-checkbox-checked-background, #2563eb);--checkbox-checked-border: var(\n      --table-checkbox-checked-border,\n      2px solid var(--table-checkbox-checked-border-color, #2563eb)\n    );--checkbox-indeterminate-background: var(--table-checkbox-indeterminate-background, #2563eb);--checkbox-indeterminate-border: var(\n      --table-checkbox-indeterminate-border,\n      2px solid var(--table-checkbox-indeterminate-border-color, #2563eb)\n    );--checkbox-disabled-opacity: var(--table-checkbox-disabled-opacity, 0.4);--checkbox-focus-ring: var(--table-checkbox-focus-ring, 0 0 0 3px rgba(59, 130, 246, 0.3));--checkbox-icon-size: var(--table-checkbox-icon-size, 12px);--checkbox-checkmark-color: var(--table-checkbox-icon-color, #ffffff);--checkbox-dash-color: var(--table-checkbox-icon-color, #ffffff);--checkbox-transition: 0.15s;}\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;}"
 };
 function Table(e, t) {
 	push(t, !0), append_styles$1(e, $$css$33);
-	let n = prop(t, "tableTitle", 7, ""), i = prop(t, "tableHeaders", 23, () => []), a = prop(t, "tableData", 23, () => []), o = prop(t, "columns", 7), s = prop(t, "rows", 7), c = prop(t, "sortable", 7, !0), l = prop(t, "sortableColumns", 7), u = prop(t, "sortMode", 7, "client"), f = prop(t, "stickyHeader", 7, !1), p = prop(t, "isTableScrollable", 7, !1), h = prop(t, "isContentScrollable", 7, !1), S = prop(t, "testId", 7), C = prop(t, "caption", 7), k = prop(t, "sortAscIcon", 7), R = prop(t, "sortDescIcon", 7), te = prop(t, "sortDefaultIcon", 7), ne = prop(t, "cell", 7), re = prop(t, "empty", 7), G = prop(t, "onrowclick", 7), be = prop(t, "onsort", 7), Me = prop(t, "classes", 7), Re = prop(t, "paginatorSlot", 7), Ue = prop(t, "getRowTestId", 7), it = prop(t, "getCellTestId", 7), at = prop(t, "checkboxSelection", 7), ot = prop(t, "searchConfig", 7), ct = prop(t, "onsearchchange", 7), lt = prop(t, "pagination", 7), ut = prop(t, "toolbarSlot", 7), dt = prop(t, "rowNumberColumn", 7, !1), ft = prop(t, "rowNumberLabel", 7, "#"), pt = prop(t, "summaryRowIndex", 7, null), mt = prop(t, "headerTooltipIcon", 7), ht = prop(t, "headerTooltipPosition", 7), gt = prop(t, "usePortal", 7, !1), _t = /* @__PURE__ */ user_derived(() => o() ? normalizeColumns(o(), s() ?? []) : null), vt = /* @__PURE__ */ user_derived(() => get(_t) ? get(_t).tableHeaders : i()), yt = /* @__PURE__ */ user_derived(() => get(_t) ? get(_t).tableData : a()), bt = /* @__PURE__ */ user_derived(() => new Map(get(yt).map((e, t) => [e, t]))), xt = /* @__PURE__ */ user_derived(() => get(_t) ? get(_t).sortableColumns : l()), St = /* @__PURE__ */ user_derived(() => !get(_t) || !s() ? null : new Map(get(_t).tableData.map((e, t) => [e, s()[t]]))), Ct = /* @__PURE__ */ state(null), wt = /* @__PURE__ */ state("asc"), Tt = (e) => c() ? get(xt) ? get(xt).includes(e) : !0 : !1, Et = (e) => {
-		Tt(e) && (get(Ct) === e ? set(wt, get(wt) === "asc" ? "desc" : "asc", !0) : (set(Ct, e, !0), set(wt, "asc")), be()?.(e, get(wt)));
-	}, Dt = (e, t, n) => {
+	let n = prop(t, "tableTitle", 7, ""), i = prop(t, "tableHeaders", 23, () => []), a = prop(t, "tableData", 23, () => []), o = prop(t, "columns", 7), s = prop(t, "rows", 7), c = prop(t, "sortable", 7, !0), l = prop(t, "sortableColumns", 7), u = prop(t, "sortMode", 7, "client"), f = prop(t, "stickyHeader", 7, !1), p = prop(t, "isTableScrollable", 7, !1), h = prop(t, "isContentScrollable", 7, !1), S = prop(t, "testId", 7), C = prop(t, "caption", 7), k = prop(t, "sortAscIcon", 7), R = prop(t, "sortDescIcon", 7), te = prop(t, "sortDefaultIcon", 7), ne = prop(t, "cell", 7), re = prop(t, "empty", 7), G = prop(t, "onrowclick", 7), be = prop(t, "onsort", 7), Me = prop(t, "classes", 7), Re = prop(t, "paginatorSlot", 7), Ue = prop(t, "getRowTestId", 7), it = prop(t, "getCellTestId", 7), at = prop(t, "checkboxSelection", 7), ot = prop(t, "searchConfig", 7), ct = prop(t, "onsearchchange", 7), lt = prop(t, "pagination", 7), ut = prop(t, "toolbarSlot", 7), dt = prop(t, "rowNumberColumn", 7, !1), ft = prop(t, "rowNumberLabel", 7, "#"), pt = prop(t, "summaryRowIndex", 7, null), mt = prop(t, "headerTooltipIcon", 7), ht = prop(t, "headerTooltipPosition", 7), gt = prop(t, "usePortal", 7, !1), _t = prop(t, "labels", 7), vt = /* @__PURE__ */ user_derived(() => o() ? normalizeColumns(o(), s() ?? []) : null), yt = /* @__PURE__ */ user_derived(() => get(vt) ? get(vt).tableHeaders : i()), bt = /* @__PURE__ */ user_derived(() => get(vt) ? get(vt).tableData : a()), xt = /* @__PURE__ */ user_derived(() => new Map(get(bt).map((e, t) => [e, t]))), St = /* @__PURE__ */ user_derived(() => get(vt) ? get(vt).sortableColumns : l()), Ct = /* @__PURE__ */ user_derived(() => !get(vt) || !s() ? null : new Map(get(vt).tableData.map((e, t) => [e, s()[t]]))), wt = /* @__PURE__ */ state(null), Tt = /* @__PURE__ */ state("asc"), Et = (e) => c() ? get(St) ? get(St).includes(e) : !0 : !1, Dt = (e) => {
+		Et(e) && (get(wt) === e ? set(Tt, get(Tt) === "asc" ? "desc" : "asc", !0) : (set(wt, e, !0), set(Tt, "asc")), be()?.(e, get(Tt)));
+	}, Ot = (e, t, n) => {
 		G()?.(e, t, n);
-	}, Ot = (e, t, n, i) => {
+	}, kt = (e, t, n, i) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), G()?.(t, n, i));
-	}, kt = /* @__PURE__ */ user_derived(() => typeof G() == "function"), At = /* @__PURE__ */ user_derived(() => f() || p()), jt = /* @__PURE__ */ state(!1), Mt = /* @__PURE__ */ state(!1), Nt = (e) => {
+	}, At = /* @__PURE__ */ user_derived(() => typeof G() == "function"), jt = /* @__PURE__ */ user_derived(() => f() || p()), Mt = /* @__PURE__ */ state(!1), Nt = /* @__PURE__ */ state(!1), Pt = (e) => {
 		let t = () => {
-			set(jt, e.scrollLeft > 2), set(Mt, e.scrollLeft + e.clientWidth < e.scrollWidth - 2);
+			set(Mt, e.scrollLeft > 2), set(Nt, e.scrollLeft + e.clientWidth < e.scrollWidth - 2);
 		};
 		t(), e.addEventListener("scroll", t, { passive: !0 });
 		let n = new ResizeObserver(t);
@@ -19394,26 +19404,26 @@ function Table(e, t) {
 		return i && n.observe(i), { destroy: () => {
 			e.removeEventListener("scroll", t), n.disconnect();
 		} };
-	}, Pt = /* @__PURE__ */ state(""), It = /* @__PURE__ */ user_derived(() => !!ot()), Lt = /* @__PURE__ */ user_derived(() => typeof ct() == "function"), Rt = /* @__PURE__ */ state(null), zt = /* @__PURE__ */ state(null), Bt = /* @__PURE__ */ state(null), Ht = /* @__PURE__ */ user_derived(() => ot()?.displayMode === "inline"), Gt = /* @__PURE__ */ state(!1), qt = (e) => {
-		set(Pt, e, !0), set(on, 1), lt()?.onPageChange?.(1), get(Lt) && ct()?.(e);
-	}, Zt = () => {
-		get(Rt) && qt(get(Rt).value);
+	}, It = /* @__PURE__ */ state(""), Lt = /* @__PURE__ */ user_derived(() => !!ot()), Rt = /* @__PURE__ */ user_derived(() => typeof ct() == "function"), zt = /* @__PURE__ */ state(null), Bt = /* @__PURE__ */ state(null), Ht = /* @__PURE__ */ state(null), Gt = /* @__PURE__ */ user_derived(() => ot()?.displayMode === "inline"), qt = /* @__PURE__ */ state(!1), Zt = (e) => {
+		set(It, e, !0), set(sn, 1), lt()?.onPageChange?.(1), get(Rt) && ct()?.(e);
 	}, Qt = () => {
-		let e = get(Gt);
-		qt(""), set(Gt, !1), e && en();
+		get(zt) && Zt(get(zt).value);
 	}, $t = () => {
-		set(Gt, !0), queueMicrotask(() => get(zt)?.focus());
+		let e = get(qt);
+		Zt(""), set(qt, !1), e && tn();
 	}, en = () => {
-		queueMicrotask(() => get(Bt)?.querySelector("button")?.focus());
+		set(qt, !0), queueMicrotask(() => get(Bt)?.focus());
 	}, tn = () => {
-		get(Gt) && get(Pt).trim() === "" && Qt();
-	}, nn = (e) => {
-		e.key === "Escape" && (e.stopPropagation(), Qt());
-	}, rn = /* @__PURE__ */ user_derived(() => {
-		if (get(Ct) === null || u() === "server") return [...get(yt)];
-		let e = get(Ct), t = get(wt), n = o()?.[e]?.getSortValue, i = get(St);
+		queueMicrotask(() => get(Ht)?.querySelector("button")?.focus());
+	}, nn = () => {
+		get(qt) && get(It).trim() === "" && $t();
+	}, rn = (e) => {
+		e.key === "Escape" && (e.stopPropagation(), $t());
+	}, an = /* @__PURE__ */ user_derived(() => {
+		if (get(wt) === null || u() === "server") return [...get(bt)];
+		let e = get(wt), t = get(Tt), n = o()?.[e]?.getSortValue, i = get(Ct);
 		if (typeof n == "function" && i) {
-			let e = {}, a = get(yt).map((t, a) => ({
+			let e = {}, a = get(bt).map((t, a) => ({
 				row: t,
 				sortValue: n(i.get(t) ?? e, a)
 			}));
@@ -19422,7 +19432,7 @@ function Table(e, t) {
 				return o = typeof i == "number" && typeof a == "number" ? i - a : typeof i == "boolean" && typeof a == "boolean" ? i === a ? 0 : i ? -1 : 1 : String(i).localeCompare(String(a)), t === "asc" ? o : -o;
 			}), a.map((e) => e.row);
 		}
-		return [...get(yt)].sort((n, i) => {
+		return [...get(bt)].sort((n, i) => {
 			let a = n[e], o = i[e];
 			if (typeof a == "number" && typeof o == "number") return t === "asc" ? a - o : o - a;
 			if (typeof a == "string" && typeof o == "string") {
@@ -19431,68 +19441,68 @@ function Table(e, t) {
 			} else if (typeof a == "boolean" && typeof o == "boolean") return t === "asc" ? a === o ? 0 : a ? -1 : 1 : a === o ? 0 : a ? 1 : -1;
 			return 0;
 		});
-	}), an = /* @__PURE__ */ user_derived(() => {
-		if (!get(It) || get(Lt) || get(Pt).trim() === "") return get(rn);
-		let e = get(Pt).trim().toLowerCase(), t = ot()?.searchableColumnIndices;
-		return get(rn).filter((n) => (t || n.map((e, t) => t)).some((t) => {
+	}), on = /* @__PURE__ */ user_derived(() => {
+		if (!get(Lt) || get(Rt) || get(It).trim() === "") return get(an);
+		let e = get(It).trim().toLowerCase(), t = ot()?.searchableColumnIndices;
+		return get(an).filter((n) => (t || n.map((e, t) => t)).some((t) => {
 			let i = n[t];
 			return i !== null && String(i).toLowerCase().includes(e);
 		}));
-	}), on = /* @__PURE__ */ state(null), sn = /* @__PURE__ */ state(null), cn = /* @__PURE__ */ user_derived(() => lt()?.mode ?? "client"), ln = /* @__PURE__ */ user_derived(() => get(sn) ?? lt()?.pageSize ?? 10), un = /* @__PURE__ */ user_derived(() => lt() ? get(cn) === "server" ? lt().page ?? 1 : get(on) ?? lt().page ?? 1 : 1), dn = /* @__PURE__ */ user_derived(() => lt() ? get(cn) === "server" ? lt().totalItems ?? 0 : get(an).length : 0), fn = /* @__PURE__ */ user_derived(() => Math.max(1, Math.ceil(get(dn) / Math.max(1, get(ln))))), pn = /* @__PURE__ */ user_derived(() => {
-		if (!lt() || get(cn) === "server") return get(an);
-		let e = (get(un) - 1) * get(ln);
-		return get(an).slice(e, e + get(ln));
-	}), mn = /* @__PURE__ */ user_derived(() => {
+	}), sn = /* @__PURE__ */ state(null), cn = /* @__PURE__ */ state(null), ln = /* @__PURE__ */ user_derived(() => lt()?.mode ?? "client"), un = /* @__PURE__ */ user_derived(() => get(cn) ?? lt()?.pageSize ?? 10), dn = /* @__PURE__ */ user_derived(() => lt() ? get(ln) === "server" ? lt().page ?? 1 : get(sn) ?? lt().page ?? 1 : 1), fn = /* @__PURE__ */ user_derived(() => lt() ? get(ln) === "server" ? lt().totalItems ?? 0 : get(on).length : 0), pn = /* @__PURE__ */ user_derived(() => Math.max(1, Math.ceil(get(fn) / Math.max(1, get(un))))), mn = /* @__PURE__ */ user_derived(() => {
+		if (!lt() || get(ln) === "server") return get(on);
+		let e = (get(dn) - 1) * get(un);
+		return get(on).slice(e, e + get(un));
+	}), hn = /* @__PURE__ */ user_derived(() => {
 		if (!lt()) return "";
-		let e = get(dn), t = e === 0 ? 0 : (get(un) - 1) * get(ln) + 1, n = Math.min(get(un) * get(ln), e);
+		let e = get(fn), t = e === 0 ? 0 : (get(dn) - 1) * get(un) + 1, n = Math.min(get(dn) * get(un), e);
 		return lt().rangeLabel ? lt().rangeLabel(t, n, e) : e > 0 ? `${t}-${n} of ${e}` : "";
-	}), hn = /* @__PURE__ */ user_derived(() => lt()?.pageSizeOptions ?? [
+	}), gn = /* @__PURE__ */ user_derived(() => lt()?.pageSizeOptions ?? [
 		10,
 		25,
 		50,
 		100
-	]), gn = /* @__PURE__ */ user_derived(() => (lt()?.hideControls || lt()?.hidePageSizeSelector) ?? !1), _n = /* @__PURE__ */ user_derived(() => (lt()?.hideControls || lt()?.hideSteppers) ?? !1), vn = (e) => {
-		set(on, e, !0), lt()?.onPageChange?.(e);
-	}, yn = (e) => {
-		set(sn, e, !0), set(on, 1), lt()?.onPageSizeChange?.(e);
-	}, bn = (e) => lt() ? (get(un) - 1) * get(ln) + e + 1 : e + 1, xn = /* @__PURE__ */ user_derived(() => lt() && (lt().mode ?? "client") === "client" ? (get(un) - 1) * get(ln) : 0), Sn = (e, t, n, i) => e.getRowId ? e.getRowId(t, n, i) : String(n), Cn = new SvelteSet(), wn = /* @__PURE__ */ user_derived(() => at()?.selectedIds ?? null), Tn = /* @__PURE__ */ user_derived(() => get(wn) ?? Cn), En = (e) => at()?.disabledRowIds?.has(e) ?? !1, Dn = (e) => get(Tn).has(e), On = /* @__PURE__ */ user_derived(() => {
-		let e = new Map(get(rn).map((e, t) => [e, t]));
-		return get(an).map((t, n) => {
+	]), _n = /* @__PURE__ */ user_derived(() => (lt()?.hideControls || lt()?.hidePageSizeSelector) ?? !1), vn = /* @__PURE__ */ user_derived(() => (lt()?.hideControls || lt()?.hideSteppers) ?? !1), yn = (e) => {
+		set(sn, e, !0), lt()?.onPageChange?.(e);
+	}, bn = (e) => {
+		set(cn, e, !0), set(sn, 1), lt()?.onPageSizeChange?.(e);
+	}, xn = (e) => lt() ? (get(dn) - 1) * get(un) + e + 1 : e + 1, Sn = /* @__PURE__ */ user_derived(() => lt() && (lt().mode ?? "client") === "client" ? (get(dn) - 1) * get(un) : 0), Cn = (e, t, n, i) => e.getRowId ? e.getRowId(t, n, i) : String(n), wn = new SvelteSet(), Tn = /* @__PURE__ */ user_derived(() => at()?.selectedIds ?? null), En = /* @__PURE__ */ user_derived(() => get(Tn) ?? wn), Dn = (e) => at()?.disabledRowIds?.has(e) ?? !1, On = (e) => get(En).has(e), kn = /* @__PURE__ */ user_derived(() => {
+		let e = new Map(get(an).map((e, t) => [e, t]));
+		return get(on).map((t, n) => {
 			let i = e.get(t) ?? -1, a = i === -1 ? n : i;
-			return at() && at().enabled !== !1 ? Sn(at(), t, a, get(bt).get(t) ?? a) : String(a);
+			return at() && at().enabled !== !1 ? Cn(at(), t, a, get(xt).get(t) ?? a) : String(a);
 		});
-	}), kn = /* @__PURE__ */ user_derived(() => new Map(get(an).map((e, t) => [e, get(On)[t]]))), An = /* @__PURE__ */ user_derived(() => !at() || at().enabled === !1 ? [] : get(pn).flatMap((e) => {
-		let t = get(kn).get(e) ?? null;
-		return t !== null && !En(t) ? [t] : [];
-	})), jn = /* @__PURE__ */ user_derived(() => {
-		if (!at() || at().enabled === !1 || get(An).length === 0) return "none";
-		let e = get(An).filter((e) => get(Tn).has(e)).length;
-		return e === 0 ? "none" : e === get(An).length ? "all" : "some";
-	}), Mn = (e) => {
-		if (!(!at() || at().enabled === !1 || En(e))) {
-			if (get(wn)) {
-				let t = get(wn).has(e), n = at().selectionMode === "single" ? new Set(t ? [] : [e]) : t ? new Set([...get(wn)].filter((t) => t !== e)) : new Set([...get(wn), e]);
+	}), An = /* @__PURE__ */ user_derived(() => new Map(get(on).map((e, t) => [e, get(kn)[t]]))), jn = /* @__PURE__ */ user_derived(() => !at() || at().enabled === !1 ? [] : get(mn).flatMap((e) => {
+		let t = get(An).get(e) ?? null;
+		return t !== null && !Dn(t) ? [t] : [];
+	})), Mn = /* @__PURE__ */ user_derived(() => {
+		if (!at() || at().enabled === !1 || get(jn).length === 0) return "none";
+		let e = get(jn).filter((e) => get(En).has(e)).length;
+		return e === 0 ? "none" : e === get(jn).length ? "all" : "some";
+	}), Nn = (e) => {
+		if (!(!at() || at().enabled === !1 || Dn(e))) {
+			if (get(Tn)) {
+				let t = get(Tn).has(e), n = at().selectionMode === "single" ? new Set(t ? [] : [e]) : t ? new Set([...get(Tn)].filter((t) => t !== e)) : new Set([...get(Tn), e]);
 				at().onSelectionChange?.(n);
 				return;
 			}
 			if (at().selectionMode === "single") {
-				let t = Cn.has(e);
-				Cn.clear(), t || Cn.add(e);
-			} else Cn.has(e) ? Cn.delete(e) : Cn.add(e);
-			at().onSelectionChange?.(new Set(Cn));
+				let t = wn.has(e);
+				wn.clear(), t || wn.add(e);
+			} else wn.has(e) ? wn.delete(e) : wn.add(e);
+			at().onSelectionChange?.(new Set(wn));
 		}
-	}, Nn = () => {
+	}, Pn = () => {
 		if (!(!at() || at().enabled === !1)) {
-			if (get(wn)) {
-				let e = new Set(get(An)), t = get(jn) === "all" ? new Set([...get(wn)].filter((t) => !e.has(t))) : new Set([...get(wn), ...get(An)]);
+			if (get(Tn)) {
+				let e = new Set(get(jn)), t = get(Mn) === "all" ? new Set([...get(Tn)].filter((t) => !e.has(t))) : new Set([...get(Tn), ...get(jn)]);
 				at().onSelectionChange?.(t);
 				return;
 			}
-			if (get(jn) === "all") for (let e of get(An)) Cn.delete(e);
-			else for (let e of get(An)) Cn.add(e);
-			at().onSelectionChange?.(new Set(Cn));
+			if (get(Mn) === "all") for (let e of get(jn)) wn.delete(e);
+			else for (let e of get(jn)) wn.add(e);
+			at().onSelectionChange?.(new Set(wn));
 		}
-	}, Pn = (e, t) => {
+	}, Fn = (e, t) => {
 		let n = t === -1 ? "select-all" : `row-checkbox-${e}`, i = t === -1 ? {} : { id: `row-checkbox-${e}` };
 		typeof S() == "string" && (i["data-pw"] = `${S()}-${n}`, i.testID = `${S()}-${n}`);
 		let a = at()?.getRowAttributes ? at().getRowAttributes(e, t) : {};
@@ -19500,8 +19510,8 @@ function Table(e, t) {
 			...i,
 			...a
 		};
-	}, Fn = /* @__PURE__ */ user_derived(() => !!at() && at().enabled !== !1), In = /* @__PURE__ */ user_derived(() => at()?.selectionMode === "single");
-	var Ln = {
+	}, In = /* @__PURE__ */ user_derived(() => !!at() && at().enabled !== !1), Ln = /* @__PURE__ */ user_derived(() => at()?.selectionMode === "single");
+	var Rn = {
 		get tableTitle() {
 			return n();
 		},
@@ -19711,40 +19721,46 @@ function Table(e, t) {
 		},
 		set usePortal(e = !1) {
 			gt(e), flushSync();
+		},
+		get labels() {
+			return _t();
+		},
+		set labels(e) {
+			_t(e), flushSync();
 		}
-	}, Rn = root_30(), zn = first_child(Rn), Bn = (e) => {
+	}, zn = root_30(), Bn = first_child(zn), Vn = (e) => {
 		var t = root$31(), i = child(t, !0);
 		reset(t), template_effect(() => set_text(i, n())), append(e, t);
 	};
-	if_block(zn, (e) => {
-		typeof n() == "string" && n().length > 0 && e(Bn);
+	if_block(Bn, (e) => {
+		typeof n() == "string" && n().length > 0 && e(Vn);
 	});
-	var Vn = sibling(zn, 2), Hn = (e) => {
+	var Hn = sibling(Bn, 2), Un = (e) => {
 		var t = root_2$22(), n = child(t);
 		html(n, () => search_default, !0), reset(n);
 		var i = sibling(n, 2);
-		remove_input_defaults(i), bind_this(i, (e) => set(Rt, e), () => get(Rt));
+		remove_input_defaults(i), bind_this(i, (e) => set(zt, e), () => get(zt));
 		var a = sibling(i, 2), o = (e) => {
 			var t = root_1$28();
-			html(t, () => close_default, !0), reset(t), delegated("click", t, Qt), append(e, t);
+			html(t, () => close_default, !0), reset(t), template_effect(() => set_attribute(t, "aria-label", _t()?.clearSearch ?? "Clear search")), delegated("click", t, $t), append(e, t);
 		};
 		if_block(a, (e) => {
-			get(Pt).length > 0 && e(o);
+			get(It).length > 0 && e(o);
 		}), reset(t), template_effect(() => {
-			set_attribute(i, "placeholder", ot()?.placeholder ?? "Search…"), set_value(i, get(Pt)), set_attribute(i, "data-pw", ot()?.testId ?? null), set_attribute(i, "testid", ot()?.testId ?? null), set_attribute(i, "aria-label", ot()?.placeholder ?? "Search");
-		}), delegated("input", i, Zt), append(e, t);
+			set_attribute(i, "placeholder", ot()?.placeholder ?? "Search…"), set_value(i, get(It)), set_attribute(i, "data-pw", ot()?.testId ?? null), set_attribute(i, "testid", ot()?.testId ?? null), set_attribute(i, "aria-label", ot()?.placeholder ?? "Search");
+		}), delegated("input", i, Qt), append(e, t);
 	};
-	if_block(Vn, (e) => {
-		get(It) && !get(Ht) && e(Hn);
+	if_block(Hn, (e) => {
+		get(Lt) && !get(Gt) && e(Un);
 	});
-	var Un = sibling(Vn, 2), Wn = (e) => {
+	var Wn = sibling(Hn, 2), Gn = (e) => {
 		var t = root_3$19();
-		snippet(child(t), ut, () => ({ selectedIds: new Set(get(Tn)) })), reset(t), append(e, t);
+		snippet(child(t), ut, () => ({ selectedIds: new Set(get(En)) })), reset(t), append(e, t);
 	};
-	if_block(Un, (e) => {
-		typeof ut() == "function" && get(Fn) && get(Tn).size > 0 && e(Wn);
+	if_block(Wn, (e) => {
+		typeof ut() == "function" && get(In) && get(En).size > 0 && e(Gn);
 	});
-	var Gn = sibling(Un, 2), Kn = (e) => {
+	var Kn = sibling(Wn, 2), qn = (e) => {
 		var t = root_29(), n = child(t);
 		let i;
 		var a = child(n), s = child(a), c = child(s), l = (e) => {
@@ -19759,46 +19775,48 @@ function Table(e, t) {
 			let n;
 			var i = child(t);
 			{
-				let e = /* @__PURE__ */ user_derived(() => get(jn) === "all"), t = /* @__PURE__ */ user_derived(() => get(jn) === "some"), n = /* @__PURE__ */ user_derived(() => get(An).map((e) => `row-checkbox-${e}`).join(" ")), a = /* @__PURE__ */ user_derived(() => Pn("__header__", -1));
+				let e = /* @__PURE__ */ user_derived(() => _t()?.selectAllRows ?? "Select all rows"), t = /* @__PURE__ */ user_derived(() => get(Mn) === "all"), n = /* @__PURE__ */ user_derived(() => get(Mn) === "some"), a = /* @__PURE__ */ user_derived(() => get(jn).map((e) => `row-checkbox-${e}`).join(" ")), o = /* @__PURE__ */ user_derived(() => Fn("__header__", -1));
 				Checkbox(i, {
 					text: "",
-					ariaLabel: "Select all rows",
+					get ariaLabel() {
+						return get(e);
+					},
 					controlled: !0,
 					get checked() {
-						return get(e);
+						return get(t);
 					},
 					get indeterminate() {
-						return get(t);
+						return get(n);
 					},
 					get ariaControls() {
-						return get(n);
+						return get(a);
 					},
 					get attributes() {
-						return get(a);
+						return get(o);
 					},
-					onclick: Nn
+					onclick: Pn
 				});
 			}
-			reset(t), template_effect(() => n = set_class(t, 1, "table-header table-checkbox-col svelte-171ci2i", null, n, { "table-header-sticky": get(At) })), append(e, t);
+			reset(t), template_effect(() => n = set_class(t, 1, "table-header table-checkbox-col svelte-171ci2i", null, n, { "table-header-sticky": get(jt) })), append(e, t);
 		}, at = (e) => {
 			var t = root_6$14();
 			let n;
-			template_effect(() => n = set_class(t, 1, "table-header table-checkbox-col svelte-171ci2i", null, n, { "table-header-sticky": get(At) })), append(e, t);
+			template_effect(() => n = set_class(t, 1, "table-header table-checkbox-col svelte-171ci2i", null, n, { "table-header-sticky": get(jt) })), append(e, t);
 		};
 		if_block(G, (e) => {
-			get(Fn) && !get(In) ? e(be) : get(Fn) && get(In) && e(at, 1);
+			get(In) && !get(Ln) ? e(be) : get(In) && get(Ln) && e(at, 1);
 		});
 		var ct = sibling(G), ut = (e) => {
 			var t = root_7$13();
 			let n;
 			var i = child(t, !0);
 			reset(t), template_effect(() => {
-				n = set_class(t, 1, "table-header table-row-number-col svelte-171ci2i", null, n, { "table-header-sticky": get(At) }), set_text(i, ft());
+				n = set_class(t, 1, "table-header table-row-number-col svelte-171ci2i", null, n, { "table-header-sticky": get(jt) }), set_text(i, ft());
 			}), append(e, t);
 		};
 		if_block(ct, (e) => {
 			dt() && e(ut);
-		}), each(sibling(ct), 17, () => get(vt), index, (e, t, n) => {
+		}), each(sibling(ct), 17, () => get(yt), index, (e, t, n) => {
 			let i = /* @__PURE__ */ user_derived(() => o()?.[n]);
 			var a = root_19$3();
 			let s, c;
@@ -19845,13 +19863,13 @@ function Table(e, t) {
 							let e = (e) => {
 								var t = root_9$9();
 								html(t, () => chevron_down_sm_default, !0), reset(t), append(e, t);
-							}, n = /* @__PURE__ */ user_derived(() => get(i).testId && `${get(i).testId}-filter-trigger`);
+							}, n = /* @__PURE__ */ user_derived(() => _t()?.filterBy?.(get(t)) ?? `Filter by ${get(t)}`), o = /* @__PURE__ */ user_derived(() => get(i).testId && `${get(i).testId}-filter-trigger`);
 							Button(c, spread_props(a, {
 								get ariaLabel() {
-									return `Filter by ${get(t) ?? ""}`;
+									return get(n);
 								},
 								get testId() {
-									return get(n);
+									return get(o);
 								},
 								icon: e,
 								$$slots: { icon: !0 }
@@ -19885,49 +19903,53 @@ function Table(e, t) {
 				get(i)?.filter && e(C);
 			});
 			var ne = sibling(S, 2), re = (e) => {
-				var i = root_15$5();
-				Button(child(i), {
-					onclick: () => Et(n),
-					get ariaLabel() {
-						return `Sort by ${get(t) ?? ""}`;
-					},
-					children: (e, t) => {
-						var i = comment(), a = first_child(i), o = (e) => {
-							var t = comment(), n = first_child(t), i = (e) => {
-								var t = comment();
-								snippet(first_child(t), k), append(e, t);
-							}, a = (e) => {
-								var t = root_12$6();
-								html(t, () => sort_default_default, !0), reset(t), append(e, t);
-							};
-							if_block(n, (e) => {
-								typeof k() == "function" ? e(i) : e(a, -1);
-							}), append(e, t);
-						}, s = (e) => {
-							var t = comment(), n = first_child(t), i = (e) => {
+				var i = root_15$5(), a = child(i);
+				{
+					let e = /* @__PURE__ */ user_derived(() => _t()?.sortBy?.(get(t)) ?? `Sort by ${get(t)}`);
+					Button(a, {
+						onclick: () => Dt(n),
+						get ariaLabel() {
+							return get(e);
+						},
+						children: (e, t) => {
+							var i = comment(), a = first_child(i), o = (e) => {
+								var t = comment(), n = first_child(t), i = (e) => {
+									var t = comment();
+									snippet(first_child(t), k), append(e, t);
+								}, a = (e) => {
+									var t = root_12$6();
+									html(t, () => sort_default_default, !0), reset(t), append(e, t);
+								};
+								if_block(n, (e) => {
+									typeof k() == "function" ? e(i) : e(a, -1);
+								}), append(e, t);
+							}, s = (e) => {
+								var t = comment(), n = first_child(t), i = (e) => {
+									var t = comment();
+									snippet(first_child(t), R), append(e, t);
+								}, a = (e) => {
+									var t = root_13$5();
+									html(t, () => sort_default_default, !0), reset(t), append(e, t);
+								};
+								if_block(n, (e) => {
+									typeof R() == "function" ? e(i) : e(a, -1);
+								}), append(e, t);
+							}, c = (e) => {
 								var t = comment();
-								snippet(first_child(t), R), append(e, t);
-							}, a = (e) => {
-								var t = root_13$5();
+								snippet(first_child(t), te), append(e, t);
+							}, l = (e) => {
+								var t = root_14$5();
 								html(t, () => sort_default_default, !0), reset(t), append(e, t);
 							};
-							if_block(n, (e) => {
-								typeof R() == "function" ? e(i) : e(a, -1);
-							}), append(e, t);
-						}, c = (e) => {
-							var t = comment();
-							snippet(first_child(t), te), append(e, t);
-						}, l = (e) => {
-							var t = root_14$5();
-							html(t, () => sort_default_default, !0), reset(t), append(e, t);
-						};
-						if_block(a, (e) => {
-							get(Ct) === n && get(wt) === "asc" ? e(o) : get(Ct) === n && get(wt) === "desc" ? e(s, 1) : typeof te() == "function" ? e(c, 2) : e(l, -1);
-						}), append(e, i);
-					},
-					$$slots: { default: !0 }
-				}), reset(i), append(e, i);
-			}, G = /* @__PURE__ */ user_derived(() => Tt(n));
+							if_block(a, (e) => {
+								get(wt) === n && get(Tt) === "asc" ? e(o) : get(wt) === n && get(Tt) === "desc" ? e(s, 1) : typeof te() == "function" ? e(c, 2) : e(l, -1);
+							}), append(e, i);
+						},
+						$$slots: { default: !0 }
+					});
+				}
+				reset(i), append(e, i);
+			}, G = /* @__PURE__ */ user_derived(() => Et(n));
 			if_block(ne, (e) => {
 				get(G) && e(re);
 			});
@@ -19938,7 +19960,7 @@ function Table(e, t) {
 						let e = /* @__PURE__ */ user_derived(() => ot()?.placeholder ?? "Search…"), t = /* @__PURE__ */ user_derived(() => ot()?.testId ?? ""), i = /* @__PURE__ */ user_derived(() => ot()?.placeholder ?? "Search");
 						bind_this(Input(n, {
 							get value() {
-								return get(Pt);
+								return get(It);
 							},
 							get placeholder() {
 								return get(e);
@@ -19950,24 +19972,30 @@ function Table(e, t) {
 								return get(i);
 							},
 							autoComplete: "off",
-							oninput: (e) => qt(e),
-							onblur: tn,
-							onkeydown: nn,
+							oninput: (e) => Zt(e),
+							onblur: nn,
+							onkeydown: rn,
 							classes: "table-inline-search-input"
-						}), (e) => set(zt, e, !0), () => get(zt));
+						}), (e) => set(Bt, e, !0), () => get(Bt));
 					}
-					var i = sibling(n, 2);
-					Button(child(i), {
-						variant: "ghost",
-						iconOnly: !0,
-						ariaLabel: "Close search",
-						onclick: Qt,
-						icon: (e) => {
+					var i = sibling(n, 2), a = child(i);
+					{
+						let e = (e) => {
 							var t = comment();
 							html(first_child(t), () => close_default), append(e, t);
-						},
-						$$slots: { icon: !0 }
-					}), reset(i), append(e, t);
+						}, t = /* @__PURE__ */ user_derived(() => _t()?.closeSearch ?? "Close search");
+						Button(a, {
+							variant: "ghost",
+							iconOnly: !0,
+							get ariaLabel() {
+								return get(t);
+							},
+							onclick: $t,
+							icon: e,
+							$$slots: { icon: !0 }
+						});
+					}
+					reset(i), append(e, t);
 				}, a = (e) => {
 					var t = root_17$3(), n = child(t);
 					{
@@ -19984,22 +20012,22 @@ function Table(e, t) {
 							get testId() {
 								return get(i);
 							},
-							onclick: $t,
+							onclick: en,
 							icon: e,
 							$$slots: { icon: !0 }
 						});
 					}
-					reset(t), bind_this(t, (e) => set(Bt, e), () => get(Bt)), append(e, t);
+					reset(t), bind_this(t, (e) => set(Ht, e), () => get(Ht)), append(e, t);
 				};
 				if_block(n, (e) => {
-					get(Gt) ? e(i) : e(a, -1);
+					get(qt) ? e(i) : e(a, -1);
 				}), reset(t), append(e, t);
 			};
 			if_block(be, (e) => {
-				get(It) && get(Ht) && n === get(vt).length - 1 && e(Me);
+				get(Lt) && get(Gt) && n === get(yt).length - 1 && e(Me);
 			}), reset(l), reset(a), template_effect(() => {
 				s = set_class(a, 1, "table-header svelte-171ci2i", null, s, {
-					"table-header-sticky": get(At),
+					"table-header-sticky": get(jt),
 					"table-col-highlighted": get(i)?.highlighted === !0
 				}), set_attribute(a, "data-pw", get(i)?.testId ?? null), set_attribute(a, "testid", get(i)?.testId ?? null), c = set_style(a, "", c, {
 					"text-align": get(i)?.align ?? null,
@@ -20008,19 +20036,19 @@ function Table(e, t) {
 				}), u = set_style(l, "", u, { "justify-content": get(i)?.align === "right" ? "flex-end" : get(i)?.align === "center" ? "center" : null });
 			}), append(e, a);
 		}), reset(f), reset(u);
-		var _t = sibling(u), yt = child(_t), xt = (e) => {
+		var vt = sibling(u), bt = child(vt), St = (e) => {
 			var t = root_20$2(), n = child(t);
-			snippet(child(n), re), reset(n), reset(t), template_effect(() => set_attribute(n, "colspan", get(vt).length + +!!get(Fn) + +!!dt())), append(e, t);
-		}, Lt = (e) => {
+			snippet(child(n), re), reset(n), reset(t), template_effect(() => set_attribute(n, "colspan", get(yt).length + +!!get(In) + +!!dt())), append(e, t);
+		}, Rt = (e) => {
 			var t = comment();
-			each(first_child(t), 19, () => get(pn), (e, t) => get(kn).get(e) ?? t, (e, t, n) => {
-				let i = /* @__PURE__ */ user_derived(() => get(n) + get(xn)), a = /* @__PURE__ */ user_derived(() => get(bt).get(get(t)) ?? get(i)), s = /* @__PURE__ */ user_derived(() => get(kn).get(get(t)) ?? String(get(i))), c = /* @__PURE__ */ user_derived(() => get(Fn) && En(get(s))), l = /* @__PURE__ */ user_derived(() => get(Fn) && Dn(get(s)));
+			each(first_child(t), 19, () => get(mn), (e, t) => get(An).get(e) ?? t, (e, t, n) => {
+				let i = /* @__PURE__ */ user_derived(() => get(n) + get(Sn)), a = /* @__PURE__ */ user_derived(() => get(xt).get(get(t)) ?? get(i)), s = /* @__PURE__ */ user_derived(() => get(An).get(get(t)) ?? String(get(i))), c = /* @__PURE__ */ user_derived(() => get(In) && Dn(get(s))), l = /* @__PURE__ */ user_derived(() => get(In) && On(get(s)));
 				var u = root_24$2();
 				let f;
 				var p = child(u), S = (e) => {
 					var t = root_21$2(), n = child(t);
 					{
-						let e = /* @__PURE__ */ user_derived(() => `Select row ${get(s) || "non-selectable"}`), t = /* @__PURE__ */ user_derived(() => Pn(get(s), get(i)));
+						let e = /* @__PURE__ */ user_derived(() => _t()?.selectRow?.(get(s)) ?? `Select row ${get(s) || "non-selectable"}`), t = /* @__PURE__ */ user_derived(() => Fn(get(s), get(i)));
 						Checkbox(n, {
 							text: "",
 							get ariaLabel() {
@@ -20036,22 +20064,22 @@ function Table(e, t) {
 							get attributes() {
 								return get(t);
 							},
-							onclick: () => Mn(get(s))
+							onclick: () => Nn(get(s))
 						});
 					}
 					reset(t), delegated("click", t, (e) => e.stopPropagation()), delegated("keydown", t, (e) => e.stopPropagation()), append(e, t);
 				};
 				if_block(p, (e) => {
-					get(Fn) && e(S);
+					get(In) && e(S);
 				});
 				var C = sibling(p), k = (e) => {
 					var t = root_22$2(), i = child(t, !0);
-					reset(t), template_effect((e) => set_text(i, e), [() => bn(get(n))]), append(e, t);
+					reset(t), template_effect((e) => set_text(i, e), [() => xn(get(n))]), append(e, t);
 				};
 				if_block(C, (e) => {
 					dt() && e(k);
 				}), each(sibling(C), 17, () => get(t), index, (e, n, s) => {
-					let c = /* @__PURE__ */ user_derived(() => o()?.[s]), l = /* @__PURE__ */ user_derived(() => get(St)?.get(get(t))), u = /* @__PURE__ */ user_derived(() => typeof get(n) == "string" || typeof get(n) == "number" || typeof get(n) == "boolean");
+					let c = /* @__PURE__ */ user_derived(() => o()?.[s]), l = /* @__PURE__ */ user_derived(() => get(Ct)?.get(get(t))), u = /* @__PURE__ */ user_derived(() => typeof get(n) == "string" || typeof get(n) == "number" || typeof get(n) == "boolean");
 					var f = root_23$2();
 					let p, S;
 					var C = child(f);
@@ -20099,34 +20127,34 @@ function Table(e, t) {
 					]), append(e, f);
 				}), reset(u), template_effect((e, t) => {
 					f = set_class(u, 1, "table-row svelte-171ci2i", null, f, {
-						"table-row-clickable": get(kt),
+						"table-row-clickable": get(At),
 						"table-row-selected": get(l),
 						"table-summary-row": pt() !== null && get(a) === pt()
-					}), set_attribute(u, "data-pw", e), set_attribute(u, "testid", t), set_attribute(u, "tabindex", get(kt) ? 0 : null);
+					}), set_attribute(u, "data-pw", e), set_attribute(u, "testid", t), set_attribute(u, "tabindex", get(At) ? 0 : null);
 				}, [() => typeof Ue() == "function" ? Ue()(get(t), get(i)) : null, () => typeof Ue() == "function" ? Ue()(get(t), get(i)) : null]), delegated("click", u, function(...e) {
-					(get(kt) ? () => Dt(get(i), get(t), get(a)) : null)?.apply(this, e);
+					(get(At) ? () => Ot(get(i), get(t), get(a)) : null)?.apply(this, e);
 				}), delegated("keydown", u, function(...e) {
-					(get(kt) ? (e) => Ot(e, get(i), get(t), get(a)) : null)?.apply(this, e);
+					(get(At) ? (e) => kt(e, get(i), get(t), get(a)) : null)?.apply(this, e);
 				}), append(e, u);
 			}), append(e, t);
 		};
-		if_block(yt, (e) => {
-			get(an).length === 0 && typeof re() == "function" ? e(xt) : e(Lt, -1);
-		}), reset(_t), reset(s), reset(a), action(a, (e) => Nt?.(e)), reset(n);
-		var Rt = sibling(n, 2), Zt = (e) => {
+		if_block(bt, (e) => {
+			get(on).length === 0 && typeof re() == "function" ? e(St) : e(Rt, -1);
+		}), reset(vt), reset(s), reset(a), action(a, (e) => Pt?.(e)), reset(n);
+		var zt = sibling(n, 2), Qt = (e) => {
 			var t = root_25$1();
 			snippet(child(t), Re), reset(t), append(e, t);
-		}, en = (e) => {
+		}, tn = (e) => {
 			var t = root_28(), n = child(t), i = child(n, !0);
 			reset(n);
 			var a = sibling(n, 2), o = (e) => {
 				var t = root_27(), n = child(t), i = (e) => {
 					var t = root_26$1(), n = child(t);
 					{
-						let e = /* @__PURE__ */ user_derived(() => get(hn).map((e) => ({
+						let e = /* @__PURE__ */ user_derived(() => get(gn).map((e) => ({
 							id: String(e),
 							label: String(e)
-						}))), t = /* @__PURE__ */ user_derived(() => [String(get(ln))]), i = /* @__PURE__ */ user_derived(() => lt().isLoading ?? !1), a = /* @__PURE__ */ user_derived(() => lt().testId && `${lt().testId}-page-size`);
+						}))), t = /* @__PURE__ */ user_derived(() => [String(get(un))]), i = /* @__PURE__ */ user_derived(() => lt().isLoading ?? !1), a = /* @__PURE__ */ user_derived(() => lt().testId && `${lt().testId}-page-size`);
 						Select(n, {
 							get items() {
 								return get(e);
@@ -20142,24 +20170,24 @@ function Table(e, t) {
 								return get(a);
 							},
 							onchange: (e) => {
-								e.length > 0 && yn(Number(e[0]));
+								e.length > 0 && bn(Number(e[0]));
 							}
 						});
 					}
 					reset(t), append(e, t);
 				};
 				if_block(n, (e) => {
-					!get(gn) && get(hn).length > 0 && e(i);
+					!get(_n) && get(gn).length > 0 && e(i);
 				});
 				var a = sibling(n, 2), o = (e) => {
 					{
 						let t = /* @__PURE__ */ user_derived(() => lt().hasMore ?? !1), n = /* @__PURE__ */ user_derived(() => lt().isLoading ?? !1), i = /* @__PURE__ */ user_derived(() => lt().testId && `${lt().testId}-pages`);
 						Pagination(e, {
 							get totalPages() {
-								return get(fn);
+								return get(pn);
 							},
 							get currentPage() {
-								return get(un);
+								return get(dn);
 							},
 							get hasMore() {
 								return get(t);
@@ -20176,7 +20204,7 @@ function Table(e, t) {
 							get nextButtonTestId() {
 								return lt().nextButtonTestId;
 							},
-							onchange: vn,
+							onchange: yn,
 							get onloadmore() {
 								return lt().onLoadMore;
 							}
@@ -20184,27 +20212,27 @@ function Table(e, t) {
 					}
 				};
 				if_block(a, (e) => {
-					get(_n) || e(o);
+					get(vn) || e(o);
 				}), reset(t), append(e, t);
 			};
 			if_block(a, (e) => {
-				(!get(gn) || !get(_n)) && e(o);
+				(!get(_n) || !get(vn)) && e(o);
 			}), reset(t), template_effect(() => {
-				set_attribute(t, "data-pw", lt().testId ?? null), set_attribute(t, "testid", lt().testId ?? null), set_attribute(n, "data-pw", lt().rangeTestId ?? (typeof S() == "string" ? `${S()}-paginator-range` : lt()?.testId ? `${lt().testId}-range` : null)), set_attribute(n, "testid", lt().rangeTestId ?? (typeof S() == "string" ? `${S()}-paginator-range` : lt()?.testId ? `${lt().testId}-range` : null)), set_text(i, get(mn));
+				set_attribute(t, "data-pw", lt().testId ?? null), set_attribute(t, "testid", lt().testId ?? null), set_attribute(n, "data-pw", lt().rangeTestId ?? (typeof S() == "string" ? `${S()}-paginator-range` : lt()?.testId ? `${lt().testId}-range` : null)), set_attribute(n, "testid", lt().rangeTestId ?? (typeof S() == "string" ? `${S()}-paginator-range` : lt()?.testId ? `${lt().testId}-range` : null)), set_text(i, get(hn));
 			}), append(e, t);
 		};
-		if_block(Rt, (e) => {
-			typeof Re() == "function" ? e(Zt) : lt() && (get(fn) > 1 || lt().hasMore || lt().showFooterOnSinglePage || get(gn) && get(_n)) && e(en, 1);
+		if_block(zt, (e) => {
+			typeof Re() == "function" ? e(Qt) : lt() && (get(pn) > 1 || lt().hasMore || lt().showFooterOnSinglePage || get(_n) && get(vn)) && e(tn, 1);
 		}), reset(t), template_effect(() => {
 			set_class(t, 1, `table-container ${p() ? "scrollable-table" : ""} ${Me() ?? "" ?? ""}`, "svelte-171ci2i"), set_attribute(t, "data-pw", S()), set_attribute(t, "testid", S()), i = set_class(n, 1, "table-scroll-shell svelte-171ci2i", null, i, {
-				"scrollable-left": get(jt),
-				"scrollable-right": get(Mt)
+				"scrollable-left": get(Mt),
+				"scrollable-right": get(Nt)
 			});
 		}), append(e, t);
 	};
-	return if_block(Gn, (e) => {
-		(get(vt).length !== 0 || get(yt).length !== 0) && e(Kn);
-	}), append(e, Rn), pop(Ln);
+	return if_block(Kn, (e) => {
+		(get(yt).length !== 0 || get(bt).length !== 0) && e(qn);
+	}), append(e, zn), pop(Rn);
 }
 delegate([
 	"input",
@@ -20245,7 +20273,8 @@ delegate([
 	summaryRowIndex: {},
 	headerTooltipIcon: {},
 	headerTooltipPosition: {},
-	usePortal: {}
+	usePortal: {},
+	labels: {}
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/wc/components/Table.wc.svelte
@@ -20364,7 +20393,8 @@ customElements.define("sui-table", create_custom_element(Table_wc, {
 	},
 	onrowclick: { type: "Object" },
 	onsort: { type: "Object" },
-	onsearchchange: { type: "Object" }
+	onsearchchange: { type: "Object" },
+	labels: { type: "Object" }
 }, [
 	"empty",
 	"sort-asc-icon",
@@ -40070,9 +40100,9 @@ function createSanitizingRenderer(e, t, n, i) {
 function annotateExternalLinks(e) {
 	return e.replace(EXTERNAL_ANCHOR_PATTERN, "<a href=\"$1\" target=\"_blank\" rel=\"noopener noreferrer\"");
 }
-function wrapTables(e, t) {
-	let n = typeof t == "string" && t.length > 0 ? `<div class="markdown-table-wrapper" tabindex="0" role="region" aria-label="${escapeHtml(t)}">` : "<div class=\"markdown-table-wrapper\" tabindex=\"0\">";
-	return e.replace(TABLE_OPEN, `${n}<table>`).replace(TABLE_CLOSE, "</table></div>");
+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 = [
@@ -40093,18 +40123,18 @@ 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);
+	return t.inline === !0 ? a : wrapTables(a, 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, 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, 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;
+	]), 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";
 })), 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);}.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;}\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;}"
 };
 function ChatMessage(e, t) {
 	let n = props_id();
@@ -43475,12 +43505,13 @@ 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, "sanitize", 7), l = /* @__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 = /* @__PURE__ */ user_derived(() => renderMarkdown(n(), {
 		breaks: i(),
 		tableLabel: s(),
-		sanitize: c()
+		tableWrapperClass: c(),
+		sanitize: l()
 	}));
-	var u = {
+	var f = {
 		get markdown() {
 			return n();
 		},
@@ -43511,16 +43542,22 @@ function MarkdownText(e, t) {
 		set tableLabel(e) {
 			s(e), flushSync();
 		},
-		get sanitize() {
+		get tableWrapperClass() {
 			return c();
 		},
-		set sanitize(e) {
+		set tableWrapperClass(e) {
 			c(e), flushSync();
+		},
+		get sanitize() {
+			return l();
+		},
+		set sanitize(e) {
+			l(e), flushSync();
 		}
-	}, f = root$4();
-	return html(f, () => get(l), !0), reset(f), template_effect(() => {
-		set_class(f, 1, `markdown-text ${o() ?? "" ?? ""}`, "svelte-1d6q5h0"), set_attribute(f, "data-pw", typeof a() == "string" ? a() : null), set_attribute(f, "testid", typeof a() == "string" ? a() : null);
-	}), append(e, f), pop(u);
+	}, 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);
 }
 create_custom_element(MarkdownText, {
 	markdown: {},
@@ -43528,6 +43565,7 @@ create_custom_element(MarkdownText, {
 	testId: {},
 	classes: {},
 	tableLabel: {},
+	tableWrapperClass: {},
 	sanitize: {}
 }, [], [], { mode: "open" });
 //#endregion
@@ -43554,6 +43592,10 @@ customElements.define("sui-markdown-text", create_custom_element(MarkdownText_wc
 		attribute: "table-label",
 		type: "String"
 	},
+	tableWrapperClass: {
+		attribute: "table-wrapper-class",
+		type: "String"
+	},
 	sanitize: { type: "Object" }
 }, [], [], { mode: "open" }));
 //#endregion