@pibit.ai/cure-design-system 0.3.37 → 0.3.40

package/dist/patterns/table/index.d.ts

@@ -1,13 +1,13 @@
 export { Table, TableCard, TableCell, TableRowActionsDropdown } from './table';
 export { TableWrapper, type TableWrapperProps } from './TableWrapper';
-export type { TableWrapperPaginationConfig, TableWrapperToolbarConfig, BulkActionContext, TableWrapperEditChrome, TableWrapperSelectedKeys, TableWrapperSelectionChange, ColumnConfig, TableCellCoord, TableCellRangeRect, TableCellSelection, } from './types';
+export type { TableWrapperPaginationConfig, TableWrapperToolbarConfig, BulkActionContext, TableWrapperEditChrome, TableWrapperSelectedKeys, TableWrapperSelectionChange, TableZoomConfig, ColumnConfig, TableCellCoord, TableCellRangeRect, TableCellSelection, } from './types';
 export { buildCellRangeRect, getCellRangeVisualState, getDragScrollDeltas, isSingleCellSelection, selectionFromSingleCell, } from './cellRangeSelection';
-export { TablePagination, type TablePaginationConfig, type TablePaginationProps } from './TablePagination';
+export { TablePagination, type TablePaginationConfig, type TablePaginationProps, } from './TablePagination';
 export { PaginationCardDefault } from './pagination-card';
 export { Pagination } from './pagination-base';
 export { ROW_HEIGHT_ICONS, type RowHeightIconKey } from './row-height-icons';
 export { TOOLBAR_ICONS } from './toolbar-icons';
-export type { TableColumnSchema, TableColumnMenuSchema, TableColumnValueType } from './types';
+export type { TableColumnSchema, TableColumnMenuSchema, TableColumnValueType, } from './types';
 export { TableToolbar, pickCoreToolbarProps, registerToolbarExtensions, getToolbarExtensions, RowHeightDropdown, HideFieldsDropdown, AlignDropdown, GroupByDropdown, ShowSummaryDropdown, SummaryFooterRow, ColumnHeaderMenu, RowActionsMenu, BulkActionBar, applyHideAndReorder, getDefaultAlignmentForType, getEffectiveAlignment, alignmentClass, getAggregationsForType, computeAggregation, groupRows, resolveColumnLabel, resolveSummaryDisplayValueType, ROW_HEIGHT_CLASS, AGGREGATION_LABELS, } from './toolbar';
 export type { SearchToolConfig, SortToolConfig, FilterToolConfig, RowHeightToolConfig, HideFieldsToolConfig, AlignToolConfig, GroupByToolConfig, SummaryToolConfig, UndoRedoToolConfig, ToolbarExtensionComponents, LegacySortToolConfig, LegacyFilterToolConfig, RowHeightOption, SummaryFooterRowProps, ColumnMenuAction, ColumnMenuCapabilities, RowActionsConfig, CellAlignment, AggregationType, AggregationOption, RowGroup, } from './toolbar';
 export { GridNavProvider, useGridKeyboardNavigation, isWithinCellEditor, findGridCell, focusGridCell, getGridNeighbor, getGridTabNeighbor, type FocusGridCellOptions, type GridNavDirection, type GridNeighbor, type GridNavValue, } from './useGridKeyboardNavigation';

package/dist/patterns/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/index.ts"],"names":[],"mappings":"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"}

package/dist/patterns/table/tableZoomLayout.d.ts

@@ -0,0 +1,59 @@
+import { TableZoomConfig } from './types';
+/**
+ * Pure layout maths behind TableWrapper's zoom. Kept out of the component so the invariants
+ * can be asserted directly — the width model here has been subtly wrong more than once, and
+ * the failures are all silent (columns that look plausible but stop short of the container,
+ * or a zoom that cancels itself out and only changes the font size).
+ */
+export declare const DEFAULT_TABLE_ZOOM = 100;
+export declare const DEFAULT_TABLE_ZOOM_MIN = 60;
+export declare const DEFAULT_TABLE_ZOOM_MAX = 120;
+export declare const DEFAULT_TABLE_ZOOM_STEP = 10;
+export declare const DEFAULT_COLUMN_MAX_WIDTH = "300px";
+export declare const DEFAULT_ZOOMABLE_COLUMN_MIN_WIDTH = "160px";
+/**
+ * Sub-pixel slack for the overflow test. The painted width and the container are exactly
+ * equal at the point where the grid stops overflowing, and rounding there must not show a
+ * scrollbar for a fraction of a pixel.
+ */
+export declare const SCROLL_EPSILON_PX = 0.5;
+export declare const clamp: (value: number, min: number, max: number) => number;
+export declare const parsePxValue: (value: string | undefined) => number;
+/**
+ * CSS `zoom` is the mechanism the whole feature rests on (Chrome 128+, Safari, Firefox 126+).
+ * Where it is unsupported the grid must fall back to its unzoomed layout rather than render
+ * a control that silently does nothing. Treated as supported when `CSS` is unavailable at all
+ * (SSR), so the server renders the same markup a current browser will.
+ */
+export declare const supportsCssZoom: () => boolean;
+export declare const normalizeZoomConfig: (config: TableZoomConfig) => {
+    minZoom: number;
+    maxZoom: number;
+    step: number;
+    defaultZoom: number;
+};
+/**
+ * The grid's layout width with zoom held at 100%: fill the container, but never shrink below
+ * what the columns' minimums need.
+ *
+ * Deliberately independent of the zoom level. A base that tracked the zoom (`containerWidth /
+ * zoomScale`) is cancelled out by the `zoom` applied afterwards, leaving every column the same
+ * painted width at every level and reducing the control to a font-size slider.
+ */
+export declare const computeFillBaseWidth: (containerWidth: number | null, minTableWidth: number) => number;
+/** The grid overflows when its painted width exceeds the container it scrolls inside. */
+export declare const computeNeedsHorizontalScroll: (fillBaseWidth: number | null, containerWidth: number | null, zoomScale: number) => boolean;
+/**
+ * Width handed to the table, in its own pre-zoom space.
+ *
+ * The container width is a hard minimum on the *painted* result: the grid must never paint
+ * narrower than the element it sits in, so it is never left floating with dead space to its
+ * right. While the zoomed base is wider than the container that base wins and zooming
+ * genuinely resizes the columns; once it would fall short, the width becomes whatever fills
+ * the container at the current zoom. `containerWidth / zoomScale` is that width expressed in
+ * the table's own pre-zoom space.
+ */
+export declare const computeEffectiveTableWidth: (fillBaseWidth: number | null, containerWidth: number | null, zoomScale: number) => number | null;
+/** Pre-zoom width each flexible column receives once fixed-width columns are accounted for. */
+export declare const computeFlexColumnWidth: (effectiveTableWidth: number | null, fixedColumnWidthTotal: number, flexibleColumnCount: number) => number | null;
+//# sourceMappingURL=tableZoomLayout.d.ts.map

package/dist/patterns/table/tableZoomLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableZoomLayout.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/tableZoomLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;;;GAKG;AAEH,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,wBAAwB,UAAU,CAAC;AAChD,eAAO,MAAM,iCAAiC,UAAU,CAAC;AAEzD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,WACxB,CAAC;AAEtC,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,GAAG,SAAS,KAAG,MAIxD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,QAAO,OAGJ,CAAC;AAEhC,eAAO,MAAM,mBAAmB,GAAI,QAAQ,eAAe;;;;;CAc1D,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAC/B,gBAAgB,MAAM,GAAG,IAAI,EAC7B,eAAe,MAAM,KACpB,MAAoF,CAAC;AAExF,yFAAyF;AACzF,eAAO,MAAM,4BAA4B,GACvC,eAAe,MAAM,GAAG,IAAI,EAC5B,gBAAgB,MAAM,GAAG,IAAI,EAC7B,WAAW,MAAM,KAChB,OAKA,CAAC;AAEJ;;;;;;;;;GASG;AACH,eAAO,MAAM,0BAA0B,GACrC,eAAe,MAAM,GAAG,IAAI,EAC5B,gBAAgB,MAAM,GAAG,IAAI,EAC7B,WAAW,MAAM,KAChB,MAAM,GAAG,IAKX,CAAC;AAEF,+FAA+F;AAC/F,eAAO,MAAM,sBAAsB,GACjC,qBAAqB,MAAM,GAAG,IAAI,EAClC,uBAAuB,MAAM,EAC7B,qBAAqB,MAAM,KAC1B,MAAM,GAAG,IAOX,CAAC"}

package/dist/patterns/table/tableZoomLayout.js

@@ -0,0 +1,37 @@
+const s = 100, L = 60, M = 120, E = 10, O = "300px", r = "160px", u = 0.5, m = (o, t, _) => Math.min(Math.max(o, t), _), c = (o) => {
+  if (!o) return 0;
+  const t = o.match(/^(\d+(?:\.\d+)?)px$/);
+  return t ? Number(t[1]) : 0;
+}, A = () => typeof CSS > "u" || typeof CSS.supports != "function" ? !0 : CSS.supports("zoom", "1"), T = (o) => {
+  const t = Math.max(1, o.minZoom ?? 60), _ = Math.max(t, o.maxZoom ?? 120), n = Math.max(1, o.step ?? 10);
+  return {
+    minZoom: t,
+    maxZoom: _,
+    step: n,
+    defaultZoom: m(
+      o.defaultZoom ?? 100,
+      t,
+      _
+    )
+  };
+}, a = (o, t) => o ? Math.max(o, t) : t, e = (o, t, _) => !!(o && t && o * _ > t + 0.5), p = (o, t, _) => o == null ? null : t ? Math.max(o, t / _) : o, Z = (o, t, _) => !o || _ === 0 ? null : Math.max(
+  0,
+  (o - t) / _
+);
+export {
+  O as DEFAULT_COLUMN_MAX_WIDTH,
+  s as DEFAULT_TABLE_ZOOM,
+  M as DEFAULT_TABLE_ZOOM_MAX,
+  L as DEFAULT_TABLE_ZOOM_MIN,
+  E as DEFAULT_TABLE_ZOOM_STEP,
+  r as DEFAULT_ZOOMABLE_COLUMN_MIN_WIDTH,
+  u as SCROLL_EPSILON_PX,
+  m as clamp,
+  p as computeEffectiveTableWidth,
+  a as computeFillBaseWidth,
+  Z as computeFlexColumnWidth,
+  e as computeNeedsHorizontalScroll,
+  T as normalizeZoomConfig,
+  c as parsePxValue,
+  A as supportsCssZoom
+};

package/dist/patterns/table/tableZoomLayout.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tableZoomLayout.test.d.ts.map

package/dist/patterns/table/tableZoomLayout.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableZoomLayout.test.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/tableZoomLayout.test.ts"],"names":[],"mappings":""}

package/dist/patterns/table/toolbar/TableToolbar.d.ts

@@ -39,6 +39,8 @@ export interface TableToolbarProps {
     align?: AlignToolConfig;
     groupBy?: GroupByToolConfig;
     summary?: SummaryToolConfig;
+    /** Rendered immediately to the LEFT of the search input. `trailing` sits to its right. */
+    beforeSearch?: ReactNode;
     trailing?: ReactNode;
     searchCollapsible?: boolean;
     disableExtendedTools?: boolean;

package/dist/patterns/table/toolbar/TableToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableToolbar.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/TableToolbar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableToolbar.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/TableToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/patterns/table/toolbar/TableToolbar.js

@@ -1,32 +1,32 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { useMemo as D, isValidElement as L, cloneElement as M, useRef as A, useState as I, useEffect as K, useLayoutEffect as O } from "react";
-import { FlipBackward as W, FlipForward as j, ChevronSelectorVertical as F, DotsHorizontal as P } from "@untitledui/icons";
-import { cx as N } from "../../../utils/cn.js";
-import { AlignDropdown as H } from "./AlignDropdown.js";
-import { GroupByDropdown as T } from "./GroupByDropdown.js";
-import { HideFieldsDropdown as G } from "./HideFieldsDropdown.js";
-import { RowHeightDropdown as _ } from "./RowHeightDropdown.js";
-import { ShowSummaryDropdown as B } from "./ShowSummaryDropdown.js";
-import { resolveColumnLabel as V } from "./tableToolbarHelpers.js";
-import { useUndoRedoShortcuts as $ } from "./useUndoRedoShortcuts.js";
-import { ExpandableSearchInput as q } from "../../../primitives/select/ExpandableSearchInput.js";
-import { Button as y } from "../../../primitives/button/button.js";
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import { useMemo as S, isValidElement as M, cloneElement as k, useRef as I, useState as O, useEffect as W, useLayoutEffect as U } from "react";
+import { FlipBackward as j, FlipForward as F, ChevronSelectorVertical as P, DotsHorizontal as H } from "@untitledui/icons";
+import { cx as A } from "../../../utils/cn.js";
+import { AlignDropdown as T } from "./AlignDropdown.js";
+import { GroupByDropdown as G } from "./GroupByDropdown.js";
+import { HideFieldsDropdown as _ } from "./HideFieldsDropdown.js";
+import { RowHeightDropdown as B } from "./RowHeightDropdown.js";
+import { ShowSummaryDropdown as V } from "./ShowSummaryDropdown.js";
+import { resolveColumnLabel as $ } from "./tableToolbarHelpers.js";
+import { useUndoRedoShortcuts as q } from "./useUndoRedoShortcuts.js";
+import { ExpandableSearchInput as E } from "../../../primitives/select/ExpandableSearchInput.js";
+import { Button as D } from "../../../primitives/button/button.js";
 import { Dropdown as x } from "../../../primitives/dropdown/dropdown.js";
-import { Icon as E } from "../../../primitives/icon/icon.js";
-function J(e, i) {
-  return L(e) ? M(e, {
+import { Icon as J } from "../../../primitives/icon/icon.js";
+function Q(e, i) {
+  return M(e) ? k(e, {
     onApply: i.onApply,
     onClear: i.onClear,
     clearAllSorts: i.onClear
   }) : e;
 }
-function Q(e, i) {
-  return L(e) ? M(e, {
+function X(e, i) {
+  return M(e) ? k(e, {
     onApply: i.onApply,
     onClearAll: i.onClearAll
   }) : e;
 }
-const X = ({ config: e }) => ($({
+const Y = ({ config: e }) => (q({
   enabled: e.shortcut ?? !0,
   canUndo: e.canUndo,
   canRedo: e.canRedo,
@@ -34,31 +34,31 @@ const X = ({ config: e }) => ($({
   onRedo: e.onRedo,
   isDisabled: e.isDisabled
 }), /* @__PURE__ */ p("div", { className: "flex items-center gap-2", children: [
-  /* @__PURE__ */ o(
-    y,
+  /* @__PURE__ */ n(
+    D,
     {
       size: "xs",
       color: "secondary",
-      iconLeading: /* @__PURE__ */ o(W, { size: 16 }),
+      iconLeading: /* @__PURE__ */ n(j, { size: 16 }),
       "aria-label": "Undo",
       title: "Undo",
       isDisabled: e.isDisabled || !e.canUndo,
       onClick: e.onUndo
     }
   ),
-  /* @__PURE__ */ o(
-    y,
+  /* @__PURE__ */ n(
+    D,
     {
       size: "xs",
       color: "secondary",
-      iconLeading: /* @__PURE__ */ o(j, { size: 16 }),
+      iconLeading: /* @__PURE__ */ n(F, { size: 16 }),
       "aria-label": "Redo",
       title: "Redo",
       isDisabled: e.isDisabled || !e.canRedo,
       onClick: e.onRedo
     }
   )
-] })), Y = ({ config: e, content: i }) => {
+] })), Z = ({ config: e, content: i }) => {
   const l = e.sorts.some((r) => r.field !== "" && r.direction !== "");
   return /* @__PURE__ */ p(
     x.Root,
@@ -69,45 +69,45 @@ const X = ({ config: e }) => ($({
       },
       children: [
         /* @__PURE__ */ p(
-          y,
+          D,
           {
             size: "xs",
             color: "secondary",
-            iconLeading: /* @__PURE__ */ o(F, { size: 12 }),
-            className: N(
+            iconLeading: /* @__PURE__ */ n(P, { size: 12 }),
+            className: A(
               l && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600"
             ),
             children: [
               "Sort",
-              l && /* @__PURE__ */ o("span", { className: "ml-1 text-xs font-semibold text-brand-600", children: e.sorts.length })
+              l && /* @__PURE__ */ n("span", { className: "ml-1 text-xs font-semibold text-brand-600", children: e.sorts.length })
             ]
           }
         ),
-        /* @__PURE__ */ o(x.Popover, { className: "w-auto min-w-[300px]", children: i })
+        /* @__PURE__ */ n(x.Popover, { className: "w-auto min-w-[300px]", children: i })
       ]
     }
   );
-}, Z = ({ config: e, content: i }) => {
+}, ee = ({ config: e, content: i }) => {
   const l = e.meaningfulConditionsCount > 0;
   return /* @__PURE__ */ p(x.Root, { isOpen: e.isOpen, onOpenChange: e.onOpenChange, children: [
     /* @__PURE__ */ p(
-      y,
+      D,
       {
         size: "xs",
         color: "secondary",
-        iconLeading: /* @__PURE__ */ o(E, { name: "FilterLines", size: 12 }),
-        className: N(
+        iconLeading: /* @__PURE__ */ n(J, { name: "FilterLines", size: 12 }),
+        className: A(
           l && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600"
         ),
         children: [
           "Filter",
-          l && /* @__PURE__ */ o("span", { className: "ml-1 text-xs font-semibold text-brand-600", children: e.meaningfulConditionsCount })
+          l && /* @__PURE__ */ n("span", { className: "ml-1 text-xs font-semibold text-brand-600", children: e.meaningfulConditionsCount })
         ]
       }
     ),
-    /* @__PURE__ */ o(x.Popover, { className: "w-auto min-w-[300px]", children: i })
+    /* @__PURE__ */ n(x.Popover, { className: "w-auto min-w-[300px]", children: i })
   ] });
-}, be = ({
+}, we = ({
   className: e,
   fallbackTitle: i,
   undoRedo: l,
@@ -119,122 +119,124 @@ const X = ({ config: e }) => ($({
   align: h,
   groupBy: m,
   summary: g,
-  trailing: z,
-  searchCollapsible: R,
-  disableExtendedTools: n = !1,
-  sortContent: s,
-  filterContent: a
+  beforeSearch: z,
+  trailing: y,
+  searchCollapsible: o,
+  disableExtendedTools: s = !1,
+  sortContent: a,
+  filterContent: d
 }) => {
-  const d = D(
-    () => r && s ? J(s, r) : s,
-    [r, s]
-  ), b = D(
-    () => t && a ? Q(a, t) : a,
-    [t, a]
-  ), S = D(() => {
+  const b = S(
+    () => r && a ? Q(a, r) : a,
+    [r, a]
+  ), w = S(
+    () => t && d ? X(d, t) : d,
+    [t, d]
+  ), N = S(() => {
     const c = [];
-    if (l && c.push({ id: "undo-redo", node: /* @__PURE__ */ o(X, { config: l }) }), r && d) {
-      const w = r.sorts.some((f) => f.field !== "" && f.direction !== "");
+    if (l && c.push({ id: "undo-redo", node: /* @__PURE__ */ n(Y, { config: l }) }), r && b) {
+      const f = r.sorts.some((R) => R.field !== "" && R.direction !== "");
       c.push({
         id: "sort",
-        widthKey: w ? String(r.sorts.length) : "",
-        node: /* @__PURE__ */ o(Y, { config: r, content: d })
+        widthKey: f ? String(r.sorts.length) : "",
+        node: /* @__PURE__ */ n(Z, { config: r, content: b })
       });
     }
-    if (t && b && c.push({
+    if (t && w && c.push({
       id: "filter",
       widthKey: t.meaningfulConditionsCount > 0 ? String(t.meaningfulConditionsCount) : "",
-      node: /* @__PURE__ */ o(Z, { config: t, content: b })
+      node: /* @__PURE__ */ n(ee, { config: t, content: w })
     }), C && c.push({
       id: "row-height",
-      node: /* @__PURE__ */ o(_, { ...C, isDisabled: n })
+      node: /* @__PURE__ */ n(B, { ...C, isDisabled: s })
     }), v && c.push({
       id: "hide-fields",
       widthKey: v.hiddenColumns.size > 0 ? String(v.hiddenColumns.size) : "",
-      node: /* @__PURE__ */ o(G, { ...v, isDisabled: n })
-    }), h && c.push({ id: "align", node: /* @__PURE__ */ o(H, { ...h, isDisabled: n }) }), m) {
-      const w = m.value ? m.schema.find((k) => k.value === m.value) : void 0, f = w ? V(w, m.labelMeta) : "";
+      node: /* @__PURE__ */ n(_, { ...v, isDisabled: s })
+    }), h && c.push({ id: "align", node: /* @__PURE__ */ n(T, { ...h, isDisabled: s }) }), m) {
+      const f = m.value ? m.schema.find((K) => K.value === m.value) : void 0, R = f ? $(f, m.labelMeta) : "";
       c.push({
         id: "group-by",
-        widthKey: f,
-        node: /* @__PURE__ */ o(T, { ...m, isDisabled: n })
+        widthKey: R,
+        node: /* @__PURE__ */ n(G, { ...m, isDisabled: s })
       });
     }
     return g && c.push({
       id: "summary",
-      node: /* @__PURE__ */ o(B, { ...g, isDisabled: n })
+      node: /* @__PURE__ */ n(V, { ...g, isDisabled: s })
     }), c;
   }, [
     l,
     r,
-    d,
-    t,
     b,
+    t,
+    w,
     C,
     v,
     h,
     m,
     g,
-    n
+    s
   ]);
-  return /* @__PURE__ */ p("div", { className: N("flex justify-between items-center gap-2", e), children: [
-    S.length > 0 ? /* @__PURE__ */ o(ne, { items: S }) : i ? /* @__PURE__ */ o("h4", { className: "text-sm font-normal text-secondary", children: i }) : /* @__PURE__ */ o("div", {}),
+  return /* @__PURE__ */ p("div", { className: A("flex justify-between items-center gap-2", e), children: [
+    N.length > 0 ? /* @__PURE__ */ n(oe, { items: N }) : i ? /* @__PURE__ */ n("h4", { className: "text-sm font-normal text-secondary", children: i }) : /* @__PURE__ */ n("div", {}),
     /* @__PURE__ */ p("div", { className: "flex items-center gap-2 shrink-0", children: [
-      u && /* @__PURE__ */ o(
-        q,
+      z,
+      u && /* @__PURE__ */ n(
+        E,
         {
           size: "sm",
           placeholder: "Search",
           value: u.value,
           onChange: u.onChange,
-          collapsible: R,
-          isDisabled: n,
+          collapsible: o,
+          isDisabled: s,
           shortcut: u.shortcut
         }
       ),
-      z
+      y
     ] })
   ] });
-}, ee = 40, U = 8, ne = ({ items: e }) => {
-  const i = A(null), l = A(/* @__PURE__ */ new Map()), [r, t] = I(() => /* @__PURE__ */ new Map()), [u, C] = I(null), v = D(() => e.map((n) => `${n.id}:${n.widthKey ?? ""}`).join("|"), [e]);
-  K(() => {
+}, ne = 40, L = 8, oe = ({ items: e }) => {
+  const i = I(null), l = I(/* @__PURE__ */ new Map()), [r, t] = O(() => /* @__PURE__ */ new Map()), [u, C] = O(null), v = S(() => e.map((o) => `${o.id}:${o.widthKey ?? ""}`).join("|"), [e]);
+  W(() => {
     t(/* @__PURE__ */ new Map());
-  }, [v]), O(() => {
+  }, [v]), U(() => {
     if (r.size === e.length) return;
-    const n = /* @__PURE__ */ new Map();
+    const o = /* @__PURE__ */ new Map();
     for (const s of e) {
       const a = l.current.get(s.id);
-      a && n.set(s.id, a.getBoundingClientRect().width);
+      a && o.set(s.id, a.getBoundingClientRect().width);
     }
-    n.size === e.length && t(n);
-  }, [e, r]), O(() => {
-    const n = i.current;
-    if (!n) return;
+    o.size === e.length && t(o);
+  }, [e, r]), U(() => {
+    const o = i.current;
+    if (!o) return;
     const s = () => {
       i.current && C(i.current.clientWidth);
     };
     s();
     const a = new ResizeObserver(s);
-    return a.observe(n), () => a.disconnect();
+    return a.observe(o), () => a.disconnect();
   }, []);
-  const h = r.size === e.length, { visibleIds: m, overflowIds: g } = D(() => {
+  const h = r.size === e.length, { visibleIds: m, overflowIds: g } = S(() => {
     if (!h || u == null)
       return {
         visibleIds: new Set(e.map((d) => d.id)),
         overflowIds: /* @__PURE__ */ new Set()
       };
-    let n = 0;
+    let o = 0;
     const s = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set();
     for (let d = 0; d < e.length; d++) {
-      const b = e[d].id, S = r.get(b) ?? 0, w = e.length - d - 1 > 0 ? ee + U : 0;
-      if (n + S + w > u) {
+      const b = e[d].id, w = r.get(b) ?? 0, c = e.length - d - 1 > 0 ? ne + L : 0;
+      if (o + w + c > u) {
         for (let f = d; f < e.length; f++) a.add(e[f].id);
         break;
       }
-      n += S + U, s.add(b);
+      o += w + L, s.add(b);
     }
     return { visibleIds: s, overflowIds: a };
-  }, [e, r, u, h]), z = e.filter((n) => m.has(n.id)), R = e.filter((n) => g.has(n.id));
+  }, [e, r, u, h]), z = e.filter((o) => m.has(o.id)), y = e.filter((o) => g.has(o.id));
   return /* @__PURE__ */ p(
     "div",
     {
@@ -242,36 +244,36 @@ const X = ({ config: e }) => ($({
       className: "flex items-center gap-2 min-w-0 flex-1 overflow-hidden",
       style: h ? void 0 : { visibility: "hidden" },
       children: [
-        (h ? z : e).map((n) => /* @__PURE__ */ o(
+        (h ? z : e).map((o) => /* @__PURE__ */ n(
           "div",
           {
             ref: (s) => {
-              l.current.set(n.id, s);
+              l.current.set(o.id, s);
             },
             className: "shrink-0",
-            children: n.node
+            children: o.node
           },
-          n.id
+          o.id
         )),
-        h && R.length > 0 && /* @__PURE__ */ p(x.Root, { children: [
-          /* @__PURE__ */ o(
-            y,
+        h && y.length > 0 && /* @__PURE__ */ p(x.Root, { children: [
+          /* @__PURE__ */ n(
+            D,
             {
               size: "xs",
               color: "secondary",
-              iconLeading: /* @__PURE__ */ o(P, { size: 16 }),
+              iconLeading: /* @__PURE__ */ n(H, { size: 16 }),
               "aria-label": "More tools",
               title: "More tools",
               className: "shrink-0"
             }
           ),
-          /* @__PURE__ */ o(x.Popover, { className: "w-auto", children: /* @__PURE__ */ o("div", { className: "flex flex-col items-stretch gap-2 p-2 min-w-[180px]", children: R.map((n) => /* @__PURE__ */ o("div", { className: "[&>*]:w-full", children: n.node }, n.id)) }) })
+          /* @__PURE__ */ n(x.Popover, { className: "w-auto", children: /* @__PURE__ */ n("div", { className: "flex flex-col items-stretch gap-2 p-2 min-w-[180px]", children: y.map((o) => /* @__PURE__ */ n("div", { className: "[&>*]:w-full", children: o.node }, o.id)) }) })
         ] })
       ]
     }
   );
 };
-function we(e) {
+function xe(e) {
   return {
     sort: e.sort,
     filter: e.filter,
@@ -279,6 +281,6 @@ function we(e) {
   };
 }
 export {
-  be as TableToolbar,
-  we as pickCoreToolbarProps
+  we as TableToolbar,
+  xe as pickCoreToolbarProps
 };

package/dist/patterns/table/types.d.ts

@@ -4,7 +4,7 @@ import { UndoRedoToolConfig } from './toolbar/TableToolbar';
 import { LegacyFilterToolConfig, LegacySortToolConfig } from './toolbar/legacyToolbarTypes';
 import { AlignToolConfig, GroupByToolConfig, HideFieldsToolConfig, RowHeightToolConfig, SearchToolConfig, SummaryToolConfig, CellAlignment, ColumnMenuAction, ColumnMenuCapabilities, RowActionsConfig, RowGroup, SummaryFooterRowProps } from './toolbar';
 import { TableCellRangeRect, TableCellSelection } from './cellRangeSelection';
-export type { TableCellCoord, TableCellRangeRect, TableCellSelection } from './cellRangeSelection';
+export type { TableCellCoord, TableCellRangeRect, TableCellSelection, } from './cellRangeSelection';
 /** Value type used for alignment defaults and aggregation eligibility. */
 export type TableColumnValueType = "string" | "number" | "currency" | "date" | "percentage" | "decimal_percentage" | "array" | "link";
 /**
@@ -34,6 +34,41 @@ export interface TableColumnMenuSchema {
 }
 /** Alias for `TablePaginationConfig` — matches platform-ui `TableWrapperPaginationConfig`. */
 export type TableWrapperPaginationConfig = TablePaginationConfig;
+/**
+ * Opt-in Excel-style zoom for horizontally wide tables. Values are percentages, and the
+ * zoom scales the whole grid — text, padding, row heights and column widths together —
+ * so lowering it fits more columns in the available width at a smaller size.
+ *
+ * Zooming out never paints the grid narrower than its container: the columns shrink while
+ * the grid still overflows, then hold once it exactly fills, so the table is never left
+ * with dead space to its right.
+ *
+ * Requires CSS `zoom` (Chrome 128+, Safari, Firefox 126+). On an engine without it the
+ * table falls back to its unzoomed layout and the control is not rendered, so there is no
+ * dead slider — but there is also no zoom.
+ *
+ * The object may be a fresh literal on every render; `TableWrapper` keys its internal
+ * config off the four values below, not the object identity, so an inline literal will not
+ * reset a zoom level the user has set.
+ */
+export type TableZoomConfig = {
+    /** Initial zoom percentage. Defaults to 100. */
+    defaultZoom?: number;
+    /**
+     * Lowest allowed zoom percentage. Defaults to 60, and is the real limit — zooming out
+     * past the point where the grid fits is allowed, so on a table that already fills its
+     * container the columns keep shrinking and the right edge pulls in from the container.
+     */
+    minZoom?: number;
+    /** Highest allowed zoom percentage. Defaults to 120. */
+    maxZoom?: number;
+    /**
+     * Increment the slider snaps to, in percentage points. Defaults to 10. Steps are measured
+     * from `minZoom`, so a step that divides the range keeps the readout on round numbers.
+     * Set to 1 for continuous dragging.
+     */
+    step?: number;
+};
 export type TableWrapperToolbarConfig = {
     sort?: LegacySortToolConfig;
     filter?: LegacyFilterToolConfig;
@@ -137,6 +172,8 @@ export type TableWrapperProps = {
     labelMeta?: unknown;
     toolbarSlot?: ReactNode;
     fillWidth?: boolean;
+    /** Enables compact column zoom controls and calculated column widths. */
+    zoom?: TableZoomConfig;
     rowActions?: RowActionsConfig;
     onCellActivate?: (info: {
         rowId: string;