@undevy-org/tablewright 0.4.0 → 0.5.1

package/dist/tablewright.cjs

@@ -682,6 +682,7 @@ function CopyableText({
     )
   ] });
 }
+const SCROLL_REGION_TAB_INDEX = 0;
 function useScrollActivity(idleMs = 700) {
   const nodeRef = React.useRef(null);
   const [nodeVersion, setNodeVersion] = React.useState(0);
@@ -797,6 +798,7 @@ function DrawerShell({
     "div",
     {
       ref: bodyScrollRef,
+      tabIndex: SCROLL_REGION_TAB_INDEX,
       className: "scrollbar-auto-hide min-h-0 flex-1 overflow-y-auto px-6 py-6",
       children
     }
@@ -862,7 +864,15 @@ function TableLayout({ children, className }) {
 }
 function ScrollArea({ children, className }) {
   const scrollRef = useScrollActivity();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: scrollRef, className: cn("scrollbar-auto-hide flex-1 overflow-auto", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: scrollRef,
+      tabIndex: SCROLL_REGION_TAB_INDEX,
+      className: cn("scrollbar-auto-hide flex-1 overflow-auto", className),
+      children
+    }
+  );
 }
 TableLayout.ScrollArea = ScrollArea;
 function stickyStyle(meta, isHeader) {
@@ -1200,16 +1210,24 @@ const ViewChip = React__namespace.forwardRef(
   }
 );
 ViewChip.displayName = "ViewChip";
+const DEFAULT_LABELS$5 = {
+  apply: "Apply",
+  clear: "Clear"
+};
 function FilterPopoverFooter({
   onApply,
   onClear,
-  applyLabel = "Apply",
-  clearLabel = "Clear",
+  labels: labelOverrides,
+  applyLabel,
+  clearLabel,
   className
 }) {
+  const labels = { ...DEFAULT_LABELS$5, ...labelOverrides };
+  const apply = applyLabel ?? labels.apply;
+  const clear = clearLabel ?? labels.clear;
   return /* @__PURE__ */ jsxRuntime.jsxs(ButtonFooter, { className: cn("px-3 py-2.5", className), children: [
-    onClear && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: onClear, children: clearLabel }),
-    /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", size: "sm", onClick: onApply, children: applyLabel })
+    onClear && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: onClear, children: clear }),
+    /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", size: "sm", onClick: onApply, children: apply })
   ] });
 }
 function Root({
@@ -1837,6 +1855,9 @@ const AppShellContext = React.createContext(null);
 function useAppShell() {
   return React.useContext(AppShellContext);
 }
+function collapsedNavLinkAriaLabel(showExpanded, label) {
+  return showExpanded ? void 0 : label;
+}
 function isItemActive(href, activeKey) {
   if (href === "" || href === "/") return activeKey === "" || activeKey === "/";
   return activeKey === href || activeKey.startsWith(href + "/");
@@ -1909,10 +1930,15 @@ const Sidebar = React__namespace.forwardRef(
                 ),
                 showExpanded && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[13px]", children: item.label })
               ] });
+              const collapsedLinkLabel = collapsedNavLinkAriaLabel(
+                showExpanded,
+                item.label
+              );
               if (renderLink) {
                 return /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Fragment, { children: renderLink(item.href, {
                   className: itemClassName,
-                  children
+                  children,
+                  ...collapsedLinkLabel ? { "aria-label": collapsedLinkLabel } : {}
                 }) }, item.key);
               }
               return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1920,6 +1946,7 @@ const Sidebar = React__namespace.forwardRef(
                 {
                   href: item.href,
                   className: itemClassName,
+                  "aria-label": collapsedLinkLabel,
                   children
                 },
                 item.key
@@ -2080,6 +2107,9 @@ const AppShell = Object.assign(AppShellRoot, {
   Header: AppShellHeader,
   Content: AppShellContent
 });
+function decorativeAvatarAlt(adjacentNameVisible, name) {
+  return adjacentNameVisible ? "" : name;
+}
 function getInitials$1(name) {
   return name.split(" ").map((w) => w[0]).slice(0, 2).join("").toUpperCase();
 }
@@ -2101,7 +2131,7 @@ const SidebarUser = React__namespace.forwardRef(
             "img",
             {
               src: avatarUrl,
-              alt: name,
+              alt: decorativeAvatarAlt(!effectiveCollapsed, name),
               className: "h-8 w-8 shrink-0 rounded-full object-cover"
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--bg-tertiary)] text-[11px] font-semibold text-[var(--text-secondary)]", children: getInitials$1(name) }),
@@ -2133,7 +2163,7 @@ function SidebarAccountMenu({
     "img",
     {
       src: avatarUrl,
-      alt: name,
+      alt: decorativeAvatarAlt(!effectiveCollapsed, name),
       className: "h-7 w-7 shrink-0 rounded-full object-cover"
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-[var(--bg-tertiary)] text-[11px] font-semibold text-[var(--text-secondary)]", children: getInitials(name) });
@@ -2169,7 +2199,7 @@ function SidebarAccountMenu({
               "img",
               {
                 src: avatarUrl,
-                alt: name,
+                alt: decorativeAvatarAlt(true, name),
                 className: "h-8 w-8 shrink-0 rounded-full object-cover"
               }
             ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--bg-tertiary)] text-[11px] font-semibold text-[var(--text-secondary)]", children: getInitials(name) }),
@@ -2366,7 +2396,7 @@ function ExpiryTimestampCell({ value, timestampMs }) {
     relativeLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `text-[11px] ${urgencyClass[urgency]}`, children: relativeLabel })
   ] });
 }
-const DEFAULT_LABELS$3 = {
+const DEFAULT_LABELS$4 = {
   sort: "Sort",
   sortByColumn: (label) => `Sort by ${label}`,
   ascending: "Ascending",
@@ -2428,7 +2458,7 @@ function ColumnHeaderMenu({
   menuWidth = "w-[200px]"
 }) {
   const [open, setOpen] = React.useState(false);
-  const labels = { ...DEFAULT_LABELS$3, ...labelOverrides };
+  const labels = { ...DEFAULT_LABELS$4, ...labelOverrides };
   const isStacked = !!primaryLabel;
   const isSingleSortable = !!label && !!onSort;
   const isSortable = isStacked || isSingleSortable;
@@ -2732,7 +2762,7 @@ function isFilterValueEmpty(value) {
   if (Array.isArray(value)) return value.length === 0;
   return Object.values(value).every((x) => typeof x !== "number" && isFilterValueEmpty(x));
 }
-const DEFAULT_LABELS$2 = {
+const DEFAULT_LABELS$3 = {
   searchPlaceholder: "Search...",
   addValuePlaceholder: "Add value...",
   noData: "no data",
@@ -2744,6 +2774,9 @@ const DEFAULT_LABELS$2 = {
   chipTo: "to",
   chipMin: "min",
   chipMax: "max",
+  contains: "Contains",
+  orBadge: "OR",
+  numberInputPlaceholder: "0",
   valuesCount: (n) => `${n} values`,
   selectedCount: (n) => `${n} selected`
 };
@@ -2774,8 +2807,11 @@ function ColumnFilterPopover({
   chipClassName,
   stats,
   requestOpen,
-  onRequestOpenHandled
+  onRequestOpenHandled,
+  labels: labelOverrides,
+  footerLabels
 }) {
+  const labels = { ...DEFAULT_LABELS$3, ...labelOverrides };
   const [isOpen, setIsOpen] = React.useState(false);
   const onRequestOpenHandledRef = React.useRef(onRequestOpenHandled);
   React.useEffect(() => {
@@ -2912,7 +2948,7 @@ function ColumnFilterPopover({
           if (!textStats || textStats.type !== "text") {
             return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 flex-wrap", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-[var(--text-tertiary)] whitespace-nowrap min-w-[54px]", children: label }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-[var(--bg-secondary)] px-1.5 py-0.5 text-[11px] text-[var(--text-tertiary)] italic", children: DEFAULT_LABELS$2.noData })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-[var(--bg-secondary)] px-1.5 py-0.5 text-[11px] text-[var(--text-tertiary)] italic", children: labels.noData })
             ] });
           }
           const { samples, totalUnique } = textStats;
@@ -2942,8 +2978,8 @@ function ColumnFilterPopover({
         const filtText = filteredStats?.type === "text" ? filteredStats : null;
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 w-64 space-y-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: [
-            "Contains",
-            draftTags.length >= 2 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-[10px] font-semibold text-[var(--tag-blue-text)] bg-[var(--tag-blue-bg)] rounded px-1 py-0.5 uppercase", children: "OR" })
+            labels.contains,
+            draftTags.length >= 2 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-[10px] font-semibold text-[var(--tag-blue-text)] bg-[var(--tag-blue-bg)] rounded px-1 py-0.5 uppercase", children: labels.orBadge })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1 rounded-md border border-[var(--border-subtle)] bg-[var(--bg-surface)] px-2 py-1.5 focus-within:border-[var(--border-focus)]", children: [
             draftTags.map((tag) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2970,7 +3006,7 @@ function ColumnFilterPopover({
               {
                 autoFocus: true,
                 className: "flex-1 min-w-[60px] bg-transparent text-sm text-[var(--text-primary)] outline-none placeholder:text-[var(--text-tertiary)]",
-                placeholder: draftTags.length === 0 ? DEFAULT_LABELS$2.searchPlaceholder : DEFAULT_LABELS$2.addValuePlaceholder,
+                placeholder: draftTags.length === 0 ? labels.searchPlaceholder : labels.addValuePlaceholder,
                 value: draftInput,
                 onChange: (e) => setDraftInput(e.target.value),
                 onKeyDown: handleTextKeyDown
@@ -2978,8 +3014,8 @@ function ColumnFilterPopover({
             )
           ] }),
           allText && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-[var(--border-subtle)] pt-2 space-y-2", children: [
-            renderTextRow(DEFAULT_LABELS$2.statsTextAllPrefix, allText),
-            filteredStats !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-[var(--border-subtle)] pt-1.5", children: renderTextRow(DEFAULT_LABELS$2.statsTextFilteredPrefix, filtText) })
+            renderTextRow(labels.statsTextAllPrefix, allText),
+            filteredStats !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-[var(--border-subtle)] pt-1.5", children: renderTextRow(labels.statsTextFilteredPrefix, filtText) })
           ] })
         ] });
       }
@@ -3018,7 +3054,7 @@ function ColumnFilterPopover({
           if (!dateStats || dateStats.type !== "date") {
             return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 flex-wrap", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-[var(--text-tertiary)] whitespace-nowrap min-w-[54px]", children: label }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-[var(--bg-secondary)] px-1.5 py-0.5 text-[11px] text-[var(--text-tertiary)] italic", children: DEFAULT_LABELS$2.noData })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-[var(--bg-secondary)] px-1.5 py-0.5 text-[11px] text-[var(--text-tertiary)] italic", children: labels.noData })
             ] });
           }
           const { min, max } = dateStats;
@@ -3046,7 +3082,7 @@ function ColumnFilterPopover({
                 className: chipCls(draftDate.from === min),
                 onClick: () => setDraftDate((prev) => ({ ...prev, from: min })),
                 children: [
-                  DEFAULT_LABELS$2.chipFrom,
+                  labels.chipFrom,
                   " ",
                   formatChipDate(min)
                 ]
@@ -3059,7 +3095,7 @@ function ColumnFilterPopover({
                 className: chipCls(draftDate.to === max),
                 onClick: () => setDraftDate((prev) => ({ ...prev, to: max })),
                 children: [
-                  DEFAULT_LABELS$2.chipTo,
+                  labels.chipTo,
                   " ",
                   formatChipDate(max)
                 ]
@@ -3071,7 +3107,7 @@ function ColumnFilterPopover({
         const filtDate = filteredStats?.type === "date" ? filteredStats : null;
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 w-64 space-y-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: DEFAULT_LABELS$2.chipFrom }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: labels.chipFrom }),
             /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
@@ -3082,7 +3118,7 @@ function ColumnFilterPopover({
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: DEFAULT_LABELS$2.chipTo }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: labels.chipTo }),
             /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
@@ -3093,8 +3129,8 @@ function ColumnFilterPopover({
             )
           ] }),
           allDate && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-[var(--border-subtle)] pt-2 space-y-2", children: [
-            renderDateRow(DEFAULT_LABELS$2.statsAllPrefix, allDate),
-            filteredStats !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-[var(--border-subtle)] pt-1.5", children: renderDateRow(DEFAULT_LABELS$2.statsFilteredPrefix, filtDate) })
+            renderDateRow(labels.statsAllPrefix, allDate),
+            filteredStats !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-[var(--border-subtle)] pt-1.5", children: renderDateRow(labels.statsFilteredPrefix, filtDate) })
           ] })
         ] });
       }
@@ -3103,7 +3139,7 @@ function ColumnFilterPopover({
           if (!numStats || numStats.type !== "number-range") {
             return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 flex-wrap", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-[var(--text-tertiary)] whitespace-nowrap min-w-[54px]", children: label }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-[var(--bg-secondary)] px-1.5 py-0.5 text-[11px] text-[var(--text-tertiary)] italic", children: DEFAULT_LABELS$2.noData })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-[var(--bg-secondary)] px-1.5 py-0.5 text-[11px] text-[var(--text-tertiary)] italic", children: labels.noData })
             ] });
           }
           const { min, max } = numStats;
@@ -3134,7 +3170,7 @@ function ColumnFilterPopover({
                 className: chipCls(draftNumberFrom === String(min)),
                 onClick: () => setDraftNumberFrom(String(min)),
                 children: [
-                  DEFAULT_LABELS$2.chipMin,
+                  labels.chipMin,
                   " ",
                   min
                 ]
@@ -3147,7 +3183,7 @@ function ColumnFilterPopover({
                 className: chipCls(draftNumberTo === String(max)),
                 onClick: () => setDraftNumberTo(String(max)),
                 children: [
-                  DEFAULT_LABELS$2.chipMax,
+                  labels.chipMax,
                   " ",
                   max
                 ]
@@ -3159,13 +3195,13 @@ function ColumnFilterPopover({
         const filtNum = filteredStats?.type === "number-range" ? filteredStats : null;
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 w-64 space-y-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: DEFAULT_LABELS$2.chipMin }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: labels.chipMin }),
             /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 type: "number",
                 autoFocus: true,
-                placeholder: allNum ? String(allNum.min) : "0",
+                placeholder: allNum ? String(allNum.min) : labels.numberInputPlaceholder,
                 value: draftNumberFrom,
                 onChange: (e) => setDraftNumberFrom(e.target.value),
                 onKeyDown: (e) => {
@@ -3178,12 +3214,12 @@ function ColumnFilterPopover({
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: DEFAULT_LABELS$2.chipMax }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider block", children: labels.chipMax }),
             /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 type: "number",
-                placeholder: allNum ? String(allNum.max) : "0",
+                placeholder: allNum ? String(allNum.max) : labels.numberInputPlaceholder,
                 value: draftNumberTo,
                 onChange: (e) => setDraftNumberTo(e.target.value),
                 onKeyDown: (e) => {
@@ -3196,8 +3232,8 @@ function ColumnFilterPopover({
             )
           ] }),
           allNum && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-[var(--border-subtle)] pt-2 space-y-2", children: [
-            renderNumRow(DEFAULT_LABELS$2.statsAllPrefix, allNum),
-            filteredStats !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-[var(--border-subtle)] pt-1.5", children: renderNumRow(DEFAULT_LABELS$2.statsFilteredPrefix, filtNum) })
+            renderNumRow(labels.statsAllPrefix, allNum),
+            filteredStats !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-[var(--border-subtle)] pt-1.5", children: renderNumRow(labels.statsFilteredPrefix, filtNum) })
           ] })
         ] });
       }
@@ -3214,21 +3250,21 @@ function ColumnFilterPopover({
       }
       if (value.length === 2) {
         const joined = value.join(", ");
-        return joined.length > 24 ? `${value.length} values` : joined;
+        return joined.length > 24 ? labels.valuesCount(value.length) : joined;
       }
-      return DEFAULT_LABELS$2.valuesCount(value.length);
+      return labels.valuesCount(value.length);
     }
     if (config.type === "enum" && Array.isArray(value)) {
       if (value.length === 1) {
         return config.options?.find((o) => o.value === value[0])?.label ?? value[0];
       }
-      return DEFAULT_LABELS$2.selectedCount(value.length);
+      return labels.selectedCount(value.length);
     }
     if (config.type === "date") {
       const { from, to } = getDateRange(value);
       if (from && to) return `${from} — ${to}`;
-      if (from) return `${DEFAULT_LABELS$2.chipFrom} ${from}`;
-      if (to) return `${DEFAULT_LABELS$2.chipTo} ${to}`;
+      if (from) return `${labels.chipFrom} ${from}`;
+      if (to) return `${labels.chipTo} ${to}`;
     }
     if (config.type === "number-range") {
       const { from, to } = getNumberRange(value);
@@ -3257,20 +3293,33 @@ function ColumnFilterPopover({
         className: "w-auto p-0 [box-shadow:var(--shadow-menu)] border-[var(--border-subtle)] flex flex-col max-h-[min(var(--radix-popover-content-available-height),520px)] overflow-hidden",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-0 overflow-y-auto overscroll-contain", children: renderContent() }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 bg-[var(--bg-surface)]", children: /* @__PURE__ */ jsxRuntime.jsx(FilterPopoverFooter, { onApply: handleApply, onClear: handleClear }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 bg-[var(--bg-surface)]", children: /* @__PURE__ */ jsxRuntime.jsx(
+            FilterPopoverFooter,
+            {
+              onApply: handleApply,
+              onClear: handleClear,
+              labels: footerLabels
+            }
+          ) })
         ]
       }
     )
   ] });
 }
-const DEFAULT_LABELS$1 = {
+const DEFAULT_LABELS$2 = {
   searchPlaceholder: "Search...",
   addPlaceholder: "Add...",
   contains: "Contains",
+  orBadge: "OR",
   chipMin: "min",
   chipMax: "max",
   statsAllPrefix: "All:",
-  statsFilteredPrefix: "Filt:"
+  statsFilteredPrefix: "Filt:",
+  numberInputPlaceholder: "0",
+  resetSectionTitle: (subLabel) => `Reset ${subLabel}`,
+  filtersCount: (n) => `${n} filters`,
+  subValuesCount: (n) => `${n} values`,
+  subSelectedCount: (n) => `${n} selected`
 };
 function initDraft(sub, compound) {
   const val = compound[sub.key];
@@ -3305,7 +3354,7 @@ function draftToValue(draft) {
   const all = trimmed.length > 0 && !draft.tags.includes(trimmed) ? [...draft.tags, trimmed] : [...draft.tags];
   return all.length > 0 ? all : void 0;
 }
-function formatSubDisplay(sub, val) {
+function formatSubDisplay(sub, val, labels) {
   if (isFilterValueEmpty(val)) return null;
   if (sub.type === "number-range") {
     const { from, to } = getNumberRange(val);
@@ -3319,14 +3368,14 @@ function formatSubDisplay(sub, val) {
       const label = sub.options?.find((o) => o.value === val[0])?.label ?? val[0];
       return `${sub.label}: ${label}`;
     }
-    return `${sub.label}: ${val.length} selected`;
+    return `${sub.label}: ${labels.subSelectedCount(val.length)}`;
   }
   if (Array.isArray(val) && val.length > 0) {
     if (val.length === 1) {
       const display = val[0].length > 15 ? `${val[0].slice(0, 15)}…` : val[0];
       return `${sub.label}: ${display}`;
     }
-    return `${sub.label}: ${val.length} values`;
+    return `${sub.label}: ${labels.subValuesCount(val.length)}`;
   }
   return null;
 }
@@ -3339,8 +3388,11 @@ function CompoundFilterPopover({
   chipClassName,
   columnFilterStats,
   requestOpen,
-  onRequestOpenHandled
+  onRequestOpenHandled,
+  labels: labelOverrides,
+  footerLabels
 }) {
+  const labels = { ...DEFAULT_LABELS$2, ...labelOverrides };
   const subFilters = config.subFilters ?? [];
   const compound = getCompoundValue(filter.value);
   const [isOpen, setIsOpen] = React.useState(false);
@@ -3416,12 +3468,12 @@ function CompoundFilterPopover({
     if (isFilterValueEmpty(compound)) return void 0;
     const parts = [];
     for (const sub of subFilters) {
-      const display = formatSubDisplay(sub, compound[sub.key]);
+      const display = formatSubDisplay(sub, compound[sub.key], labels);
       if (display) parts.push(display);
     }
     if (parts.length === 0) return void 0;
     const joined = parts.join(" & ");
-    return joined.length > 30 ? `${parts.length} filters` : joined;
+    return joined.length > 30 ? labels.filtersCount(parts.length) : joined;
   };
   const updateDraft = (key, updater) => {
     setDrafts((prev) => ({ ...prev, [key]: updater(prev[key]) }));
@@ -3444,7 +3496,7 @@ function CompoundFilterPopover({
             className: chipCls(draft.from === String(min)),
             onClick: () => updateDraft(sub.key, (d) => ({ ...d, from: String(min) })),
             children: [
-              DEFAULT_LABELS$1.chipMin,
+              labels.chipMin,
               " ",
               min.toLocaleString()
             ]
@@ -3457,7 +3509,7 @@ function CompoundFilterPopover({
             className: chipCls(draft.to === String(max)),
             onClick: () => updateDraft(sub.key, (d) => ({ ...d, to: String(max) })),
             children: [
-              DEFAULT_LABELS$1.chipMax,
+              labels.chipMax,
               " ",
               max.toLocaleString()
             ]
@@ -3468,13 +3520,13 @@ function CompoundFilterPopover({
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-tertiary)] block", children: DEFAULT_LABELS$1.chipMin }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-tertiary)] block", children: labels.chipMin }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Input,
             {
               type: "number",
               autoFocus: subFilters.indexOf(sub) === 0,
-              placeholder: allNum ? String(allNum.min) : "0",
+              placeholder: allNum ? String(allNum.min) : labels.numberInputPlaceholder,
               value: draft.from,
               onChange: (e) => updateDraft(sub.key, (prev) => ({
                 ...prev,
@@ -3490,12 +3542,12 @@ function CompoundFilterPopover({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-tertiary)] block", children: DEFAULT_LABELS$1.chipMax }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-tertiary)] block", children: labels.chipMax }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Input,
             {
               type: "number",
-              placeholder: allNum ? String(allNum.max) : "0",
+              placeholder: allNum ? String(allNum.max) : labels.numberInputPlaceholder,
               value: draft.to,
               onChange: (e) => updateDraft(sub.key, (prev) => ({
                 ...prev,
@@ -3512,8 +3564,8 @@ function CompoundFilterPopover({
         ] })
       ] }),
       allNum && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-[var(--border-subtle)] mt-3 pt-2 space-y-2", children: [
-        renderNumRow(DEFAULT_LABELS$1.statsAllPrefix, allNum),
-        filtNum && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-[var(--border-subtle)] pt-1.5", children: renderNumRow(DEFAULT_LABELS$1.statsFilteredPrefix, filtNum) })
+        renderNumRow(labels.statsAllPrefix, allNum),
+        filtNum && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-[var(--border-subtle)] pt-1.5", children: renderNumRow(labels.statsFilteredPrefix, filtNum) })
       ] })
     ] });
   };
@@ -3610,8 +3662,8 @@ function CompoundFilterPopover({
     };
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-[var(--text-tertiary)] block mb-2", children: [
-        DEFAULT_LABELS$1.contains,
-        draft.tags.length >= 2 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-[10px] font-semibold text-[var(--tag-blue-text)] bg-[var(--tag-blue-bg)] rounded px-1 py-0.5 uppercase", children: "OR" })
+        labels.contains,
+        draft.tags.length >= 2 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-[10px] font-semibold text-[var(--tag-blue-text)] bg-[var(--tag-blue-bg)] rounded px-1 py-0.5 uppercase", children: labels.orBadge })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1 rounded-md border border-[var(--border-subtle)] bg-[var(--bg-surface)] px-2 py-1.5 focus-within:border-[var(--border-focus)]", children: [
         draft.tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3641,7 +3693,7 @@ function CompoundFilterPopover({
           {
             autoFocus: subFilters.indexOf(sub) === 0,
             className: "flex-1 min-w-[50px] bg-transparent text-sm text-[var(--text-primary)] outline-none placeholder:text-[var(--text-tertiary)]",
-            placeholder: draft.tags.length === 0 ? DEFAULT_LABELS$1.searchPlaceholder : DEFAULT_LABELS$1.addPlaceholder,
+            placeholder: draft.tags.length === 0 ? labels.searchPlaceholder : labels.addPlaceholder,
             value: draft.input,
             onChange: (e) => updateDraft(sub.key, (prev) => ({ ...prev, input: e.target.value })),
             onKeyDown: handleTextKeyDown
@@ -3649,8 +3701,8 @@ function CompoundFilterPopover({
         )
       ] }),
       allText && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-[var(--border-subtle)] mt-3 pt-2 space-y-2", children: [
-        renderTextRow(DEFAULT_LABELS$1.statsAllPrefix, allText),
-        filtText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-[var(--border-subtle)] pt-1.5", children: renderTextRow(DEFAULT_LABELS$1.statsFilteredPrefix, filtText) })
+        renderTextRow(labels.statsAllPrefix, allText),
+        filtText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-[var(--border-subtle)] pt-1.5", children: renderTextRow(labels.statsFilteredPrefix, filtText) })
       ] })
     ] });
   };
@@ -3732,7 +3784,7 @@ function CompoundFilterPopover({
                       type: "button",
                       className: "text-[11px] text-[var(--text-tertiary)] hover:text-[var(--text-secondary)] transition-colors",
                       onClick: () => handleResetSection(sub.key),
-                      title: `Reset ${sub.label}`,
+                      title: labels.resetSectionTitle(sub.label),
                       children: "✕"
                     }
                   )
@@ -3744,13 +3796,20 @@ function CompoundFilterPopover({
             },
             sub.key
           )) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 bg-[var(--bg-surface)]", children: /* @__PURE__ */ jsxRuntime.jsx(FilterPopoverFooter, { onApply: handleApply, onClear: handleClearAll }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 bg-[var(--bg-surface)]", children: /* @__PURE__ */ jsxRuntime.jsx(
+            FilterPopoverFooter,
+            {
+              onApply: handleApply,
+              onClear: handleClearAll,
+              labels: footerLabels
+            }
+          ) })
         ]
       }
     )
   ] });
 }
-const DEFAULT_LABELS = {
+const DEFAULT_LABELS$1 = {
   clearAll: "Clear all",
   columns: "Columns",
   hiddenCount: (n) => `${n} hidden`
@@ -3772,8 +3831,13 @@ function AppliedStateChips({
   onClearAll,
   columnFilterStats,
   requestOpenFilterId,
-  onRequestOpenHandled
+  onRequestOpenHandled,
+  labels: labelOverrides,
+  columnFilterLabels,
+  compoundFilterLabels,
+  filterPopoverFooterLabels
 }) {
+  const labels = { ...DEFAULT_LABELS$1, ...labelOverrides };
   const hasFilters = filters.length > 0;
   const hasSort = currentSort !== null;
   const hasHiddenColumns = hiddenColumnsCount > 0;
@@ -3784,13 +3848,13 @@ function AppliedStateChips({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 pb-3", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "secondary", onClick: onClearAll, className: "shrink-0", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 14 }),
-      DEFAULT_LABELS.clearAll
+      labels.clearAll
     ] }),
     hasHiddenColumns && /* @__PURE__ */ jsxRuntime.jsx(
       FilterChip,
       {
-        label: DEFAULT_LABELS.columns,
-        value: DEFAULT_LABELS.hiddenCount(hiddenColumnsCount),
+        label: labels.columns,
+        value: labels.hiddenCount(hiddenColumnsCount),
         onRemove: onResetColumns,
         onClick: onOpenColumnsMenu,
         className: "cursor-pointer"
@@ -3813,7 +3877,9 @@ function AppliedStateChips({
             chipClassName: isEmpty ? "border-dashed" : void 0,
             columnFilterStats,
             requestOpen: filter.columnId === requestOpenFilterId,
-            onRequestOpenHandled
+            onRequestOpenHandled,
+            labels: compoundFilterLabels,
+            footerLabels: filterPopoverFooterLabels
           },
           filter.columnId
         );
@@ -3829,7 +3895,9 @@ function AppliedStateChips({
           chipClassName: isEmpty ? "border-dashed" : void 0,
           stats: columnFilterStats?.[filter.columnId],
           requestOpen: filter.columnId === requestOpenFilterId,
-          onRequestOpenHandled
+          onRequestOpenHandled,
+          labels: columnFilterLabels,
+          footerLabels: filterPopoverFooterLabels
         },
         filter.columnId
       );
@@ -3864,6 +3932,21 @@ function hasActiveManagedFilters(filters, managedFieldIds) {
   const managed = new Set(managedFieldIds);
   return filters.some((f) => managed.has(f.columnId) && !isFilterValueEmpty(f.value));
 }
+const DEFAULT_LABELS = {
+  closeFiltersAriaLabel: "Close filters",
+  closeFiltersTitle: "Close filters",
+  apply: "Apply",
+  clear: "Clear",
+  anyPlaceholder: "Any",
+  rangeFromPlaceholder: "From",
+  rangeToPlaceholder: "To",
+  fieldRangeFromAriaLabel: (fieldLabel) => `${fieldLabel} — from`,
+  fieldRangeToAriaLabel: (fieldLabel) => `${fieldLabel} — to`,
+  compoundSubRangeFromAriaLabel: (subLabel) => `${subLabel} — from`,
+  compoundSubRangeToAriaLabel: (subLabel) => `${subLabel} — to`,
+  compoundSubRangeFromPlaceholder: (subLabel) => `${subLabel} from`,
+  compoundSubRangeToPlaceholder: (subLabel) => `${subLabel} to`
+};
 function deriveInitialState(fields, filters) {
   const byId = new Map(filters.map((f) => [f.columnId, f.value]));
   const next = {};
@@ -3880,8 +3963,10 @@ function FilterFormPanel({
   className,
   id,
   onClose,
-  hiddenSubFilterKeys
+  hiddenSubFilterKeys,
+  labels: labelOverrides
 }) {
+  const labels = { ...DEFAULT_LABELS, ...labelOverrides };
   const hiddenSubSet = React.useMemo(() => new Set(hiddenSubFilterKeys ?? []), [hiddenSubFilterKeys]);
   const renderableFields = React.useMemo(
     () => fields.filter((id2) => {
@@ -3956,8 +4041,8 @@ function FilterFormPanel({
               type: "button",
               variant: "ghost",
               size: "icon",
-              "aria-label": "Close filters",
-              title: "Close filters",
+              "aria-label": labels.closeFiltersAriaLabel,
+              title: labels.closeFiltersTitle,
               onClick: onClose,
               className: "h-7 w-7",
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
@@ -3974,7 +4059,8 @@ function FilterFormPanel({
               value: state[fieldId],
               onChange: (v) => setField(fieldId, v),
               fieldId,
-              hiddenSubSet
+              hiddenSubSet,
+              labels
             },
             fieldId
           );
@@ -3988,16 +4074,16 @@ function FilterFormPanel({
               size: "sm",
               onClick: handleClear,
               disabled: isClearDisabled,
-              children: "Clear"
+              children: labels.clear
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", size: "sm", children: "Apply" })
+          /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", size: "sm", children: labels.apply })
         ] }) })
       ]
     }
   );
 }
-function Field({ config, value, onChange, fieldId, hiddenSubSet }) {
+function Field({ config, value, onChange, fieldId, hiddenSubSet, labels }) {
   if (config.type === "text") {
     const text = Array.isArray(value) ? value[0] ?? "" : "";
     return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex min-w-0 flex-col gap-1.5", children: [
@@ -4026,7 +4112,7 @@ function Field({ config, value, onChange, fieldId, hiddenSubSet }) {
           value: selected || null,
           onChange: (v) => onChange(v ? [v] : void 0),
           options: config.options ?? [],
-          placeholder: "Any",
+          placeholder: labels.anyPlaceholder,
           triggerAriaLabel: config.label,
           triggerClassName: "h-9 min-w-0"
         }
@@ -4047,7 +4133,7 @@ function Field({ config, value, onChange, fieldId, hiddenSubSet }) {
           Input,
           {
             type: "date",
-            "aria-label": `${config.label} — from`,
+            "aria-label": labels.fieldRangeFromAriaLabel(config.label),
             value: range.from ?? "",
             onChange: update("from"),
             className: "h-9 min-w-0 flex-1"
@@ -4057,7 +4143,7 @@ function Field({ config, value, onChange, fieldId, hiddenSubSet }) {
           Input,
           {
             type: "date",
-            "aria-label": `${config.label} — to`,
+            "aria-label": labels.fieldRangeToAriaLabel(config.label),
             value: range.to ?? "",
             onChange: update("to"),
             className: "h-9 min-w-0 flex-1"
@@ -4081,10 +4167,10 @@ function Field({ config, value, onChange, fieldId, hiddenSubSet }) {
           Input,
           {
             type: "number",
-            "aria-label": `${config.label} — from`,
+            "aria-label": labels.fieldRangeFromAriaLabel(config.label),
             value: range.from ?? "",
             onChange: update("from"),
-            placeholder: "From",
+            placeholder: labels.rangeFromPlaceholder,
             className: "h-9 min-w-0 flex-1"
           }
         ),
@@ -4092,10 +4178,10 @@ function Field({ config, value, onChange, fieldId, hiddenSubSet }) {
           Input,
           {
             type: "number",
-            "aria-label": `${config.label} — to`,
+            "aria-label": labels.fieldRangeToAriaLabel(config.label),
             value: range.to ?? "",
             onChange: update("to"),
-            placeholder: "To",
+            placeholder: labels.rangeToPlaceholder,
             className: "h-9 min-w-0 flex-1"
           }
         )
@@ -4175,10 +4261,10 @@ function Field({ config, value, onChange, fieldId, hiddenSubSet }) {
                   Input,
                   {
                     type: "number",
-                    "aria-label": `${sub.label} — from`,
+                    "aria-label": labels.compoundSubRangeFromAriaLabel(sub.label),
                     value: range.from ?? "",
                     onChange: updateRange("from"),
-                    placeholder: `${sub.label} from`,
+                    placeholder: labels.compoundSubRangeFromPlaceholder(sub.label),
                     className: "h-9 min-w-0 flex-1"
                   }
                 ),
@@ -4186,10 +4272,10 @@ function Field({ config, value, onChange, fieldId, hiddenSubSet }) {
                   Input,
                   {
                     type: "number",
-                    "aria-label": `${sub.label} — to`,
+                    "aria-label": labels.compoundSubRangeToAriaLabel(sub.label),
                     value: range.to ?? "",
                     onChange: updateRange("to"),
-                    placeholder: `${sub.label} to`,
+                    placeholder: labels.compoundSubRangeToPlaceholder(sub.label),
                     className: "h-9 min-w-0 flex-1"
                   }
                 )