@burdenoff/microfe-bigconsole 2026.805.2 → 2026.812.1

package/dist/bigconsole/components/widgets/table/TableConfig.js

@@ -1,103 +1,118 @@
 import { memo as e, useCallback as t, useEffect as n, useMemo as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/table/TableConfig.tsx
-var s = [
+var c = [
 	{
 		value: "gt",
-		label: "> greater than"
+		labelKey: "bigconsole.widget.config.table.operator.gt",
+		labelDefault: "> greater than"
 	},
 	{
 		value: "gte",
-		label: "≥ at least"
+		labelKey: "bigconsole.widget.config.table.operator.gte",
+		labelDefault: "≥ at least"
 	},
 	{
 		value: "lt",
-		label: "< less than"
+		labelKey: "bigconsole.widget.config.table.operator.lt",
+		labelDefault: "< less than"
 	},
 	{
 		value: "lte",
-		label: "≤ at most"
+		labelKey: "bigconsole.widget.config.table.operator.lte",
+		labelDefault: "≤ at most"
 	},
 	{
 		value: "eq",
-		label: "= equals"
+		labelKey: "bigconsole.widget.config.table.operator.eq",
+		labelDefault: "= equals"
 	},
 	{
 		value: "neq",
-		label: "≠ not equal"
+		labelKey: "bigconsole.widget.config.table.operator.neq",
+		labelDefault: "≠ not equal"
 	},
 	{
 		value: "between",
-		label: "between"
+		labelKey: "bigconsole.widget.config.table.operator.between",
+		labelDefault: "between"
 	},
 	{
 		value: "outside",
-		label: "outside"
+		labelKey: "bigconsole.widget.config.table.operator.outside",
+		labelDefault: "outside"
 	},
 	{
 		value: "contains",
-		label: "contains"
+		labelKey: "bigconsole.widget.config.table.operator.contains",
+		labelDefault: "contains"
 	}
-], c = [
+], l = [
 	{
 		value: "danger",
-		label: "Red — danger"
+		labelKey: "bigconsole.widget.config.table.intent.danger",
+		labelDefault: "Red — danger"
 	},
 	{
 		value: "warning",
-		label: "Amber — warning"
+		labelKey: "bigconsole.widget.config.table.intent.warning",
+		labelDefault: "Amber — warning"
 	},
 	{
 		value: "success",
-		label: "Green — good"
+		labelKey: "bigconsole.widget.config.table.intent.success",
+		labelDefault: "Green — good"
 	},
 	{
 		value: "info",
-		label: "Blue — info"
+		labelKey: "bigconsole.widget.config.table.intent.info",
+		labelDefault: "Blue — info"
 	},
 	{
 		value: "neutral",
-		label: "Neutral"
+		labelKey: "bigconsole.widget.config.table.intent.neutral",
+		labelDefault: "Neutral"
 	}
-], l = "px-2 py-1 text-xs text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg", u = e(function({ config: e, onChange: u }) {
-	let [d, f] = i(r(() => (e.columns || []).map((e) => typeof e == "string" ? {
+], u = "px-2 py-1 text-xs text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg", d = e(function({ config: e, onChange: d }) {
+	let { t: f } = a(), [p, m] = i(r(() => (e.columns || []).map((e) => typeof e == "string" ? {
 		field: e,
 		header: e.charAt(0).toUpperCase() + e.slice(1).replace(/_/g, " ")
 	} : e), []));
 	n(() => {
-		JSON.stringify(e.columns) !== JSON.stringify(d) && d.length > 0 && u({
+		JSON.stringify(e.columns) !== JSON.stringify(p) && p.length > 0 && d({
 			...e,
-			columns: d
+			columns: p
 		});
-	}, [d]), n(() => {
-		f((e.columns || []).map((e) => typeof e == "string" ? {
+	}, [p]), n(() => {
+		m((e.columns || []).map((e) => typeof e == "string" ? {
 			field: e,
 			header: e.charAt(0).toUpperCase() + e.slice(1).replace(/_/g, " ")
 		} : e));
 	}, [e.columns]);
-	let p = t((t, n) => {
-		u({
+	let h = t((t, n) => {
+		d({
 			...e,
 			[t]: n
 		});
-	}, [e, u]), m = t((e, t, n) => {
-		f((r) => {
+	}, [e, d]), g = t((e, t, n) => {
+		m((r) => {
 			let i = [...r];
 			return i[e] = {
 				...i[e],
 				[t]: n
 			}, i;
 		});
-	}, []), h = t((e, t) => {
-		f((n) => {
+	}, []), _ = t((e, t) => {
+		m((n) => {
 			let r = [...n];
 			return r[e] = {
 				...r[e],
 				conditionalRules: t
 			}, r;
 		});
-	}, []), g = t((e) => {
-		let t = d[e]?.conditionalRules ?? [], n = {
+	}, []), v = t((e) => {
+		let t = p[e]?.conditionalRules ?? [], n = {
 			operator: "gt",
 			value: 0,
 			style: {
@@ -106,14 +121,14 @@ var s = [
 				bold: !0
 			}
 		};
-		h(e, [...t, n]);
-	}, [d, h]), _ = t((e, t, n) => {
-		h(e, (d[e]?.conditionalRules ?? []).map((e, r) => r === t ? {
+		_(e, [...t, n]);
+	}, [p, _]), y = t((e, t, n) => {
+		_(e, (p[e]?.conditionalRules ?? []).map((e, r) => r === t ? {
 			...e,
 			...n
 		} : e));
-	}, [d, h]), v = t((e, t, n) => {
-		h(e, (d[e]?.conditionalRules ?? []).map((e, r) => r === t ? {
+	}, [p, _]), b = t((e, t, n) => {
+		_(e, (p[e]?.conditionalRules ?? []).map((e, r) => r === t ? {
 			...e,
 			style: {
 				...e.style,
@@ -121,76 +136,76 @@ var s = [
 				textColor: n
 			}
 		} : e));
-	}, [d, h]), y = t((e, t) => {
-		h(e, (d[e]?.conditionalRules ?? []).filter((e, n) => n !== t));
-	}, [d, h]), b = t(() => {
-		f((e) => [...e, {
+	}, [p, _]), x = t((e, t) => {
+		_(e, (p[e]?.conditionalRules ?? []).filter((e, n) => n !== t));
+	}, [p, _]), S = t(() => {
+		m((e) => [...e, {
 			field: "",
 			header: ""
 		}]);
-	}, []), x = t((e) => {
-		f((t) => t.filter((t, n) => n !== e));
+	}, []), C = t((e) => {
+		m((t) => t.filter((t, n) => n !== e));
 	}, []);
-	return /* @__PURE__ */ o("div", {
-		className: "space-y-4",
+	return /* @__PURE__ */ s("div", {
+		className: "min-w-0 space-y-form-gap",
 		children: [
-			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
-				children: "Page Size"
-			}), /* @__PURE__ */ o("select", {
+				children: f("bigconsole.widget.config.table.pageSize.label", "Page Size")
+			}), /* @__PURE__ */ s("select", {
 				value: e.pageSize || 10,
-				onChange: (e) => p("pageSize", Number(e.target.value)),
+				onChange: (e) => h("pageSize", Number(e.target.value)),
 				className: "\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          ",
 				children: [
-					/* @__PURE__ */ a("option", {
+					/* @__PURE__ */ o("option", {
 						value: 10,
-						children: "10 rows"
+						children: f("bigconsole.widget.config.table.pageSize.rows", "{{count}} rows", { count: 10 })
 					}),
-					/* @__PURE__ */ a("option", {
+					/* @__PURE__ */ o("option", {
 						value: 25,
-						children: "25 rows"
+						children: f("bigconsole.widget.config.table.pageSize.rows", "{{count}} rows", { count: 25 })
 					}),
-					/* @__PURE__ */ a("option", {
+					/* @__PURE__ */ o("option", {
 						value: 50,
-						children: "50 rows"
+						children: f("bigconsole.widget.config.table.pageSize.rows", "{{count}} rows", { count: 50 })
 					}),
-					/* @__PURE__ */ a("option", {
+					/* @__PURE__ */ o("option", {
 						value: 100,
-						children: "100 rows"
+						children: f("bigconsole.widget.config.table.pageSize.rows", "{{count}} rows", { count: 100 })
 					})
 				]
 			})] }),
-			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ s("div", {
 				className: "flex items-center justify-between mb-2",
-				children: [/* @__PURE__ */ a("label", {
+				children: [/* @__PURE__ */ o("label", {
 					className: "text-sm font-medium text-text-primary",
-					children: "Columns"
-				}), /* @__PURE__ */ a("button", {
+					children: f("bigconsole.widget.config.table.columns.label", "Columns")
+				}), /* @__PURE__ */ o("button", {
 					type: "button",
-					onClick: b,
+					onClick: S,
 					className: "\n              text-sm text-action-primary-bg\n              hover:text-action-primary-bgHover\n            ",
-					children: "+ Add Column"
+					children: f("bigconsole.widget.config.table.columns.add", "+ Add Column")
 				})]
-			}), /* @__PURE__ */ o("div", {
+			}), /* @__PURE__ */ s("div", {
 				className: "space-y-3",
-				children: [d.map((e, t) => /* @__PURE__ */ o("div", {
+				children: [p.map((e, t) => /* @__PURE__ */ s("div", {
 					className: "\n                p-3\n                bg-bg-sunken\n                rounded-md\n                space-y-2\n              ",
 					children: [
-						/* @__PURE__ */ o("div", {
+						/* @__PURE__ */ s("div", {
 							className: "flex items-center justify-between",
 							children: [/* @__PURE__ */ o("span", {
 								className: "text-xs text-text-secondary",
-								children: ["Column ", t + 1]
-							}), /* @__PURE__ */ a("button", {
+								children: f("bigconsole.widget.config.table.columns.columnN", "Column {{index}}", { index: t + 1 })
+							}), /* @__PURE__ */ o("button", {
 								type: "button",
-								onClick: () => x(t),
+								onClick: () => C(t),
 								className: "text-status-error-text hover:text-status-error-text/80",
-								children: /* @__PURE__ */ a("svg", {
+								children: /* @__PURE__ */ o("svg", {
 									className: "w-4 h-4",
 									fill: "none",
 									stroke: "currentColor",
 									viewBox: "0 0 24 24",
-									children: /* @__PURE__ */ a("path", {
+									children: /* @__PURE__ */ o("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										strokeWidth: 2,
@@ -199,136 +214,136 @@ var s = [
 								})
 							})]
 						}),
-						/* @__PURE__ */ o("div", {
-							className: "grid grid-cols-2 gap-2",
-							children: [/* @__PURE__ */ a("input", {
+						/* @__PURE__ */ s("div", {
+							className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+							children: [/* @__PURE__ */ o("input", {
 								type: "text",
 								value: e.field || "",
-								onChange: (e) => m(t, "field", e.target.value),
-								placeholder: "Field name",
+								onChange: (e) => g(t, "field", e.target.value),
+								placeholder: f("bigconsole.widget.config.table.column.fieldPlaceholder", "Field name"),
 								className: "\n                    px-2 py-1\n                    text-sm text-text-primary\n                    bg-bg-surface\n                    border border-border-default\n                    rounded-md\n                    focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  "
-							}), /* @__PURE__ */ a("input", {
+							}), /* @__PURE__ */ o("input", {
 								type: "text",
 								value: e.header || "",
-								onChange: (e) => m(t, "header", e.target.value),
-								placeholder: "Header label",
+								onChange: (e) => g(t, "header", e.target.value),
+								placeholder: f("bigconsole.widget.config.table.column.headerPlaceholder", "Header label"),
 								className: "\n                    px-2 py-1\n                    text-sm text-text-primary\n                    bg-bg-surface\n                    border border-border-default\n                    rounded-md\n                    focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  "
 							})]
 						}),
-						/* @__PURE__ */ o("div", {
-							className: "grid grid-cols-2 gap-2",
-							children: [/* @__PURE__ */ o("select", {
+						/* @__PURE__ */ s("div", {
+							className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+							children: [/* @__PURE__ */ s("select", {
 								value: e.format || "text",
-								onChange: (e) => m(t, "format", e.target.value),
+								onChange: (e) => g(t, "format", e.target.value),
 								className: "\n                    px-2 py-1\n                    text-sm text-text-primary\n                    bg-bg-surface\n                    border border-border-default\n                    rounded-md\n                    focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  ",
 								children: [
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "text",
-										children: "Text"
+										children: f("bigconsole.widget.config.table.format.text", "Text")
 									}),
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "number",
-										children: "Number"
+										children: f("bigconsole.widget.config.table.format.number", "Number")
 									}),
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "currency",
-										children: "Currency"
+										children: f("bigconsole.widget.config.table.format.currency", "Currency")
 									}),
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "percentage",
-										children: "Percentage"
+										children: f("bigconsole.widget.config.table.format.percentage", "Percentage")
 									}),
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "date",
-										children: "Date"
+										children: f("bigconsole.widget.config.table.format.date", "Date")
 									}),
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "badge",
-										children: "Badge"
+										children: f("bigconsole.widget.config.table.format.badge", "Badge")
 									})
 								]
-							}), /* @__PURE__ */ o("select", {
+							}), /* @__PURE__ */ s("select", {
 								value: e.align || "left",
-								onChange: (e) => m(t, "align", e.target.value),
+								onChange: (e) => g(t, "align", e.target.value),
 								className: "\n                    px-2 py-1\n                    text-sm text-text-primary\n                    bg-bg-surface\n                    border border-border-default\n                    rounded-md\n                    focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  ",
 								children: [
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "left",
-										children: "Left"
+										children: f("bigconsole.widget.config.table.align.left", "Left")
 									}),
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "center",
-										children: "Center"
+										children: f("bigconsole.widget.config.table.align.center", "Center")
 									}),
-									/* @__PURE__ */ a("option", {
+									/* @__PURE__ */ o("option", {
 										value: "right",
-										children: "Right"
+										children: f("bigconsole.widget.config.table.align.right", "Right")
 									})
 								]
 							})]
 						}),
-						/* @__PURE__ */ o("div", {
+						/* @__PURE__ */ s("div", {
 							className: "pt-2 border-t border-border-default/60",
 							children: [
-								/* @__PURE__ */ o("div", {
+								/* @__PURE__ */ s("div", {
 									className: "flex items-center justify-between mb-1",
-									children: [/* @__PURE__ */ a("span", {
+									children: [/* @__PURE__ */ o("span", {
 										className: "text-xs font-medium text-text-secondary",
-										children: "Conditional formatting"
-									}), /* @__PURE__ */ a("button", {
+										children: f("bigconsole.widget.config.table.conditionalFormatting.title", "Conditional formatting")
+									}), /* @__PURE__ */ o("button", {
 										type: "button",
-										onClick: () => g(t),
+										onClick: () => v(t),
 										className: "text-xs text-action-primary-bg hover:text-action-primary-bgHover",
-										children: "+ Add rule"
+										children: f("bigconsole.widget.config.table.conditionalFormatting.addRule", "+ Add rule")
 									})]
 								}),
-								(e.conditionalRules?.length ?? 0) === 0 && /* @__PURE__ */ a("p", {
+								(e.conditionalRules?.length ?? 0) === 0 && /* @__PURE__ */ o("p", {
 									className: "text-xs text-text-secondary",
-									children: "No rules — cell shows its plain value."
+									children: f("bigconsole.widget.config.table.conditionalFormatting.noRules", "No rules — cell shows its plain value.")
 								}),
-								/* @__PURE__ */ a("div", {
+								/* @__PURE__ */ o("div", {
 									className: "space-y-2",
 									children: (e.conditionalRules ?? []).map((e, n) => {
 										let r = e.operator === "between" || e.operator === "outside", i = e.style?.bgColor ?? e.style?.textColor ?? "danger";
-										return /* @__PURE__ */ o("div", {
+										return /* @__PURE__ */ s("div", {
 											className: "p-2 bg-bg-surface rounded-md border border-border-default space-y-2",
-											children: [/* @__PURE__ */ o("div", {
+											children: [/* @__PURE__ */ s("div", {
 												className: "flex items-center gap-2",
 												children: [
-													/* @__PURE__ */ a("select", {
+													/* @__PURE__ */ o("select", {
 														value: e.operator,
-														onChange: (e) => _(t, n, { operator: e.target.value }),
-														className: `${l} flex-1`,
-														children: s.map((e) => /* @__PURE__ */ a("option", {
+														onChange: (e) => y(t, n, { operator: e.target.value }),
+														className: `${u} flex-1`,
+														children: c.map((e) => /* @__PURE__ */ o("option", {
 															value: e.value,
-															children: e.label
+															children: f(e.labelKey, e.labelDefault)
 														}, e.value))
 													}),
-													/* @__PURE__ */ a("input", {
+													/* @__PURE__ */ o("input", {
 														type: "text",
 														value: e.value ?? "",
-														onChange: (e) => _(t, n, { value: e.target.value }),
-														placeholder: "value",
-														className: `${l} w-20`
+														onChange: (e) => y(t, n, { value: e.target.value }),
+														placeholder: f("bigconsole.widget.config.table.rule.valuePlaceholder", "value"),
+														className: `${u} w-20`
 													}),
-													r && /* @__PURE__ */ a("input", {
+													r && /* @__PURE__ */ o("input", {
 														type: "text",
 														value: e.value2 ?? "",
-														onChange: (e) => _(t, n, { value2: e.target.value }),
-														placeholder: "and",
-														className: `${l} w-20`
+														onChange: (e) => y(t, n, { value2: e.target.value }),
+														placeholder: f("bigconsole.widget.config.table.rule.value2Placeholder", "and"),
+														className: `${u} w-20`
 													}),
-													/* @__PURE__ */ a("button", {
+													/* @__PURE__ */ o("button", {
 														type: "button",
-														onClick: () => y(t, n),
+														onClick: () => x(t, n),
 														className: "text-status-error-text hover:text-status-error-text/80",
-														"aria-label": "Remove rule",
-														children: /* @__PURE__ */ a("svg", {
+														"aria-label": f("bigconsole.widget.config.table.rule.remove", "Remove rule"),
+														children: /* @__PURE__ */ o("svg", {
 															className: "w-3.5 h-3.5",
 															fill: "none",
 															stroke: "currentColor",
 															viewBox: "0 0 24 24",
-															children: /* @__PURE__ */ a("path", {
+															children: /* @__PURE__ */ o("path", {
 																strokeLinecap: "round",
 																strokeLinejoin: "round",
 																strokeWidth: 2,
@@ -337,27 +352,27 @@ var s = [
 														})
 													})
 												]
-											}), /* @__PURE__ */ o("div", {
+											}), /* @__PURE__ */ s("div", {
 												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ a("select", {
+												children: [/* @__PURE__ */ o("select", {
 													value: i,
-													onChange: (e) => v(t, n, e.target.value),
-													className: `${l} flex-1`,
-													children: c.map((e) => /* @__PURE__ */ a("option", {
+													onChange: (e) => b(t, n, e.target.value),
+													className: `${u} flex-1`,
+													children: l.map((e) => /* @__PURE__ */ o("option", {
 														value: e.value,
-														children: e.label
+														children: f(e.labelKey, e.labelDefault)
 													}, e.value))
-												}), /* @__PURE__ */ o("label", {
+												}), /* @__PURE__ */ s("label", {
 													className: "flex items-center gap-1 text-xs text-text-primary",
-													children: [/* @__PURE__ */ a("input", {
+													children: [/* @__PURE__ */ o("input", {
 														type: "checkbox",
 														checked: e.style?.bold === !0,
-														onChange: (r) => _(t, n, { style: {
+														onChange: (r) => y(t, n, { style: {
 															...e.style,
 															bold: r.target.checked
 														} }),
 														className: "w-3.5 h-3.5 text-action-primary-bg bg-bg-surface border-border-default rounded focus:ring-action-primary-bg"
-													}), "Bold"]
+													}), f("bigconsole.widget.config.table.rule.bold", "Bold")]
 												})]
 											})]
 										}, n);
@@ -366,72 +381,78 @@ var s = [
 							]
 						})
 					]
-				}, t)), d.length === 0 && /* @__PURE__ */ a("p", {
+				}, t)), p.length === 0 && /* @__PURE__ */ o("p", {
 					className: "text-sm text-text-secondary text-center py-4",
-					children: "No columns configured. Columns will be auto-generated from data."
+					children: f("bigconsole.widget.config.table.columns.empty", "No columns configured. Columns will be auto-generated from data.")
 				})]
 			})] }),
-			/* @__PURE__ */ o("div", {
-				className: "space-y-3",
+			/* @__PURE__ */ s("div", {
+				role: "group",
+				"aria-label": "Display options",
+				className: "space-y-3 border-t border-[var(--color-border-subtle)] pt-form-gap",
 				children: [
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ o("p", {
+						className: "text-xs font-bold uppercase tracking-wider text-text-secondary",
+						children: "Display options"
+					}),
+					/* @__PURE__ */ s("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ o("input", {
 							type: "checkbox",
 							checked: e.showSearch !== !1,
-							onChange: (e) => p("showSearch", e.target.checked),
+							onChange: (e) => h("showSearch", e.target.checked),
 							className: "\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ o("span", {
 							className: "text-sm text-text-primary",
-							children: "Show search box"
+							children: f("bigconsole.widget.config.table.showSearch", "Show search box")
 						})]
 					}),
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ s("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ o("input", {
 							type: "checkbox",
 							checked: e.showPagination !== !1,
-							onChange: (e) => p("showPagination", e.target.checked),
+							onChange: (e) => h("showPagination", e.target.checked),
 							className: "\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ o("span", {
 							className: "text-sm text-text-primary",
-							children: "Show pagination"
+							children: f("bigconsole.widget.config.table.showPagination", "Show pagination")
 						})]
 					}),
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ s("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ o("input", {
 							type: "checkbox",
 							checked: e.showExport !== !1,
-							onChange: (e) => p("showExport", e.target.checked),
+							onChange: (e) => h("showExport", e.target.checked),
 							className: "\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ o("span", {
 							className: "text-sm text-text-primary",
-							children: "Show export button"
+							children: f("bigconsole.widget.config.table.showExport", "Show export button")
 						})]
 					}),
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ s("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ o("input", {
 							type: "checkbox",
 							checked: e.stickyHeader === !0,
-							onChange: (e) => p("stickyHeader", e.target.checked),
+							onChange: (e) => h("stickyHeader", e.target.checked),
 							className: "\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ o("span", {
 							className: "text-sm text-text-primary",
-							children: "Sticky header"
+							children: f("bigconsole.widget.config.table.stickyHeader", "Sticky header")
 						})]
 					}),
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ s("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ o("input", {
 							type: "checkbox",
 							checked: e.stripedRows === !0,
-							onChange: (e) => p("stripedRows", e.target.checked),
+							onChange: (e) => h("stripedRows", e.target.checked),
 							className: "\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ o("span", {
 							className: "text-sm text-text-primary",
-							children: "Striped rows"
+							children: f("bigconsole.widget.config.table.stripedRows", "Striped rows")
 						})]
 					})
 				]
@@ -440,6 +461,6 @@ var s = [
 	});
 });
 //#endregion
-export { u as default };
+export { d as default };
 
 //# sourceMappingURL=TableConfig.js.map