@osdk/react-components 0.2.0-beta.16 → 0.2.0-beta.17

package/build/cjs/public/experimental.cjs

@@ -2,7 +2,7 @@
 
 var button = require('@base-ui/react/button');
 var classnames14 = require('classnames');
-var React53 = require('react');
+var React54 = require('react');
 var core = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
 var utilities = require('@dnd-kit/utilities');
@@ -16,6 +16,7 @@ var combobox = require('@base-ui/react/combobox');
 var select = require('@base-ui/react/select');
 var reactTable = require('@tanstack/react-table');
 var react = require('@osdk/react');
+var tooltip = require('@base-ui/react/tooltip');
 var collapsible = require('@base-ui/react/collapsible');
 var dialog = require('@base-ui/react/dialog');
 var menu = require('@base-ui/react/menu');
@@ -25,7 +26,7 @@ var reactDom = require('react-dom');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var classnames14__default = /*#__PURE__*/_interopDefault(classnames14);
-var React53__default = /*#__PURE__*/_interopDefault(React53);
+var React54__default = /*#__PURE__*/_interopDefault(React54);
 
 // src/filter-list/base/BaseFilterList.tsx
 
@@ -39,7 +40,7 @@ var FilterListContent_default = {};
 var ErrorBoundary_default = {};
 
 // src/shared/ErrorBoundary.tsx
-var ErrorBoundary = class extends React53.Component {
+var ErrorBoundary = class extends React54.Component {
   state = {
     hasError: false,
     error: null
@@ -66,11 +67,11 @@ var ErrorBoundary = class extends React53.Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ React53__default.default.createElement("div", {
+      return /* @__PURE__ */ React54__default.default.createElement("div", {
         className: ErrorBoundary_default.errorContainer
-      }, /* @__PURE__ */ React53__default.default.createElement("p", {
+      }, /* @__PURE__ */ React54__default.default.createElement("p", {
         className: ErrorBoundary_default.errorMessage
-      }, this.props.errorMessage ?? "Something went wrong"), /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+      }, this.props.errorMessage ?? "Something went wrong"), /* @__PURE__ */ React54__default.default.createElement(button.Button, {
         className: ErrorBoundary_default.retryButton,
         onClick: this.handleRetry,
         "aria-label": "Retry"
@@ -134,40 +135,40 @@ function filterHasActiveState(state) {
   }
 }
 function DragHandleIcon() {
-  return /* @__PURE__ */ React53__default.default.createElement("svg", {
+  return /* @__PURE__ */ React54__default.default.createElement("svg", {
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
     fill: "currentColor",
     "aria-hidden": "true"
-  }, /* @__PURE__ */ React53__default.default.createElement("circle", {
+  }, /* @__PURE__ */ React54__default.default.createElement("circle", {
     cx: "5.5",
     cy: "3.5",
     r: "1.5"
-  }), /* @__PURE__ */ React53__default.default.createElement("circle", {
+  }), /* @__PURE__ */ React54__default.default.createElement("circle", {
     cx: "10.5",
     cy: "3.5",
     r: "1.5"
-  }), /* @__PURE__ */ React53__default.default.createElement("circle", {
+  }), /* @__PURE__ */ React54__default.default.createElement("circle", {
     cx: "5.5",
     cy: "8",
     r: "1.5"
-  }), /* @__PURE__ */ React53__default.default.createElement("circle", {
+  }), /* @__PURE__ */ React54__default.default.createElement("circle", {
     cx: "10.5",
     cy: "8",
     r: "1.5"
-  }), /* @__PURE__ */ React53__default.default.createElement("circle", {
+  }), /* @__PURE__ */ React54__default.default.createElement("circle", {
     cx: "5.5",
     cy: "12.5",
     r: "1.5"
-  }), /* @__PURE__ */ React53__default.default.createElement("circle", {
+  }), /* @__PURE__ */ React54__default.default.createElement("circle", {
     cx: "10.5",
     cy: "12.5",
     r: "1.5"
   }));
 }
 function IncludeIcon() {
-  return /* @__PURE__ */ React53__default.default.createElement("svg", {
+  return /* @__PURE__ */ React54__default.default.createElement("svg", {
     width: "14",
     height: "14",
     viewBox: "0 0 16 16",
@@ -175,13 +176,13 @@ function IncludeIcon() {
     stroke: "currentColor",
     strokeWidth: "1.5",
     "aria-hidden": "true"
-  }, /* @__PURE__ */ React53__default.default.createElement("path", {
+  }, /* @__PURE__ */ React54__default.default.createElement("path", {
     d: "M2 3h12M5 8h6M7 13h2",
     strokeLinecap: "round"
   }));
 }
 function ExcludeIcon() {
-  return /* @__PURE__ */ React53__default.default.createElement("svg", {
+  return /* @__PURE__ */ React54__default.default.createElement("svg", {
     width: "14",
     height: "14",
     viewBox: "0 0 16 16",
@@ -189,16 +190,16 @@ function ExcludeIcon() {
     stroke: "currentColor",
     strokeWidth: "1.5",
     "aria-hidden": "true"
-  }, /* @__PURE__ */ React53__default.default.createElement("path", {
+  }, /* @__PURE__ */ React54__default.default.createElement("path", {
     d: "M2 3h12M5 8h6M7 13h2",
     strokeLinecap: "round"
-  }), /* @__PURE__ */ React53__default.default.createElement("path", {
+  }), /* @__PURE__ */ React54__default.default.createElement("path", {
     d: "M3 14L13 2",
     strokeLinecap: "round"
   }));
 }
 function RemoveIcon() {
-  return /* @__PURE__ */ React53__default.default.createElement("svg", {
+  return /* @__PURE__ */ React54__default.default.createElement("svg", {
     width: "14",
     height: "14",
     viewBox: "0 0 16 16",
@@ -206,7 +207,7 @@ function RemoveIcon() {
     stroke: "currentColor",
     strokeWidth: "1.5",
     "aria-hidden": "true"
-  }, /* @__PURE__ */ React53__default.default.createElement("path", {
+  }, /* @__PURE__ */ React54__default.default.createElement("path", {
     d: "M4 4l8 8M12 4l-8 8",
     strokeLinecap: "round"
   }));
@@ -238,10 +239,10 @@ function FilterListItemInner({
   className,
   style
 }) {
-  const handleFilterStateChanged = React53.useCallback((newState) => {
+  const handleFilterStateChanged = React54.useCallback((newState) => {
     onFilterStateChanged(filterKey, newState);
   }, [filterKey, onFilterStateChanged]);
-  const handleToggleExclude = React53.useCallback(() => {
+  const handleToggleExclude = React54.useCallback(() => {
     if (filterState) {
       onFilterStateChanged(filterKey, {
         ...filterState,
@@ -249,34 +250,34 @@ function FilterListItemInner({
       });
     }
   }, [filterKey, filterState, onFilterStateChanged]);
-  const handleRemove = React53.useCallback(() => {
+  const handleRemove = React54.useCallback(() => {
     onFilterRemoved?.(filterKey);
   }, [filterKey, onFilterRemoved]);
   const isExcluding = filterState?.isExcluding ?? false;
   const showExcludeToggle = supportsExcluding(filterState);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(FilterListItem_default.filterItem, className),
     style,
     "data-excluding": isExcluding || void 0
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: FilterListItem_default.itemHeader
-  }, dragHandleAttributes && /* @__PURE__ */ React53__default.default.createElement(button.Button, _extends({
+  }, dragHandleAttributes && /* @__PURE__ */ React54__default.default.createElement(button.Button, _extends({
     className: FilterListItem_default.dragHandle,
     "aria-label": `Reorder ${label}`
-  }, dragHandleAttributes, dragHandleListeners), /* @__PURE__ */ React53__default.default.createElement(DragHandleIcon, null)), /* @__PURE__ */ React53__default.default.createElement("span", {
+  }, dragHandleAttributes, dragHandleListeners), /* @__PURE__ */ React54__default.default.createElement(DragHandleIcon, null)), /* @__PURE__ */ React54__default.default.createElement("span", {
     className: FilterListItem_default.itemLabel
-  }, label), showExcludeToggle && /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }, label), showExcludeToggle && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     className: FilterListItem_default.excludeToggle,
     onClick: handleToggleExclude,
     "aria-pressed": isExcluding,
     "aria-label": isExcluding ? "Switch to include mode" : "Switch to exclude mode"
-  }, isExcluding ? /* @__PURE__ */ React53__default.default.createElement(ExcludeIcon, null) : /* @__PURE__ */ React53__default.default.createElement(IncludeIcon, null)), onFilterRemoved && /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }, isExcluding ? /* @__PURE__ */ React54__default.default.createElement(ExcludeIcon, null) : /* @__PURE__ */ React54__default.default.createElement(IncludeIcon, null)), onFilterRemoved && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     className: FilterListItem_default.removeButton,
     onClick: handleRemove,
     "aria-label": `Remove ${label} filter`
-  }, /* @__PURE__ */ React53__default.default.createElement(RemoveIcon, null))), /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement(RemoveIcon, null))), /* @__PURE__ */ React54__default.default.createElement("div", {
     className: FilterListItem_default.itemContent
-  }, /* @__PURE__ */ React53__default.default.createElement(ErrorBoundary, {
+  }, /* @__PURE__ */ React54__default.default.createElement(ErrorBoundary, {
     errorMessage: "Error loading filter"
   }, renderInput({
     definition,
@@ -285,7 +286,7 @@ function FilterListItemInner({
     onFilterStateChanged: handleFilterStateChanged
   }))));
 }
-var FilterListItem = /* @__PURE__ */ React53.memo(FilterListItemInner);
+var FilterListItem = /* @__PURE__ */ React54.memo(FilterListItemInner);
 function SortableFilterListItem({
   id,
   definition,
@@ -306,15 +307,15 @@ function SortableFilterListItem({
   } = sortable.useSortable({
     id
   });
-  const style = React53.useMemo(() => ({
+  const style = React54.useMemo(() => ({
     transform: utilities.CSS.Transform.toString(transform),
     transition: transition ?? void 0
   }), [transform, transition]);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     ref: setNodeRef,
     style,
     className: classnames14__default.default(isDragging && FilterListItem_default.dragging)
-  }, /* @__PURE__ */ React53__default.default.createElement(FilterListItem, {
+  }, /* @__PURE__ */ React54__default.default.createElement(FilterListItem, {
     definition,
     filterKey,
     label,
@@ -350,15 +351,15 @@ function FilterListContent({
   className,
   style
 }) {
-  const [internalOrder, setInternalOrder] = React53.useState(() => filterDefinitions ?? []);
-  const [activeId, setActiveId] = React53.useState(null);
-  React53.useEffect(() => {
+  const [internalOrder, setInternalOrder] = React54.useState(() => filterDefinitions ?? []);
+  const [activeId, setActiveId] = React54.useState(null);
+  React54.useEffect(() => {
     if (filterDefinitions) {
       setInternalOrder(filterDefinitions);
     }
   }, [filterDefinitions]);
   const renderDefinitions = enableSorting ? internalOrder : filterDefinitions;
-  const sortableIds = React53.useMemo(() => enableSorting ? internalOrder.map((def) => getFilterKey2(def)) : [], [enableSorting, internalOrder, getFilterKey2]);
+  const sortableIds = React54.useMemo(() => enableSorting ? internalOrder.map((def) => getFilterKey2(def)) : [], [enableSorting, internalOrder, getFilterKey2]);
   const pointerSensor = core.useSensor(core.PointerSensor, {
     activationConstraint: POINTER_ACTIVATION_CONSTRAINT
   });
@@ -368,11 +369,11 @@ function FilterListContent({
   const sensors = core.useSensors(pointerSensor, keyboardSensor);
   const activeIndex = activeId != null ? sortableIds.indexOf(String(activeId)) : -1;
   const activeDefinition = activeIndex >= 0 ? internalOrder[activeIndex] : void 0;
-  const activeFilterKey = React53.useMemo(() => activeDefinition ? getFilterKey2(activeDefinition) : void 0, [activeDefinition, getFilterKey2]);
-  const handleDragStart = React53.useCallback((event) => {
+  const activeFilterKey = React54.useMemo(() => activeDefinition ? getFilterKey2(activeDefinition) : void 0, [activeDefinition, getFilterKey2]);
+  const handleDragStart = React54.useCallback((event) => {
     setActiveId(event.active.id);
   }, []);
-  const handleDragEnd = React53.useCallback((event) => {
+  const handleDragEnd = React54.useCallback((event) => {
     setActiveId(null);
     const {
       active,
@@ -387,10 +388,10 @@ function FilterListContent({
       setInternalOrder(sortable.arrayMove(internalOrder, oldIndex, newIndex));
     }
   }, [internalOrder, sortableIds]);
-  const handleDragCancel = React53.useCallback(() => {
+  const handleDragCancel = React54.useCallback(() => {
     setActiveId(null);
   }, []);
-  const announcements = React53.useMemo(() => ({
+  const announcements = React54.useMemo(() => ({
     onDragStart({
       active
     }) {
@@ -430,21 +431,21 @@ function FilterListContent({
       return `Cancelled dragging ${label} filter`;
     }
   }), [internalOrder, sortableIds, getFilterLabel2]);
-  const accessibility = React53.useMemo(() => ({
+  const accessibility = React54.useMemo(() => ({
     announcements
   }), [announcements]);
   if (!renderDefinitions || renderDefinitions.length === 0) {
-    return /* @__PURE__ */ React53__default.default.createElement("div", {
+    return /* @__PURE__ */ React54__default.default.createElement("div", {
       className: classnames14__default.default(FilterListContent_default.content, className),
       style,
       "data-empty": "true"
     });
   }
   if (enableSorting) {
-    return /* @__PURE__ */ React53__default.default.createElement("div", {
+    return /* @__PURE__ */ React54__default.default.createElement("div", {
       className: classnames14__default.default(FilterListContent_default.content, className),
       style
-    }, /* @__PURE__ */ React53__default.default.createElement(core.DndContext, {
+    }, /* @__PURE__ */ React54__default.default.createElement(core.DndContext, {
       sensors,
       collisionDetection: core.closestCenter,
       modifiers: MODIFIERS,
@@ -452,7 +453,7 @@ function FilterListContent({
       onDragEnd: handleDragEnd,
       onDragCancel: handleDragCancel,
       accessibility
-    }, /* @__PURE__ */ React53__default.default.createElement(sortable.SortableContext, {
+    }, /* @__PURE__ */ React54__default.default.createElement(sortable.SortableContext, {
       items: sortableIds,
       strategy: sortable.verticalListSortingStrategy
     }, internalOrder.map((definition, index) => {
@@ -460,7 +461,7 @@ function FilterListContent({
       const filterKey = getFilterKey2(definition);
       const label = getFilterLabel2(definition);
       const state = filterStates.get(filterKey);
-      return /* @__PURE__ */ React53__default.default.createElement(SortableFilterListItem, {
+      return /* @__PURE__ */ React54__default.default.createElement(SortableFilterListItem, {
         key: id,
         id,
         definition,
@@ -471,10 +472,10 @@ function FilterListContent({
         onFilterRemoved,
         renderInput
       });
-    })), /* @__PURE__ */ React53__default.default.createElement(core.DragOverlay, {
+    })), /* @__PURE__ */ React54__default.default.createElement(core.DragOverlay, {
       dropAnimation: null,
       className: FilterListContent_default.dragOverlay
-    }, activeDefinition && activeFilterKey && /* @__PURE__ */ React53__default.default.createElement(FilterListItem, {
+    }, activeDefinition && activeFilterKey && /* @__PURE__ */ React54__default.default.createElement(FilterListItem, {
       definition: activeDefinition,
       filterKey: activeFilterKey,
       label: getFilterLabel2(activeDefinition),
@@ -484,13 +485,13 @@ function FilterListContent({
       renderInput
     }))));
   }
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(FilterListContent_default.content, className),
     style
   }, renderDefinitions.map((definition) => {
     const filterKey = getFilterKey2(definition);
     const state = filterStates.get(filterKey);
-    return /* @__PURE__ */ React53__default.default.createElement(FilterListItem, {
+    return /* @__PURE__ */ React54__default.default.createElement(FilterListItem, {
       key: filterKey,
       definition,
       filterKey,
@@ -518,38 +519,38 @@ function FilterListHeaderInner({
   activeFilterCount = 0
 }) {
   const showCollapseButton = onCollapsedChange != null;
-  const handleCollapseClick = React53.useCallback(() => {
+  const handleCollapseClick = React54.useCallback(() => {
     onCollapsedChange?.(!collapsed);
   }, [onCollapsedChange, collapsed]);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: FilterListHeader_default.header
-  }, showCollapseButton && /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }, showCollapseButton && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     className: FilterListHeader_default.collapseButton,
     onClick: handleCollapseClick,
     "aria-expanded": !collapsed,
     "aria-label": collapsed ? "Expand filters" : "Collapse filters"
-  }, /* @__PURE__ */ React53__default.default.createElement("span", {
+  }, /* @__PURE__ */ React54__default.default.createElement("span", {
     className: classnames14__default.default(FilterListHeader_default.collapseIcon, collapsed && FilterListHeader_default.collapsed)
-  })), /* @__PURE__ */ React53__default.default.createElement("div", {
+  })), /* @__PURE__ */ React54__default.default.createElement("div", {
     className: FilterListHeader_default.headerContentWrapper,
     "data-collapsed": collapsed
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: FilterListHeader_default.headerContentInner
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: FilterListHeader_default.titleContainer
-  }, titleIcon && /* @__PURE__ */ React53__default.default.createElement("span", {
+  }, titleIcon && /* @__PURE__ */ React54__default.default.createElement("span", {
     className: FilterListHeader_default.titleIcon
-  }, titleIcon), title && /* @__PURE__ */ React53__default.default.createElement("span", {
+  }, titleIcon), title && /* @__PURE__ */ React54__default.default.createElement("span", {
     className: FilterListHeader_default.title
-  }, title), showActiveFilterCount && activeFilterCount > 0 && /* @__PURE__ */ React53__default.default.createElement("span", {
+  }, title), showActiveFilterCount && activeFilterCount > 0 && /* @__PURE__ */ React54__default.default.createElement("span", {
     className: FilterListHeader_default.activeCount
-  }, "(", activeFilterCount, ")")), showResetButton && /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }, "(", activeFilterCount, ")")), showResetButton && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     className: FilterListHeader_default.resetButton,
     onClick: onReset,
     disabled: activeFilterCount === 0
   }, "Reset"))));
 }
-var FilterListHeader = /* @__PURE__ */ React53.memo(FilterListHeaderInner);
+var FilterListHeader = /* @__PURE__ */ React54.memo(FilterListHeaderInner);
 
 // src/filter-list/base/BaseFilterList.tsx
 function BaseFilterList(props) {
@@ -576,10 +577,10 @@ function BaseFilterList(props) {
   } = props;
   const showHeader = title || titleIcon || showResetButton || showActiveFilterCount || onCollapsedChange;
   const showAddButton = renderAddFilterButton != null || onFilterAdded != null;
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(FilterList_default.filterList, className),
     "data-active-count": activeFilterCount
-  }, showHeader && /* @__PURE__ */ React53__default.default.createElement(FilterListHeader, {
+  }, showHeader && /* @__PURE__ */ React54__default.default.createElement(FilterListHeader, {
     title,
     titleIcon,
     collapsed,
@@ -588,12 +589,12 @@ function BaseFilterList(props) {
     onReset,
     showActiveFilterCount,
     activeFilterCount
-  }), /* @__PURE__ */ React53__default.default.createElement("div", {
+  }), /* @__PURE__ */ React54__default.default.createElement("div", {
     className: FilterList_default.contentWrapper,
     "data-collapsed": collapsed
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: FilterList_default.contentInner
-  }, /* @__PURE__ */ React53__default.default.createElement(FilterListContent, {
+  }, /* @__PURE__ */ React54__default.default.createElement(FilterListContent, {
     filterDefinitions,
     filterStates,
     onFilterStateChanged,
@@ -602,9 +603,9 @@ function BaseFilterList(props) {
     getFilterKey: getFilterKey2,
     getFilterLabel: getFilterLabel2,
     enableSorting
-  }))), !collapsed && showAddButton && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }))), !collapsed && showAddButton && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: FilterList_default.addButtonContainer
-  }, renderAddFilterButton ? renderAddFilterButton() : /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }, renderAddFilterButton ? renderAddFilterButton() : /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     type: "button",
     className: FilterList_default.addButton
   }, "+ Add filter")));
@@ -624,57 +625,57 @@ function ContainsTextInputInner({
   renderSearchIcon,
   renderClearIcon
 }) {
-  const [localValue, setLocalValue] = React53.useState(value ?? "");
-  const onChangeRef = React53.useRef(onChange);
+  const [localValue, setLocalValue] = React54.useState(value ?? "");
+  const onChangeRef = React54.useRef(onChange);
   onChangeRef.current = onChange;
-  const debouncedOnChange = React53.useMemo(() => lodashEs.debounce((newValue) => {
+  const debouncedOnChange = React54.useMemo(() => lodashEs.debounce((newValue) => {
     onChangeRef.current(newValue.length > 0 ? newValue : void 0);
   }, debounceMs), [debounceMs]);
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     return () => {
       debouncedOnChange.cancel();
     };
   }, [debouncedOnChange]);
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     setLocalValue(value ?? "");
     debouncedOnChange.cancel();
   }, [value, debouncedOnChange]);
-  const handleInputChange = React53.useCallback((e) => {
+  const handleInputChange = React54.useCallback((e) => {
     setLocalValue(e.target.value);
     debouncedOnChange(e.target.value);
   }, [debouncedOnChange]);
-  const handleClear = React53.useCallback(() => {
+  const handleClear = React54.useCallback(() => {
     setLocalValue("");
     debouncedOnChange.cancel();
     onChangeRef.current(void 0);
   }, [debouncedOnChange]);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(ContainsTextInput_default.textInput, className),
     style,
     "data-has-value": !!localValue
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: ContainsTextInput_default.inputGroup
-  }, renderSearchIcon ? renderSearchIcon() : /* @__PURE__ */ React53__default.default.createElement("span", {
+  }, renderSearchIcon ? renderSearchIcon() : /* @__PURE__ */ React54__default.default.createElement("span", {
     className: ContainsTextInput_default.searchIcon
-  }, /* @__PURE__ */ React53__default.default.createElement(icons.Search, {
+  }, /* @__PURE__ */ React54__default.default.createElement(icons.Search, {
     color: "currentColor"
-  })), /* @__PURE__ */ React53__default.default.createElement(input.Input, {
+  })), /* @__PURE__ */ React54__default.default.createElement(input.Input, {
     type: "text",
     className: ContainsTextInput_default.input,
     value: localValue,
     onChange: handleInputChange,
     placeholder,
     "aria-label": placeholder
-  }), localValue && /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }), localValue && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     type: "button",
     className: ContainsTextInput_default.clearButton,
     onClick: handleClear,
     "aria-label": "Clear search"
-  }, renderClearIcon ? renderClearIcon() : /* @__PURE__ */ React53__default.default.createElement(icons.Cross, {
+  }, renderClearIcon ? renderClearIcon() : /* @__PURE__ */ React54__default.default.createElement(icons.Cross, {
     color: "currentColor"
   }))));
 }
-var ContainsTextInput = /* @__PURE__ */ React53.memo(ContainsTextInputInner);
+var ContainsTextInput = /* @__PURE__ */ React54.memo(ContainsTextInputInner);
 
 // src/base-components/switch/Switch.module.css
 var Switch_default = {};
@@ -694,9 +695,9 @@ function Switch({
   thumbProps,
   ...rest
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(_switch.Switch.Root, _extends2({
+  return /* @__PURE__ */ React54__default.default.createElement(_switch.Switch.Root, _extends2({
     className: classnames14__default.default(Switch_default.osdkSwitchRoot, className)
-  }, rest), /* @__PURE__ */ React53__default.default.createElement(_switch.Switch.Thumb, _extends2({}, thumbProps, {
+  }, rest), /* @__PURE__ */ React54__default.default.createElement(_switch.Switch.Thumb, _extends2({}, thumbProps, {
     className: classnames14__default.default(Switch_default.osdkSwitchThumb, thumbProps?.className)
   })));
 }
@@ -713,20 +714,20 @@ function ToggleInputInner({
   style
 }) {
   const rootClassName = classnames14__default.default(ToggleInput_default.toggleInput, className);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: rootClassName,
     style,
     "data-enabled": enabled
-  }, /* @__PURE__ */ React53__default.default.createElement("label", {
+  }, /* @__PURE__ */ React54__default.default.createElement("label", {
     className: ToggleInput_default.toggleLabel
-  }, /* @__PURE__ */ React53__default.default.createElement(Switch, {
+  }, /* @__PURE__ */ React54__default.default.createElement(Switch, {
     checked: enabled,
     onCheckedChange: onChange
-  }), label && /* @__PURE__ */ React53__default.default.createElement("span", {
+  }), label && /* @__PURE__ */ React54__default.default.createElement("span", {
     className: ToggleInput_default.labelText
   }, label)));
 }
-var ToggleInput = /* @__PURE__ */ React53.memo(ToggleInputInner);
+var ToggleInput = /* @__PURE__ */ React54.memo(ToggleInputInner);
 
 // src/base-components/checkbox/Checkbox.module.css
 var Checkbox_default = {};
@@ -747,14 +748,14 @@ function Checkbox({
   indicatorProps,
   ...rest
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(checkbox.Checkbox.Root, _extends3({
+  return /* @__PURE__ */ React54__default.default.createElement(checkbox.Checkbox.Root, _extends3({
     className: classnames14__default.default(Checkbox_default.osdkCheckboxRoot, className),
     indeterminate
-  }, rest), /* @__PURE__ */ React53__default.default.createElement(checkbox.Checkbox.Indicator, _extends3({}, indicatorProps, {
+  }, rest), /* @__PURE__ */ React54__default.default.createElement(checkbox.Checkbox.Indicator, _extends3({}, indicatorProps, {
     className: classnames14__default.default(Checkbox_default.osdkCheckboxIndicator, indicatorProps?.className)
-  }), indeterminate ? /* @__PURE__ */ React53__default.default.createElement(icons.Minus, {
+  }), indeterminate ? /* @__PURE__ */ React54__default.default.createElement(icons.Minus, {
     color: "currentColor"
-  }) : /* @__PURE__ */ React53__default.default.createElement(icons.Tick, {
+  }) : /* @__PURE__ */ React54__default.default.createElement(icons.Tick, {
     color: "currentColor"
   })));
 }
@@ -776,68 +777,68 @@ function CheckboxListInputInner({
   className,
   style
 }) {
-  const displayValues = React53.useMemo(() => values.map((item) => item.value), [values]);
-  const selectedSet = React53.useMemo(() => new Set(selectedValues), [selectedValues]);
-  const toggleValue = React53.useCallback((value) => {
+  const displayValues = React54.useMemo(() => values.map((item) => item.value), [values]);
+  const selectedSet = React54.useMemo(() => new Set(selectedValues), [selectedValues]);
+  const toggleValue = React54.useCallback((value) => {
     if (selectedSet.has(value)) {
       onChange(selectedValues.filter((v) => v !== value));
     } else {
       onChange([...selectedValues, value]);
     }
   }, [selectedValues, selectedSet, onChange]);
-  const allSelected = React53.useMemo(() => displayValues.length > 0 && displayValues.every((v) => selectedSet.has(v)), [displayValues, selectedSet]);
-  const areSomeValuesSelected = React53.useMemo(() => !allSelected && selectedValues.some((v) => selectedSet.has(v)), [allSelected, selectedValues, selectedSet]);
-  const handleSelectAll = React53.useCallback(() => {
+  const allSelected = React54.useMemo(() => displayValues.length > 0 && displayValues.every((v) => selectedSet.has(v)), [displayValues, selectedSet]);
+  const areSomeValuesSelected = React54.useMemo(() => !allSelected && selectedValues.some((v) => selectedSet.has(v)), [allSelected, selectedValues, selectedSet]);
+  const handleSelectAll = React54.useCallback(() => {
     if (allSelected) {
       onChange([]);
     } else {
       onChange([...displayValues]);
     }
   }, [allSelected, displayValues, onChange]);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(CheckboxListInput_default.checkboxList, className),
     style,
     "data-loading": isLoading
-  }, error && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, error && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.errorMessage
-  }, "Error loading values: ", error.message), !error && displayValues.length === 0 && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, "Error loading values: ", error.message), !error && displayValues.length === 0 && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.emptyMessage
-  }, isLoading ? "Loading values..." : "No values available"), (displayValues.length > 0 || isLoading) && /* @__PURE__ */ React53__default.default.createElement(React53__default.default.Fragment, null, isLoading && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, isLoading ? "Loading values..." : "No values available"), (displayValues.length > 0 || isLoading) && /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, isLoading && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.loadingMessage
-  }, "Updating..."), /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, "Updating..."), /* @__PURE__ */ React54__default.default.createElement("div", {
     className: CheckboxListInput_default.checkboxRow,
     "data-select-all": true
-  }, /* @__PURE__ */ React53__default.default.createElement("label", {
+  }, /* @__PURE__ */ React54__default.default.createElement("label", {
     className: CheckboxListInput_default.checkboxLabel
-  }, /* @__PURE__ */ React53__default.default.createElement(Checkbox, {
+  }, /* @__PURE__ */ React54__default.default.createElement(Checkbox, {
     checked: allSelected,
     indeterminate: areSomeValuesSelected,
     onCheckedChange: handleSelectAll
-  }), /* @__PURE__ */ React53__default.default.createElement("span", {
+  }), /* @__PURE__ */ React54__default.default.createElement("span", {
     className: CheckboxListInput_default.valueText
   }, "Select all"))), displayValues.map((value) => {
     const isSelected = selectedSet.has(value);
     const color = colorMap?.[value];
-    return /* @__PURE__ */ React53__default.default.createElement("div", {
+    return /* @__PURE__ */ React54__default.default.createElement("div", {
       key: value,
       className: CheckboxListInput_default.checkboxRow,
       "data-selected": isSelected
-    }, /* @__PURE__ */ React53__default.default.createElement("label", {
+    }, /* @__PURE__ */ React54__default.default.createElement("label", {
       className: CheckboxListInput_default.checkboxLabel
-    }, /* @__PURE__ */ React53__default.default.createElement(Checkbox, {
+    }, /* @__PURE__ */ React54__default.default.createElement(Checkbox, {
       checked: isSelected,
       onCheckedChange: () => toggleValue(value)
-    }), color && /* @__PURE__ */ React53__default.default.createElement("span", {
+    }), color && /* @__PURE__ */ React54__default.default.createElement("span", {
       className: CheckboxListInput_default.colorDot,
       style: {
         backgroundColor: color
       }
-    }), /* @__PURE__ */ React53__default.default.createElement("span", {
+    }), /* @__PURE__ */ React54__default.default.createElement("span", {
       className: CheckboxListInput_default.valueText
     }, value)));
   })));
 }
-var CheckboxListInput = /* @__PURE__ */ React53.memo(CheckboxListInputInner);
+var CheckboxListInput = /* @__PURE__ */ React54.memo(CheckboxListInputInner);
 
 // src/filter-list/base/inputs/dateUtils.ts
 function formatDateForInput(date) {
@@ -920,39 +921,39 @@ function RangeInputInner({
   style,
   config
 }) {
-  const minInputId = React53.useId();
-  const maxInputId = React53.useId();
-  const [localMin, setLocalMin] = React53.useState(config.formatValue(minValue));
-  const [localMax, setLocalMax] = React53.useState(config.formatValue(maxValue));
-  const onChangeRef = React53.useRef(onChange);
+  const minInputId = React54.useId();
+  const maxInputId = React54.useId();
+  const [localMin, setLocalMin] = React54.useState(config.formatValue(minValue));
+  const [localMax, setLocalMax] = React54.useState(config.formatValue(maxValue));
+  const onChangeRef = React54.useRef(onChange);
   onChangeRef.current = onChange;
-  const minValueRef = React53.useRef(minValue);
+  const minValueRef = React54.useRef(minValue);
   minValueRef.current = minValue;
-  const maxValueRef = React53.useRef(maxValue);
+  const maxValueRef = React54.useRef(maxValue);
   maxValueRef.current = maxValue;
-  const debouncedMinChange = React53.useMemo(() => lodashEs.debounce((newValue) => {
+  const debouncedMinChange = React54.useMemo(() => lodashEs.debounce((newValue) => {
     const parsed = config.parseValue(newValue);
     onChangeRef.current(parsed, maxValueRef.current);
   }, DEBOUNCE_MS), [config]);
-  const debouncedMaxChange = React53.useMemo(() => lodashEs.debounce((newValue) => {
+  const debouncedMaxChange = React54.useMemo(() => lodashEs.debounce((newValue) => {
     const parsed = config.parseValue(newValue);
     onChangeRef.current(minValueRef.current, parsed);
   }, DEBOUNCE_MS), [config]);
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     setLocalMin(config.formatValue(minValue));
     debouncedMinChange.cancel();
   }, [minValue, config, debouncedMinChange]);
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     setLocalMax(config.formatValue(maxValue));
     debouncedMaxChange.cancel();
   }, [maxValue, config, debouncedMaxChange]);
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     return () => {
       debouncedMinChange.cancel();
       debouncedMaxChange.cancel();
     };
   }, [debouncedMinChange, debouncedMaxChange]);
-  const computedRange = React53.useMemo(() => {
+  const computedRange = React54.useMemo(() => {
     if (valueCountPairs.length === 0) return {
       min: void 0,
       max: void 0
@@ -964,11 +965,11 @@ function RangeInputInner({
       max: config.fromNumber(max)
     };
   }, [valueCountPairs, config]);
-  const dataRange = React53.useMemo(() => ({
+  const dataRange = React54.useMemo(() => ({
     dataMin: computedRange.min,
     dataMax: computedRange.max
   }), [computedRange.min, computedRange.max]);
-  const buckets = React53.useMemo(() => {
+  const buckets = React54.useMemo(() => {
     if (!showHistogram || valueCountPairs.length === 0 || computedRange.min === void 0 || computedRange.max === void 0) {
       return [];
     }
@@ -977,27 +978,27 @@ function RangeInputInner({
       max: computedRange.max
     }, config.toNumber, config.fromNumber);
   }, [showHistogram, valueCountPairs, computedRange, config]);
-  const maxBucketCount = React53.useMemo(() => getMaxBucketCount(buckets), [buckets]);
-  const handleMinChange = React53.useCallback((e) => {
+  const maxBucketCount = React54.useMemo(() => getMaxBucketCount(buckets), [buckets]);
+  const handleMinChange = React54.useCallback((e) => {
     const newValue = e.target.value;
     setLocalMin(newValue);
     debouncedMinChange(newValue);
   }, [debouncedMinChange]);
-  const handleMaxChange = React53.useCallback((e) => {
+  const handleMaxChange = React54.useCallback((e) => {
     const newValue = e.target.value;
     setLocalMax(newValue);
     debouncedMaxChange(newValue);
   }, [debouncedMaxChange]);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(RangeInput_default.rangeInput, className),
     style,
     "data-loading": isLoading
-  }, showHistogram && buckets.length > 0 && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, showHistogram && buckets.length > 0 && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: RangeInput_default.histogramContainer
   }, buckets.map((bucket, index) => {
     const height = bucket.count / maxBucketCount * 100;
     const isInRange = (minValue === void 0 || config.toNumber(bucket.max) >= config.toNumber(minValue)) && (maxValue === void 0 || config.toNumber(bucket.min) <= config.toNumber(maxValue));
-    return /* @__PURE__ */ React53__default.default.createElement("div", {
+    return /* @__PURE__ */ React54__default.default.createElement("div", {
       key: index,
       className: RangeInput_default.histogramBar,
       "data-in-range": isInRange,
@@ -1006,40 +1007,40 @@ function RangeInputInner({
       },
       title: config.formatTooltip(bucket.min, bucket.max, bucket.count)
     });
-  })), /* @__PURE__ */ React53__default.default.createElement("div", {
+  })), /* @__PURE__ */ React54__default.default.createElement("div", {
     className: RangeInput_default.rangeInputs
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: RangeInput_default.inputWrapper
-  }, /* @__PURE__ */ React53__default.default.createElement("label", {
+  }, /* @__PURE__ */ React54__default.default.createElement("label", {
     htmlFor: minInputId,
     className: RangeInput_default.inputLabel
-  }, config.minLabel), /* @__PURE__ */ React53__default.default.createElement(input.Input, _extends4({
+  }, config.minLabel), /* @__PURE__ */ React54__default.default.createElement(input.Input, _extends4({
     id: minInputId,
     type: config.inputType,
     className: RangeInput_default.input,
     value: localMin,
     onChange: handleMinChange,
     placeholder: dataRange.dataMin !== void 0 && config.formatPlaceholder ? config.formatPlaceholder(dataRange.dataMin) : void 0
-  }, config.inputProps))), /* @__PURE__ */ React53__default.default.createElement("span", {
+  }, config.inputProps))), /* @__PURE__ */ React54__default.default.createElement("span", {
     className: RangeInput_default.separator,
     "aria-hidden": "true"
-  }, "\u2013"), /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, "\u2013"), /* @__PURE__ */ React54__default.default.createElement("div", {
     className: RangeInput_default.inputWrapper
-  }, /* @__PURE__ */ React53__default.default.createElement("label", {
+  }, /* @__PURE__ */ React54__default.default.createElement("label", {
     htmlFor: maxInputId,
     className: RangeInput_default.inputLabel
-  }, config.maxLabel), /* @__PURE__ */ React53__default.default.createElement(input.Input, _extends4({
+  }, config.maxLabel), /* @__PURE__ */ React54__default.default.createElement(input.Input, _extends4({
     id: maxInputId,
     type: config.inputType,
     className: RangeInput_default.input,
     value: localMax,
     onChange: handleMaxChange,
     placeholder: dataRange.dataMax !== void 0 && config.formatPlaceholder ? config.formatPlaceholder(dataRange.dataMax) : void 0
-  }, config.inputProps)))), isLoading && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, config.inputProps)))), isLoading && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.loadingMessage
   }, "Loading..."));
 }
-var RangeInput = /* @__PURE__ */ React53.memo(RangeInputInner);
+var RangeInput = /* @__PURE__ */ React54.memo(RangeInputInner);
 
 // src/filter-list/base/inputs/DateRangeInput.tsx
 function _extends5() {
@@ -1062,11 +1063,11 @@ var dateConfig = {
   formatTooltip: (min, max, count) => `${formatDateForInput(min)} - ${formatDateForInput(max)}: ${count.toLocaleString()}`
 };
 function DateRangeInputInner(props) {
-  return /* @__PURE__ */ React53__default.default.createElement(RangeInput, _extends5({}, props, {
+  return /* @__PURE__ */ React54__default.default.createElement(RangeInput, _extends5({}, props, {
     config: dateConfig
   }));
 }
-var DateRangeInput = /* @__PURE__ */ React53.memo(DateRangeInputInner);
+var DateRangeInput = /* @__PURE__ */ React54.memo(DateRangeInputInner);
 
 // src/filter-list/base/inputs/LinkedPropertyInput.module.css
 var LinkedPropertyInput_default = {};
@@ -1088,31 +1089,31 @@ function ListogramInputInner({
   style,
   maxVisibleItems
 }) {
-  const [isExpanded, setIsExpanded] = React53.useState(false);
-  const selectedSet = React53.useMemo(() => new Set(selectedValues), [selectedValues]);
-  const toggleValue = React53.useCallback((value) => {
+  const [isExpanded, setIsExpanded] = React54.useState(false);
+  const selectedSet = React54.useMemo(() => new Set(selectedValues), [selectedValues]);
+  const toggleValue = React54.useCallback((value) => {
     if (selectedSet.has(value)) {
       onChange(selectedValues.filter((v) => v !== value));
     } else {
       onChange([...selectedValues, value]);
     }
   }, [selectedValues, selectedSet, onChange]);
-  const displayValues = React53.useMemo(() => {
+  const displayValues = React54.useMemo(() => {
     if (isExpanded || !maxVisibleItems) return values;
     return values.slice(0, maxVisibleItems);
   }, [values, maxVisibleItems, isExpanded]);
   const hasMore = maxVisibleItems != null && values.length > maxVisibleItems;
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(ListogramInput_default.listogram, className),
     style,
     "data-loading": isLoading
-  }, isLoading && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, isLoading && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.loadingMessage
-  }, "Loading values..."), error && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, "Loading values..."), error && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.errorMessage
-  }, "Error loading values: ", error.message), !isLoading && !error && values.length === 0 && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, "Error loading values: ", error.message), !isLoading && !error && values.length === 0 && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.emptyMessage
-  }, "No values available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, "No values available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: ListogramInput_default.container
   }, displayValues.map(({
     value,
@@ -1120,7 +1121,7 @@ function ListogramInputInner({
   }) => {
     const percentage = maxCount > 0 ? count / maxCount * 100 : 0;
     const perRowColor = colorMap?.[value];
-    return /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+    return /* @__PURE__ */ React54__default.default.createElement(button.Button, {
       key: value,
       className: ListogramInput_default.row,
       onClick: () => toggleValue(value),
@@ -1131,22 +1132,22 @@ function ListogramInputInner({
           "--osdk-filter-listogram-row-bar-color": perRowColor
         } : void 0
       } : void 0
-    }, /* @__PURE__ */ React53__default.default.createElement("span", {
+    }, /* @__PURE__ */ React54__default.default.createElement("span", {
       className: ListogramInput_default.label
-    }, value), displayMode === "full" && /* @__PURE__ */ React53__default.default.createElement("span", {
+    }, value), displayMode === "full" && /* @__PURE__ */ React54__default.default.createElement("span", {
       className: ListogramInput_default.bar
-    }, /* @__PURE__ */ React53__default.default.createElement("span", {
+    }, /* @__PURE__ */ React54__default.default.createElement("span", {
       className: ListogramInput_default.barFill
-    })), displayMode !== "minimal" && /* @__PURE__ */ React53__default.default.createElement("span", {
+    })), displayMode !== "minimal" && /* @__PURE__ */ React54__default.default.createElement("span", {
       className: ListogramInput_default.count
     }, count.toLocaleString()));
-  }), hasMore && !isExpanded && /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }), hasMore && !isExpanded && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     type: "button",
     className: ListogramInput_default.row,
     onClick: () => setIsExpanded(true)
   }, "View all (", values.length, ")")));
 }
-var ListogramInput = /* @__PURE__ */ React53.memo(ListogramInputInner);
+var ListogramInput = /* @__PURE__ */ React54.memo(ListogramInputInner);
 
 // src/filter-list/base/inputs/MultiDateInput.module.css
 var MultiDateInput_default = {};
@@ -1161,46 +1162,46 @@ function MultiDateInputInner({
   maxDate,
   showClearAll = true
 }) {
-  const addDate = React53.useCallback((date) => {
+  const addDate = React54.useCallback((date) => {
     const dateStr = formatDateForInput(date);
     const exists = selectedDates.some((d) => formatDateForInput(d) === dateStr);
     if (!exists) {
       onChange([...selectedDates, date].sort((a, b) => a.getTime() - b.getTime()));
     }
   }, [selectedDates, onChange]);
-  const removeDate = React53.useCallback((date) => {
+  const removeDate = React54.useCallback((date) => {
     const dateStr = formatDateForInput(date);
     onChange(selectedDates.filter((d) => formatDateForInput(d) !== dateStr));
   }, [selectedDates, onChange]);
-  const clearAll = React53.useCallback(() => {
+  const clearAll = React54.useCallback(() => {
     onChange([]);
   }, [onChange]);
-  const handleDateChange = React53.useCallback((e) => {
+  const handleDateChange = React54.useCallback((e) => {
     const date = parseDateFromInput(e.target.value);
     if (date) {
       addDate(date);
       e.target.value = "";
     }
   }, [addDate]);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(MultiDateInput_default.multiDate, className),
     style
-  }, selectedDates.length > 0 && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, selectedDates.length > 0 && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.tagContainer
-  }, selectedDates.map((date) => /* @__PURE__ */ React53__default.default.createElement("span", {
+  }, selectedDates.map((date) => /* @__PURE__ */ React54__default.default.createElement("span", {
     key: date.toISOString(),
     className: shared_default.tag
-  }, formatDateForDisplay(date), /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }, formatDateForDisplay(date), /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     className: shared_default.tagRemove,
     onClick: () => removeDate(date),
     "aria-label": `Remove ${formatDateForDisplay(date)}`
-  }, "\xD7"))), showClearAll && selectedDates.length > 1 && /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }, "\xD7"))), showClearAll && selectedDates.length > 1 && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     className: MultiDateInput_default.clearAll,
     onClick: clearAll,
     "aria-label": "Clear all dates"
-  }, "Clear all")), /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, "Clear all")), /* @__PURE__ */ React54__default.default.createElement("div", {
     className: MultiDateInput_default.calendarContainer
-  }, /* @__PURE__ */ React53__default.default.createElement(input.Input, {
+  }, /* @__PURE__ */ React54__default.default.createElement(input.Input, {
     type: "date",
     className: MultiDateInput_default.input,
     onChange: handleDateChange,
@@ -1209,7 +1210,7 @@ function MultiDateInputInner({
     "aria-label": "Add date"
   })));
 }
-var MultiDateInput = /* @__PURE__ */ React53.memo(MultiDateInputInner);
+var MultiDateInput = /* @__PURE__ */ React54.memo(MultiDateInputInner);
 
 // src/base-components/combobox/Combobox.module.css
 var Combobox_default = {};
@@ -1228,12 +1229,12 @@ function ComboboxInput({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(Combobox_default.osdkComboboxInputWrapper, className)
-  }, /* @__PURE__ */ React53__default.default.createElement(icons.Search, {
+  }, /* @__PURE__ */ React54__default.default.createElement(icons.Search, {
     className: Combobox_default.osdkComboboxSearchIcon,
     color: "currentColor"
-  }), /* @__PURE__ */ React53__default.default.createElement(combobox.Combobox.Input, _extends6({
+  }), /* @__PURE__ */ React54__default.default.createElement(combobox.Combobox.Input, _extends6({
     className: Combobox_default.osdkComboboxInput
   }, rest)));
 }
@@ -1242,7 +1243,7 @@ function ComboboxPositioner({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(combobox.Combobox.Positioner, _extends6({
+  return /* @__PURE__ */ React54__default.default.createElement(combobox.Combobox.Positioner, _extends6({
     className: classnames14__default.default(Combobox_default.osdkComboboxPositioner, className),
     sideOffset: 4
   }, rest), children);
@@ -1252,7 +1253,7 @@ function ComboboxPopup({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(combobox.Combobox.Popup, _extends6({
+  return /* @__PURE__ */ React54__default.default.createElement(combobox.Combobox.Popup, _extends6({
     className: classnames14__default.default(Combobox_default.osdkComboboxPopup, className)
   }, rest), children);
 }
@@ -1261,7 +1262,7 @@ function ComboboxItem({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(combobox.Combobox.Item, _extends6({
+  return /* @__PURE__ */ React54__default.default.createElement(combobox.Combobox.Item, _extends6({
     className: classnames14__default.default(Combobox_default.osdkComboboxItem, className)
   }, rest), children);
 }
@@ -1269,10 +1270,10 @@ function ComboboxClear({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(combobox.Combobox.Clear, _extends6({
+  return /* @__PURE__ */ React54__default.default.createElement(combobox.Combobox.Clear, _extends6({
     className: classnames14__default.default(Combobox_default.osdkComboboxClear, className),
     "aria-label": "Clear all"
-  }, rest), /* @__PURE__ */ React53__default.default.createElement(icons.Cross, {
+  }, rest), /* @__PURE__ */ React54__default.default.createElement(icons.Cross, {
     color: "currentColor"
   }));
 }
@@ -1280,7 +1281,7 @@ function ComboboxEmpty({
   children,
   className
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(combobox.Combobox.Empty, {
+  return /* @__PURE__ */ React54__default.default.createElement(combobox.Combobox.Empty, {
     className: classnames14__default.default(Combobox_default.osdkComboboxEmpty, className)
   }, children);
 }
@@ -1312,63 +1313,63 @@ function MultiSelectInputInner({
   showClearAll = true,
   ariaLabel = "Search values"
 }) {
-  const handleValueChange = React53.useCallback((newValues) => {
+  const handleValueChange = React54.useCallback((newValues) => {
     onChange(newValues ?? []);
   }, [onChange]);
-  const removeValue = React53.useCallback((value) => {
+  const removeValue = React54.useCallback((value) => {
     onChange(selectedValues.filter((v) => v !== value));
   }, [selectedValues, onChange]);
-  const clearAll = React53.useCallback(() => {
+  const clearAll = React54.useCallback(() => {
     onChange([]);
   }, [onChange]);
   const displayedTags = selectedValues.slice(0, maxDisplayedTags);
   const remainingCount = selectedValues.length - maxDisplayedTags;
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(MultiSelectInput_default.multiSelect, className),
     style,
     "data-loading": isLoading
-  }, error && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, error && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.errorMessage
-  }, "Error loading options: ", error.message), !error && values.length === 0 && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, "Error loading options: ", error.message), !error && values.length === 0 && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.emptyMessage
-  }, isLoading ? "Loading options..." : "No options available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React53__default.default.createElement(Combobox.Root, {
+  }, isLoading ? "Loading options..." : "No options available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React54__default.default.createElement(Combobox.Root, {
     multiple: true,
     value: selectedValues,
     onValueChange: handleValueChange
-  }, isLoading && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, isLoading && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.loadingMessage
-  }, "Updating..."), selectedValues.length > 0 && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, "Updating..."), selectedValues.length > 0 && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.tagContainer
-  }, displayedTags.map((value) => /* @__PURE__ */ React53__default.default.createElement("span", {
+  }, displayedTags.map((value) => /* @__PURE__ */ React54__default.default.createElement("span", {
     key: value,
     className: shared_default.tag
-  }, value, /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }, value, /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     type: "button",
     className: shared_default.tagRemove,
     onClick: () => removeValue(value),
     "aria-label": `Remove ${value}`
-  }, "\xD7"))), remainingCount > 0 && /* @__PURE__ */ React53__default.default.createElement("span", {
+  }, "\xD7"))), remainingCount > 0 && /* @__PURE__ */ React54__default.default.createElement("span", {
     className: shared_default.tag
-  }, "+", remainingCount, " more")), /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, "+", remainingCount, " more")), /* @__PURE__ */ React54__default.default.createElement("div", {
     className: MultiSelectInput_default.inputRow
-  }, /* @__PURE__ */ React53__default.default.createElement(Combobox.Input, {
+  }, /* @__PURE__ */ React54__default.default.createElement(Combobox.Input, {
     placeholder: selectedValues.length > 0 ? `${selectedValues.length} selected` : placeholder,
     "aria-label": ariaLabel
-  }), showClearAll && selectedValues.length > 0 && /* @__PURE__ */ React53__default.default.createElement(Combobox.Clear, {
+  }), showClearAll && selectedValues.length > 0 && /* @__PURE__ */ React54__default.default.createElement(Combobox.Clear, {
     className: MultiSelectInput_default.clearButton,
     onClick: clearAll,
     "aria-label": "Clear all selections"
-  })), /* @__PURE__ */ React53__default.default.createElement(Combobox.Portal, null, /* @__PURE__ */ React53__default.default.createElement(Combobox.Positioner, null, /* @__PURE__ */ React53__default.default.createElement(Combobox.Popup, null, values.length === 0 ? /* @__PURE__ */ React53__default.default.createElement(Combobox.Empty, null, "No options available") : values.map(({
+  })), /* @__PURE__ */ React54__default.default.createElement(Combobox.Portal, null, /* @__PURE__ */ React54__default.default.createElement(Combobox.Positioner, null, /* @__PURE__ */ React54__default.default.createElement(Combobox.Popup, null, values.length === 0 ? /* @__PURE__ */ React54__default.default.createElement(Combobox.Empty, null, "No options available") : values.map(({
     value,
     count
-  }) => /* @__PURE__ */ React53__default.default.createElement(Combobox.Item, {
+  }) => /* @__PURE__ */ React54__default.default.createElement(Combobox.Item, {
     key: value,
     value
-  }, /* @__PURE__ */ React53__default.default.createElement("span", null, value), /* @__PURE__ */ React53__default.default.createElement("span", {
+  }, /* @__PURE__ */ React54__default.default.createElement("span", null, value), /* @__PURE__ */ React54__default.default.createElement("span", {
     className: MultiSelectInput_default.itemCount
   }, "(", count.toLocaleString(), ")"))))))));
 }
-var MultiSelectInput = /* @__PURE__ */ React53.memo(MultiSelectInputInner);
+var MultiSelectInput = /* @__PURE__ */ React54.memo(MultiSelectInputInner);
 
 // src/filter-list/base/inputs/NullValueWrapper.module.css
 var NullValueWrapper_default = {};
@@ -1385,30 +1386,30 @@ function NullValueWrapperInner({
   className,
   style
 }) {
-  const handleToggle = React53.useCallback(() => {
+  const handleToggle = React54.useCallback(() => {
     onIncludeNullChange(!includeNull);
   }, [includeNull, onIncludeNullChange]);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(NullValueWrapper_default.nullWrapper, className),
     style
-  }, children, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, children, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: NullValueWrapper_default.nullValueRow,
     "data-checked": includeNull,
     "data-loading": isLoading
-  }, /* @__PURE__ */ React53__default.default.createElement("label", {
+  }, /* @__PURE__ */ React54__default.default.createElement("label", {
     className: NullValueWrapper_default.nullLabel
-  }, /* @__PURE__ */ React53__default.default.createElement(Checkbox, {
+  }, /* @__PURE__ */ React54__default.default.createElement(Checkbox, {
     checked: includeNull,
     onCheckedChange: handleToggle
-  }), /* @__PURE__ */ React53__default.default.createElement("span", {
+  }), /* @__PURE__ */ React54__default.default.createElement("span", {
     className: NullValueWrapper_default.nullLabelText
-  }, "No value")), showNullCount && !error && nullCount > 0 && /* @__PURE__ */ React53__default.default.createElement("span", {
+  }, "No value")), showNullCount && !error && nullCount > 0 && /* @__PURE__ */ React54__default.default.createElement("span", {
     className: NullValueWrapper_default.count
-  }, nullCount.toLocaleString())), error && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, nullCount.toLocaleString())), error && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.errorMessage
   }, "Failed to load null count"));
 }
-var NullValueWrapper = /* @__PURE__ */ React53.memo(NullValueWrapperInner);
+var NullValueWrapper = /* @__PURE__ */ React54.memo(NullValueWrapperInner);
 function _extends7() {
   return _extends7 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -1441,11 +1442,11 @@ var numberConfig = {
   }
 };
 function NumberRangeInputInner(props) {
-  return /* @__PURE__ */ React53__default.default.createElement(RangeInput, _extends7({}, props, {
+  return /* @__PURE__ */ React54__default.default.createElement(RangeInput, _extends7({}, props, {
     config: numberConfig
   }));
 }
-var NumberRangeInput = /* @__PURE__ */ React53.memo(NumberRangeInputInner);
+var NumberRangeInput = /* @__PURE__ */ React54.memo(NumberRangeInputInner);
 
 // src/filter-list/base/inputs/SingleDateInput.module.css
 var SingleDateInput_default = {};
@@ -1461,19 +1462,19 @@ function SingleDateInputInner({
   placeholder = "Select a date...",
   showClearButton = true
 }) {
-  const handleChange = React53.useCallback((e) => {
+  const handleChange = React54.useCallback((e) => {
     const date = parseDateFromInput(e.target.value);
     onChange(date);
   }, [onChange]);
-  const handleClear = React53.useCallback(() => {
+  const handleClear = React54.useCallback(() => {
     onChange(void 0);
   }, [onChange]);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(SingleDateInput_default.singleDate, className),
     style
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: SingleDateInput_default.dateContainer
-  }, /* @__PURE__ */ React53__default.default.createElement(input.Input, {
+  }, /* @__PURE__ */ React54__default.default.createElement(input.Input, {
     type: "date",
     className: SingleDateInput_default.input,
     value: formatDateForInput(selectedDate),
@@ -1482,13 +1483,13 @@ function SingleDateInputInner({
     max: maxDate ? formatDateForInput(maxDate) : void 0,
     placeholder,
     "aria-label": "Select date"
-  }), showClearButton && selectedDate !== void 0 && /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }), showClearButton && selectedDate !== void 0 && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     className: SingleDateInput_default.clearButton,
     onClick: handleClear,
     "aria-label": "Clear date"
   }, "\xD7")));
 }
-var SingleDateInput = /* @__PURE__ */ React53.memo(SingleDateInputInner);
+var SingleDateInput = /* @__PURE__ */ React54.memo(SingleDateInputInner);
 
 // src/base-components/select/Select.module.css
 var Select_default = {};
@@ -1507,7 +1508,7 @@ function SelectRoot({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(select.Select.Root, rest, children);
+  return /* @__PURE__ */ React54__default.default.createElement(select.Select.Root, rest, children);
 }
 function SelectTrigger({
   className,
@@ -1515,11 +1516,11 @@ function SelectTrigger({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(select.Select.Trigger, _extends8({
+  return /* @__PURE__ */ React54__default.default.createElement(select.Select.Trigger, _extends8({
     className: classnames14__default.default(Select_default.osdkSelectTrigger, className)
-  }, rest), children ?? /* @__PURE__ */ React53__default.default.createElement(React53__default.default.Fragment, null, /* @__PURE__ */ React53__default.default.createElement(select.Select.Value, null, (value) => value != null ? String(value) : placeholder), /* @__PURE__ */ React53__default.default.createElement(select.Select.Icon, {
+  }, rest), children ?? /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(select.Select.Value, null, (value) => value != null ? String(value) : placeholder), /* @__PURE__ */ React54__default.default.createElement(select.Select.Icon, {
     className: Select_default.osdkSelectIcon
-  }, /* @__PURE__ */ React53__default.default.createElement(icons.CaretDown, {
+  }, /* @__PURE__ */ React54__default.default.createElement(icons.CaretDown, {
     color: "currentColor"
   }))));
 }
@@ -1528,7 +1529,7 @@ function SelectPositioner({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(select.Select.Positioner, _extends8({
+  return /* @__PURE__ */ React54__default.default.createElement(select.Select.Positioner, _extends8({
     className: classnames14__default.default(Select_default.osdkSelectPositioner, className),
     sideOffset: 4
   }, rest), children);
@@ -1538,7 +1539,7 @@ function SelectPopup({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(select.Select.Popup, _extends8({
+  return /* @__PURE__ */ React54__default.default.createElement(select.Select.Popup, _extends8({
     className: classnames14__default.default(Select_default.osdkSelectPopup, className)
   }, rest), children);
 }
@@ -1547,9 +1548,9 @@ function SelectItem({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(select.Select.Item, _extends8({
+  return /* @__PURE__ */ React54__default.default.createElement(select.Select.Item, _extends8({
     className: classnames14__default.default(Select_default.osdkSelectItem, className)
-  }, rest), /* @__PURE__ */ React53__default.default.createElement(select.Select.ItemText, null, children));
+  }, rest), /* @__PURE__ */ React54__default.default.createElement(select.Select.ItemText, null, children));
 }
 var Select = {
   Root: SelectRoot,
@@ -1577,13 +1578,13 @@ function SingleSelectInputInner({
   showCounts = false,
   ariaLabel = "Select value"
 }) {
-  const handleValueChange = React53.useCallback((value) => {
+  const handleValueChange = React54.useCallback((value) => {
     onChange(value ?? void 0);
   }, [onChange]);
-  const handleClear = React53.useCallback(() => {
+  const handleClear = React54.useCallback(() => {
     onChange(void 0);
   }, [onChange]);
-  const items = React53.useMemo(() => {
+  const items = React54.useMemo(() => {
     const result = {};
     for (const {
       value,
@@ -1593,57 +1594,57 @@ function SingleSelectInputInner({
     }
     return result;
   }, [values, showCounts]);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(SingleSelectInput_default.singleSelect, className),
     style,
     "data-loading": isLoading
-  }, isLoading && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, isLoading && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.loadingMessage
-  }, "Loading options..."), error && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, "Loading options..."), error && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.errorMessage
-  }, "Error loading options: ", error.message), !isLoading && !error && values.length === 0 && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, "Error loading options: ", error.message), !isLoading && !error && values.length === 0 && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.emptyMessage
-  }, "No options available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, "No options available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: SingleSelectInput_default.selectContainer
-  }, /* @__PURE__ */ React53__default.default.createElement(Select.Root, {
+  }, /* @__PURE__ */ React54__default.default.createElement(Select.Root, {
     value: selectedValue ?? null,
     onValueChange: handleValueChange,
     items
-  }, /* @__PURE__ */ React53__default.default.createElement(Select.Trigger, {
+  }, /* @__PURE__ */ React54__default.default.createElement(Select.Trigger, {
     placeholder,
     "aria-label": ariaLabel
-  }), /* @__PURE__ */ React53__default.default.createElement(Select.Portal, null, /* @__PURE__ */ React53__default.default.createElement(Select.Positioner, null, /* @__PURE__ */ React53__default.default.createElement(Select.Popup, null, values.map(({
+  }), /* @__PURE__ */ React54__default.default.createElement(Select.Portal, null, /* @__PURE__ */ React54__default.default.createElement(Select.Positioner, null, /* @__PURE__ */ React54__default.default.createElement(Select.Popup, null, values.map(({
     value,
     count
-  }) => /* @__PURE__ */ React53__default.default.createElement(Select.Item, {
+  }) => /* @__PURE__ */ React54__default.default.createElement(Select.Item, {
     key: value,
     value
-  }, showCounts ? `${value} (${count.toLocaleString()})` : value)))))), showClearButton && selectedValue !== void 0 && /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }, showCounts ? `${value} (${count.toLocaleString()})` : value)))))), showClearButton && selectedValue !== void 0 && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     type: "button",
     className: SingleSelectInput_default.clearButton,
     onClick: handleClear,
     "aria-label": "Clear selection"
-  }, /* @__PURE__ */ React53__default.default.createElement(icons.Cross, {
+  }, /* @__PURE__ */ React54__default.default.createElement(icons.Cross, {
     color: "currentColor"
   }))));
 }
-var SingleSelectInput = /* @__PURE__ */ React53.memo(SingleSelectInputInner);
+var SingleSelectInput = /* @__PURE__ */ React54.memo(SingleSelectInputInner);
 
 // src/filter-list/base/inputs/TextTagsInput.module.css
 var TextTagsInput_default = {};
 
 // src/filter-list/base/inputs/TextTagsInput.tsx
 var TAG_SEPARATOR_PATTERN = /[,\n]/;
-var TagItem = /* @__PURE__ */ React53.memo(function TagItem2({
+var TagItem = /* @__PURE__ */ React54.memo(function TagItem2({
   tag,
   onRemove
 }) {
-  const handleRemove = React53.useCallback(() => {
+  const handleRemove = React54.useCallback(() => {
     onRemove(tag);
   }, [tag, onRemove]);
-  return /* @__PURE__ */ React53__default.default.createElement("span", {
+  return /* @__PURE__ */ React54__default.default.createElement("span", {
     className: shared_default.tag
-  }, tag, /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }, tag, /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     type: "button",
     className: shared_default.tagRemove,
     onClick: handleRemove,
@@ -1663,29 +1664,29 @@ function TextTagsInputInner({
   suggestionLimit = 10,
   ariaLabel = "Add tag"
 }) {
-  const [inputValue, setInputValue] = React53.useState("");
-  const filteredSuggestions = React53.useMemo(() => {
+  const [inputValue, setInputValue] = React54.useState("");
+  const filteredSuggestions = React54.useMemo(() => {
     if (!suggestionLimit) return [];
     const lowerInput = inputValue.toLowerCase();
     return suggestions.filter((s) => (!inputValue.trim() || s.value.toLowerCase().includes(lowerInput)) && !tags.includes(s.value)).slice(0, suggestionLimit);
   }, [suggestions, inputValue, tags, suggestionLimit]);
-  const addTag = React53.useCallback((tag) => {
+  const addTag = React54.useCallback((tag) => {
     const trimmedTag = tag.trim();
     if (trimmedTag && !tags.includes(trimmedTag)) {
       onChange([...tags, trimmedTag]);
     }
     setInputValue("");
   }, [tags, onChange]);
-  const removeTag = React53.useCallback((tag) => {
+  const removeTag = React54.useCallback((tag) => {
     onChange(tags.filter((t) => t !== tag));
   }, [tags, onChange]);
-  const handleValueChange = React53.useCallback((newTags) => {
+  const handleValueChange = React54.useCallback((newTags) => {
     onChange(newTags ?? []);
   }, [onChange]);
-  const handleInputValueChange = React53.useCallback((value) => {
+  const handleInputValueChange = React54.useCallback((value) => {
     setInputValue(value);
   }, []);
-  const handleKeyDown = React53.useCallback((e) => {
+  const handleKeyDown = React54.useCallback((e) => {
     if (e.key === "Enter" && inputValue.trim()) {
       if (filteredSuggestions.length > 0) {
         return;
@@ -1698,7 +1699,7 @@ function TextTagsInputInner({
       removeTag(tags[tags.length - 1]);
     }
   }, [inputValue, tags, addTag, removeTag, allowCustomTags, filteredSuggestions]);
-  const handlePaste = React53.useCallback((e) => {
+  const handlePaste = React54.useCallback((e) => {
     const pastedText = e.clipboardData.getData("text");
     if (TAG_SEPARATOR_PATTERN.test(pastedText)) {
       e.preventDefault();
@@ -1708,41 +1709,41 @@ function TextTagsInputInner({
       }
     }
   }, [tags, onChange]);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(TextTagsInput_default.textTags, className),
     style,
     "data-loading": isLoading
-  }, error && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, error && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.errorMessage
-  }, "Error loading suggestions: ", error.message), /* @__PURE__ */ React53__default.default.createElement(Combobox.Root, {
+  }, "Error loading suggestions: ", error.message), /* @__PURE__ */ React54__default.default.createElement(Combobox.Root, {
     multiple: true,
     value: tags,
     onValueChange: handleValueChange,
     inputValue,
     onInputValueChange: handleInputValueChange
-  }, tags.length > 0 && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, tags.length > 0 && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.tagContainer
-  }, tags.map((tag) => /* @__PURE__ */ React53__default.default.createElement(TagItem, {
+  }, tags.map((tag) => /* @__PURE__ */ React54__default.default.createElement(TagItem, {
     key: tag,
     tag,
     onRemove: removeTag
-  }))), /* @__PURE__ */ React53__default.default.createElement(Combobox.Input, {
+  }))), /* @__PURE__ */ React54__default.default.createElement(Combobox.Input, {
     className: TextTagsInput_default.input,
     placeholder: tags.length > 0 ? "" : placeholder,
     onKeyDown: handleKeyDown,
     onPaste: handlePaste,
     "aria-label": ariaLabel
-  }), /* @__PURE__ */ React53__default.default.createElement(Combobox.Portal, null, /* @__PURE__ */ React53__default.default.createElement(Combobox.Positioner, null, /* @__PURE__ */ React53__default.default.createElement(Combobox.Popup, null, filteredSuggestions.length === 0 ? allowCustomTags && inputValue.trim() ? /* @__PURE__ */ React53__default.default.createElement(Combobox.Empty, null, 'Press Enter to add "', inputValue, '"') : /* @__PURE__ */ React53__default.default.createElement(Combobox.Empty, null, suggestionLimit ? "No suggestions" : "Type to add a tag") : filteredSuggestions.map(({
+  }), /* @__PURE__ */ React54__default.default.createElement(Combobox.Portal, null, /* @__PURE__ */ React54__default.default.createElement(Combobox.Positioner, null, /* @__PURE__ */ React54__default.default.createElement(Combobox.Popup, null, filteredSuggestions.length === 0 ? allowCustomTags && inputValue.trim() ? /* @__PURE__ */ React54__default.default.createElement(Combobox.Empty, null, 'Press Enter to add "', inputValue, '"') : /* @__PURE__ */ React54__default.default.createElement(Combobox.Empty, null, suggestionLimit ? "No suggestions" : "Type to add a tag") : filteredSuggestions.map(({
     value,
     count
-  }) => /* @__PURE__ */ React53__default.default.createElement(Combobox.Item, {
+  }) => /* @__PURE__ */ React54__default.default.createElement(Combobox.Item, {
     key: value,
     value
-  }, value, " (", count.toLocaleString(), ")")))))), isLoading && !!suggestionLimit && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, value, " (", count.toLocaleString(), ")")))))), isLoading && !!suggestionLimit && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.loadingMessage
   }, "Loading suggestions..."));
 }
-var TextTagsInput = /* @__PURE__ */ React53.memo(TextTagsInputInner);
+var TextTagsInput = /* @__PURE__ */ React54.memo(TextTagsInputInner);
 
 // src/filter-list/base/inputs/TimelineInput.module.css
 var TimelineInput_default = {};
@@ -1756,31 +1757,31 @@ function TimelineInputInner({
   minDate,
   maxDate
 }) {
-  const handleStartChange = React53.useCallback((e) => {
+  const handleStartChange = React54.useCallback((e) => {
     const date = parseDateFromInput(e.target.value);
     onChange(date, endDate);
   }, [onChange, endDate]);
-  const handleEndChange = React53.useCallback((e) => {
+  const handleEndChange = React54.useCallback((e) => {
     const date = parseDateFromInput(e.target.value);
     onChange(startDate, date);
   }, [onChange, startDate]);
-  const handleClear = React53.useCallback(() => {
+  const handleClear = React54.useCallback(() => {
     onChange(void 0, void 0);
   }, [onChange]);
-  const startInputMax = React53.useMemo(() => endDate ?? maxDate, [endDate, maxDate]);
-  const endInputMin = React53.useMemo(() => startDate ?? minDate, [startDate, minDate]);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  const startInputMax = React54.useMemo(() => endDate ?? maxDate, [endDate, maxDate]);
+  const endInputMin = React54.useMemo(() => startDate ?? minDate, [startDate, minDate]);
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(TimelineInput_default.timeline, className)
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: TimelineInput_default.labels
-  }, /* @__PURE__ */ React53__default.default.createElement("span", null, formatDateForDisplay(startDate, "\u2014")), /* @__PURE__ */ React53__default.default.createElement("span", null, "to"), /* @__PURE__ */ React53__default.default.createElement("span", null, formatDateForDisplay(endDate, "\u2014")), (startDate || endDate) && /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }, /* @__PURE__ */ React54__default.default.createElement("span", null, formatDateForDisplay(startDate, "\u2014")), /* @__PURE__ */ React54__default.default.createElement("span", null, "to"), /* @__PURE__ */ React54__default.default.createElement("span", null, formatDateForDisplay(endDate, "\u2014")), (startDate || endDate) && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     type: "button",
     onClick: handleClear,
     "aria-label": "Clear range",
     className: TimelineInput_default.clearButton
-  }, "\xD7")), /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, "\xD7")), /* @__PURE__ */ React54__default.default.createElement("div", {
     className: TimelineInput_default.brush
-  }, /* @__PURE__ */ React53__default.default.createElement(input.Input, {
+  }, /* @__PURE__ */ React54__default.default.createElement(input.Input, {
     type: "date",
     className: TimelineInput_default.input,
     value: formatDateForInput(startDate),
@@ -1788,7 +1789,7 @@ function TimelineInputInner({
     min: minDate ? formatDateForInput(minDate) : void 0,
     max: startInputMax ? formatDateForInput(startInputMax) : void 0,
     "aria-label": "Start date"
-  }), /* @__PURE__ */ React53__default.default.createElement("span", null, "\u2014"), /* @__PURE__ */ React53__default.default.createElement(input.Input, {
+  }), /* @__PURE__ */ React54__default.default.createElement("span", null, "\u2014"), /* @__PURE__ */ React54__default.default.createElement(input.Input, {
     type: "date",
     className: TimelineInput_default.input,
     value: formatDateForInput(endDate),
@@ -1798,9 +1799,9 @@ function TimelineInputInner({
     "aria-label": "End date"
   })));
 }
-var TimelineInput = /* @__PURE__ */ React53.memo(TimelineInputInner);
+var TimelineInput = /* @__PURE__ */ React54.memo(TimelineInputInner);
 function usePropertyAggregation(objectType, propertyKey, options) {
-  const aggregateOptions = React53.useMemo(() => ({
+  const aggregateOptions = React54.useMemo(() => ({
     $select: {
       $count: "unordered"
     },
@@ -1820,7 +1821,7 @@ function usePropertyAggregation(objectType, propertyKey, options) {
     aggregate: aggregateOptions,
     where: options?.where
   });
-  const result = React53.useMemo(() => {
+  const result = React54.useMemo(() => {
     if (!countData) {
       return {
         data: [],
@@ -1917,45 +1918,45 @@ function LinkedPropertyInputInner({
   className,
   style
 }) {
-  const linkedObjectSet = React53.useMemo(() => objectSet.pivotTo(definition.linkName), [objectSet, definition.linkName]);
+  const linkedObjectSet = React54.useMemo(() => objectSet.pivotTo(definition.linkName), [objectSet, definition.linkName]);
   const linkedObjectType = linkedObjectSet.$objectSetInternals.def;
   const linkedPropertyKey = definition.linkedPropertyKey;
   const innerState = filterState?.type === "linkedProperty" ? filterState.linkedFilterState : void 0;
   const isExcluding = innerState?.isExcluding ?? false;
   const includeNull = innerState?.includeNull;
-  const wrappedOnChange = React53.useCallback((innerFilterState) => {
+  const wrappedOnChange = React54.useCallback((innerFilterState) => {
     onFilterStateChanged({
       type: "linkedProperty",
       linkedFilterState: innerFilterState
     });
   }, [onFilterStateChanged]);
-  const onSelectChange = React53.useCallback((selectedValues) => {
+  const onSelectChange = React54.useCallback((selectedValues) => {
     wrappedOnChange({
       type: "SELECT",
       selectedValues,
       isExcluding
     });
   }, [wrappedOnChange, isExcluding]);
-  const onSingleSelectChange = React53.useCallback((selectedValue) => {
+  const onSingleSelectChange = React54.useCallback((selectedValue) => {
     wrappedOnChange({
       type: "SELECT",
       selectedValues: selectedValue !== void 0 ? [selectedValue] : [],
       isExcluding
     });
   }, [wrappedOnChange, isExcluding]);
-  const onContainsTextChange = React53.useCallback((value) => {
+  const onContainsTextChange = React54.useCallback((value) => {
     wrappedOnChange({
       type: "CONTAINS_TEXT",
       value
     });
   }, [wrappedOnChange]);
-  const onToggleChange = React53.useCallback((enabled) => {
+  const onToggleChange = React54.useCallback((enabled) => {
     wrappedOnChange({
       type: "TOGGLE",
       enabled
     });
   }, [wrappedOnChange]);
-  const onNumberRangeChange = React53.useCallback((minValue, maxValue) => {
+  const onNumberRangeChange = React54.useCallback((minValue, maxValue) => {
     wrappedOnChange({
       type: "NUMBER_RANGE",
       minValue,
@@ -1963,7 +1964,7 @@ function LinkedPropertyInputInner({
       includeNull
     });
   }, [wrappedOnChange, includeNull]);
-  const onDateRangeChange = React53.useCallback((minValue, maxValue) => {
+  const onDateRangeChange = React54.useCallback((minValue, maxValue) => {
     wrappedOnChange({
       type: "DATE_RANGE",
       minValue,
@@ -1971,27 +1972,27 @@ function LinkedPropertyInputInner({
       includeNull
     });
   }, [wrappedOnChange, includeNull]);
-  const onExactMatchChange = React53.useCallback((values) => {
+  const onExactMatchChange = React54.useCallback((values) => {
     wrappedOnChange({
       type: "EXACT_MATCH",
       values,
       isExcluding
     });
   }, [wrappedOnChange, isExcluding]);
-  const onDateSelectChange = React53.useCallback((date) => {
+  const onDateSelectChange = React54.useCallback((date) => {
     wrappedOnChange({
       type: "SELECT",
       selectedValues: date !== void 0 ? [date] : [],
       isExcluding
     });
   }, [wrappedOnChange, isExcluding]);
-  const onMultiDateChange = React53.useCallback((dates) => {
+  const onMultiDateChange = React54.useCallback((dates) => {
     wrappedOnChange({
       type: "SELECT",
       selectedValues: dates
     });
   }, [wrappedOnChange]);
-  const onTimelineChange = React53.useCallback((start, end) => {
+  const onTimelineChange = React54.useCallback((start, end) => {
     wrappedOnChange({
       type: "TIMELINE",
       startDate: start,
@@ -1999,7 +2000,7 @@ function LinkedPropertyInputInner({
       isExcluding
     });
   }, [wrappedOnChange, isExcluding]);
-  const onNullChange = React53.useCallback((newIncludeNull) => {
+  const onNullChange = React54.useCallback((newIncludeNull) => {
     if (innerState?.type === "NUMBER_RANGE") {
       wrappedOnChange({
         ...innerState,
@@ -2023,7 +2024,7 @@ function LinkedPropertyInputInner({
     switch (definition.linkedFilterComponent) {
       case "CHECKBOX_LIST": {
         const selectedValues = innerState?.type === "SELECT" ? coerceToStringArray(innerState.selectedValues) : [];
-        return /* @__PURE__ */ React53__default.default.createElement(LinkedCheckboxListInput, {
+        return /* @__PURE__ */ React54__default.default.createElement(LinkedCheckboxListInput, {
           objectType: linkedObjectType,
           propertyKey: linkedPropertyKey,
           selectedValues,
@@ -2032,7 +2033,7 @@ function LinkedPropertyInputInner({
       }
       case "MULTI_SELECT": {
         const values = innerState?.type === "SELECT" ? coerceToStringArray(innerState.selectedValues) : [];
-        return /* @__PURE__ */ React53__default.default.createElement(LinkedMultiSelectInput, {
+        return /* @__PURE__ */ React54__default.default.createElement(LinkedMultiSelectInput, {
           objectType: linkedObjectType,
           propertyKey: linkedPropertyKey,
           selectedValues: values,
@@ -2041,7 +2042,7 @@ function LinkedPropertyInputInner({
       }
       case "SINGLE_SELECT": {
         const value = innerState?.type === "SELECT" ? coerceToString(innerState.selectedValues[0]) : void 0;
-        return /* @__PURE__ */ React53__default.default.createElement(LinkedSingleSelectInput, {
+        return /* @__PURE__ */ React54__default.default.createElement(LinkedSingleSelectInput, {
           objectType: linkedObjectType,
           propertyKey: linkedPropertyKey,
           selectedValue: value,
@@ -2050,7 +2051,7 @@ function LinkedPropertyInputInner({
       }
       case "CONTAINS_TEXT": {
         const value = innerState?.type === "CONTAINS_TEXT" ? innerState.value : void 0;
-        return /* @__PURE__ */ React53__default.default.createElement(ContainsTextInput, {
+        return /* @__PURE__ */ React54__default.default.createElement(ContainsTextInput, {
           value,
           onChange: onContainsTextChange,
           placeholder: `Search ${String(definition.linkedPropertyKey)}...`
@@ -2058,14 +2059,14 @@ function LinkedPropertyInputInner({
       }
       case "TOGGLE": {
         const enabled = innerState?.type === "TOGGLE" ? innerState.enabled : false;
-        return /* @__PURE__ */ React53__default.default.createElement(ToggleInput, {
+        return /* @__PURE__ */ React54__default.default.createElement(ToggleInput, {
           enabled,
           onChange: onToggleChange
         });
       }
       case "NUMBER_RANGE": {
         const nr = innerState?.type === "NUMBER_RANGE" ? innerState : void 0;
-        return /* @__PURE__ */ React53__default.default.createElement(LinkedNumberRangeInput, {
+        return /* @__PURE__ */ React54__default.default.createElement(LinkedNumberRangeInput, {
           objectType: linkedObjectType,
           propertyKey: linkedPropertyKey,
           minValue: nr?.minValue,
@@ -2077,7 +2078,7 @@ function LinkedPropertyInputInner({
       }
       case "DATE_RANGE": {
         const dr = innerState?.type === "DATE_RANGE" ? innerState : void 0;
-        return /* @__PURE__ */ React53__default.default.createElement(LinkedDateRangeInput, {
+        return /* @__PURE__ */ React54__default.default.createElement(LinkedDateRangeInput, {
           objectType: linkedObjectType,
           propertyKey: linkedPropertyKey,
           minValue: dr?.minValue,
@@ -2090,7 +2091,7 @@ function LinkedPropertyInputInner({
       case "LISTOGRAM": {
         const exactState = innerState?.type === "EXACT_MATCH" ? innerState : void 0;
         const selectedValues = exactState ? coerceToStringArray(exactState.values) : [];
-        return /* @__PURE__ */ React53__default.default.createElement(LinkedListogramInput, {
+        return /* @__PURE__ */ React54__default.default.createElement(LinkedListogramInput, {
           objectType: linkedObjectType,
           propertyKey: linkedPropertyKey,
           selectedValues,
@@ -2100,7 +2101,7 @@ function LinkedPropertyInputInner({
       case "TEXT_TAGS": {
         const exactState = innerState?.type === "EXACT_MATCH" ? innerState : void 0;
         const tags = exactState ? coerceToStringArray(exactState.values) : [];
-        return /* @__PURE__ */ React53__default.default.createElement(LinkedTextTagsInput, {
+        return /* @__PURE__ */ React54__default.default.createElement(LinkedTextTagsInput, {
           objectType: linkedObjectType,
           propertyKey: linkedPropertyKey,
           tags,
@@ -2109,7 +2110,7 @@ function LinkedPropertyInputInner({
       }
       case "SINGLE_DATE": {
         const selectedDate = innerState?.type === "SELECT" ? innerState.selectedValues[0] instanceof Date ? innerState.selectedValues[0] : void 0 : void 0;
-        return /* @__PURE__ */ React53__default.default.createElement(SingleDateInput, {
+        return /* @__PURE__ */ React54__default.default.createElement(SingleDateInput, {
           selectedDate,
           onChange: onDateSelectChange,
           showClearButton: true
@@ -2117,7 +2118,7 @@ function LinkedPropertyInputInner({
       }
       case "MULTI_DATE": {
         const selectedDates = innerState?.type === "SELECT" ? innerState.selectedValues.filter((v) => v instanceof Date) : [];
-        return /* @__PURE__ */ React53__default.default.createElement(MultiDateInput, {
+        return /* @__PURE__ */ React54__default.default.createElement(MultiDateInput, {
           selectedDates,
           onChange: onMultiDateChange,
           showClearAll: true
@@ -2125,7 +2126,7 @@ function LinkedPropertyInputInner({
       }
       case "TIMELINE": {
         const tl = innerState?.type === "TIMELINE" ? innerState : void 0;
-        return /* @__PURE__ */ React53__default.default.createElement(TimelineInput, {
+        return /* @__PURE__ */ React54__default.default.createElement(TimelineInput, {
           startDate: tl?.startDate,
           endDate: tl?.endDate,
           onChange: onTimelineChange
@@ -2135,12 +2136,12 @@ function LinkedPropertyInputInner({
         return assertUnreachable(definition.linkedFilterComponent);
     }
   })();
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(LinkedPropertyInput_default.linkedProperty, className),
     style
   }, content);
 }
-var LinkedPropertyInput = /* @__PURE__ */ React53.memo(LinkedPropertyInputInner);
+var LinkedPropertyInput = /* @__PURE__ */ React54.memo(LinkedPropertyInputInner);
 function LinkedCheckboxListInput({
   objectType,
   propertyKey,
@@ -2152,7 +2153,7 @@ function LinkedCheckboxListInput({
     isLoading,
     error
   } = usePropertyAggregation(objectType, propertyKey);
-  return /* @__PURE__ */ React53__default.default.createElement(CheckboxListInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(CheckboxListInput, {
     values: data,
     isLoading,
     error,
@@ -2171,7 +2172,7 @@ function LinkedMultiSelectInput({
     isLoading,
     error
   } = usePropertyAggregation(objectType, propertyKey);
-  return /* @__PURE__ */ React53__default.default.createElement(MultiSelectInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(MultiSelectInput, {
     values: data,
     isLoading,
     error,
@@ -2190,7 +2191,7 @@ function LinkedSingleSelectInput({
     isLoading,
     error
   } = usePropertyAggregation(objectType, propertyKey);
-  return /* @__PURE__ */ React53__default.default.createElement(SingleSelectInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(SingleSelectInput, {
     values: data,
     isLoading,
     error,
@@ -2211,7 +2212,7 @@ function LinkedListogramInput({
     isLoading,
     error
   } = usePropertyAggregation(objectType, propertyKey);
-  return /* @__PURE__ */ React53__default.default.createElement(ListogramInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(ListogramInput, {
     values: data,
     maxCount,
     isLoading,
@@ -2226,7 +2227,7 @@ function LinkedTextTagsInput({
   tags,
   onChange
 }) {
-  const aggregationOptions = React53.useMemo(() => ({
+  const aggregationOptions = React54.useMemo(() => ({
     limit: 50
   }), []);
   const {
@@ -2234,7 +2235,7 @@ function LinkedTextTagsInput({
     isLoading,
     error
   } = usePropertyAggregation(objectType, propertyKey, aggregationOptions);
-  return /* @__PURE__ */ React53__default.default.createElement(TextTagsInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(TextTagsInput, {
     suggestions: data,
     isLoading,
     error,
@@ -2244,17 +2245,17 @@ function LinkedTextTagsInput({
   });
 }
 function useLinkedRangeData(objectType, propertyKey) {
-  const aggregateOptions = React53.useMemo(() => createGroupByAggregateOptions(propertyKey), [propertyKey]);
-  const histogramArgs = React53.useMemo(() => ({
+  const aggregateOptions = React54.useMemo(() => createGroupByAggregateOptions(propertyKey), [propertyKey]);
+  const histogramArgs = React54.useMemo(() => ({
     aggregate: aggregateOptions
   }), [aggregateOptions]);
   const {
     data: aggregateData,
     isLoading: histLoading
   } = experimental.useOsdkAggregation(objectType, histogramArgs);
-  const nullCountAggregateOptions = React53.useMemo(() => createNullCountAggregateOptions(), []);
-  const nullWhereClause = React53.useMemo(() => createNullWhereClause(propertyKey), [propertyKey]);
-  const nullCountArgs = React53.useMemo(() => ({
+  const nullCountAggregateOptions = React54.useMemo(() => createNullCountAggregateOptions(), []);
+  const nullWhereClause = React54.useMemo(() => createNullWhereClause(propertyKey), [propertyKey]);
+  const nullCountArgs = React54.useMemo(() => ({
     where: nullWhereClause,
     aggregate: nullCountAggregateOptions
   }), [nullWhereClause, nullCountAggregateOptions]);
@@ -2262,7 +2263,7 @@ function useLinkedRangeData(objectType, propertyKey) {
     data: nullCountData,
     isLoading: nullLoading
   } = experimental.useOsdkAggregation(objectType, nullCountArgs);
-  const nullCount = React53.useMemo(() => {
+  const nullCount = React54.useMemo(() => {
     if (!nullCountData) return 0;
     const result = nullCountData;
     if ("$count" in result && typeof result.$count === "number") {
@@ -2292,7 +2293,7 @@ function LinkedNumberRangeInput({
     nullCount,
     nullLoading
   } = useLinkedRangeData(objectType, propertyKey);
-  const valueCountPairs = React53.useMemo(() => {
+  const valueCountPairs = React54.useMemo(() => {
     if (!aggregateData) return [];
     const dataArray = aggregateData;
     const pairs = [];
@@ -2310,12 +2311,12 @@ function LinkedNumberRangeInput({
     }
     return pairs;
   }, [aggregateData, propertyKey]);
-  return /* @__PURE__ */ React53__default.default.createElement(NullValueWrapper, {
+  return /* @__PURE__ */ React54__default.default.createElement(NullValueWrapper, {
     nullCount,
     isLoading: nullLoading,
     includeNull,
     onIncludeNullChange: onNullChange
-  }, /* @__PURE__ */ React53__default.default.createElement(NumberRangeInput, {
+  }, /* @__PURE__ */ React54__default.default.createElement(NumberRangeInput, {
     valueCountPairs,
     isLoading: histLoading,
     minValue,
@@ -2338,7 +2339,7 @@ function LinkedDateRangeInput({
     nullCount,
     nullLoading
   } = useLinkedRangeData(objectType, propertyKey);
-  const valueCountPairs = React53.useMemo(() => {
+  const valueCountPairs = React54.useMemo(() => {
     if (!aggregateData) return [];
     const dataArray = aggregateData;
     const pairs = [];
@@ -2356,12 +2357,12 @@ function LinkedDateRangeInput({
     }
     return pairs;
   }, [aggregateData, propertyKey]);
-  return /* @__PURE__ */ React53__default.default.createElement(NullValueWrapper, {
+  return /* @__PURE__ */ React54__default.default.createElement(NullValueWrapper, {
     nullCount,
     isLoading: nullLoading,
     includeNull,
     onIncludeNullChange: onNullChange
-  }, /* @__PURE__ */ React53__default.default.createElement(DateRangeInput, {
+  }, /* @__PURE__ */ React54__default.default.createElement(DateRangeInput, {
     valueCountPairs,
     isLoading: histLoading,
     minValue,
@@ -2377,16 +2378,16 @@ function CheckboxListFilterInputInner({
   whereClause,
   colorMap
 }) {
-  const selectedValues = React53.useMemo(() => filterState?.type === "SELECT" ? coerceToStringArray(filterState.selectedValues) : [], [filterState]);
+  const selectedValues = React54.useMemo(() => filterState?.type === "SELECT" ? coerceToStringArray(filterState.selectedValues) : [], [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React53.useCallback((newSelectedValues) => {
+  const handleChange = React54.useCallback((newSelectedValues) => {
     onFilterStateChanged({
       type: "SELECT",
       selectedValues: newSelectedValues,
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  const aggregationOptions = React53.useMemo(() => ({
+  const aggregationOptions = React54.useMemo(() => ({
     where: whereClause
   }), [whereClause]);
   const {
@@ -2394,7 +2395,7 @@ function CheckboxListFilterInputInner({
     isLoading,
     error
   } = usePropertyAggregation(objectType, propertyKey, aggregationOptions);
-  return /* @__PURE__ */ React53__default.default.createElement(CheckboxListInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(CheckboxListInput, {
     values: data,
     isLoading,
     error,
@@ -2403,26 +2404,26 @@ function CheckboxListFilterInputInner({
     colorMap
   });
 }
-var CheckboxListFilterInput = /* @__PURE__ */ React53.memo(CheckboxListFilterInputInner);
+var CheckboxListFilterInput = /* @__PURE__ */ React54.memo(CheckboxListFilterInputInner);
 function ContainsTextFilterInputInner({
   propertyKey,
   filterState,
   onFilterStateChanged
 }) {
-  const value = React53.useMemo(() => filterState?.type === "CONTAINS_TEXT" ? filterState.value : void 0, [filterState]);
-  const handleChange = React53.useCallback((value2) => {
+  const value = React54.useMemo(() => filterState?.type === "CONTAINS_TEXT" ? filterState.value : void 0, [filterState]);
+  const handleChange = React54.useCallback((value2) => {
     onFilterStateChanged({
       type: "CONTAINS_TEXT",
       value: value2
     });
   }, [onFilterStateChanged]);
-  return /* @__PURE__ */ React53__default.default.createElement(ContainsTextInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(ContainsTextInput, {
     value,
     onChange: handleChange,
     placeholder: `Search ${propertyKey}...`
   });
 }
-var ContainsTextFilterInput = /* @__PURE__ */ React53.memo(ContainsTextFilterInputInner);
+var ContainsTextFilterInput = /* @__PURE__ */ React54.memo(ContainsTextFilterInputInner);
 function DateRangeFilterInputInner({
   objectType,
   propertyKey,
@@ -2431,7 +2432,7 @@ function DateRangeFilterInputInner({
 }) {
   const dateRangeState = filterState?.type === "DATE_RANGE" ? filterState : void 0;
   const includeNull = filterState?.includeNull;
-  const handleNullChange = React53.useCallback((includeNull2) => {
+  const handleNullChange = React54.useCallback((includeNull2) => {
     onFilterStateChanged({
       type: "DATE_RANGE",
       minValue: dateRangeState?.minValue,
@@ -2439,7 +2440,7 @@ function DateRangeFilterInputInner({
       includeNull: includeNull2
     });
   }, [onFilterStateChanged, dateRangeState?.minValue, dateRangeState?.maxValue]);
-  const handleRangeChange = React53.useCallback((minValue, maxValue) => {
+  const handleRangeChange = React54.useCallback((minValue, maxValue) => {
     onFilterStateChanged({
       type: "DATE_RANGE",
       minValue,
@@ -2447,15 +2448,15 @@ function DateRangeFilterInputInner({
       includeNull
     });
   }, [onFilterStateChanged, includeNull]);
-  const aggregateOptions = React53.useMemo(() => createGroupByAggregateOptions(propertyKey), [propertyKey]);
-  const histogramArgs = React53.useMemo(() => ({
+  const aggregateOptions = React54.useMemo(() => createGroupByAggregateOptions(propertyKey), [propertyKey]);
+  const histogramArgs = React54.useMemo(() => ({
     aggregate: aggregateOptions
   }), [aggregateOptions]);
   const {
     data: aggregateData,
     isLoading: histLoading
   } = experimental.useOsdkAggregation(objectType, histogramArgs);
-  const valueCountPairs = React53.useMemo(() => {
+  const valueCountPairs = React54.useMemo(() => {
     if (!aggregateData) return [];
     const dataArray = aggregateData;
     const pairs = [];
@@ -2473,9 +2474,9 @@ function DateRangeFilterInputInner({
     }
     return pairs;
   }, [aggregateData, propertyKey]);
-  const nullCountAggregateOptions = React53.useMemo(() => createNullCountAggregateOptions(), []);
-  const nullWhereClause = React53.useMemo(() => createNullWhereClause(propertyKey), [propertyKey]);
-  const nullCountArgs = React53.useMemo(() => ({
+  const nullCountAggregateOptions = React54.useMemo(() => createNullCountAggregateOptions(), []);
+  const nullWhereClause = React54.useMemo(() => createNullWhereClause(propertyKey), [propertyKey]);
+  const nullCountArgs = React54.useMemo(() => ({
     where: nullWhereClause,
     aggregate: nullCountAggregateOptions
   }), [nullWhereClause, nullCountAggregateOptions]);
@@ -2484,7 +2485,7 @@ function DateRangeFilterInputInner({
     isLoading: nullLoading,
     error: nullError
   } = experimental.useOsdkAggregation(objectType, nullCountArgs);
-  const nullCount = React53.useMemo(() => {
+  const nullCount = React54.useMemo(() => {
     if (!nullCountData) return 0;
     const result = nullCountData;
     if ("$count" in result && typeof result.$count === "number") {
@@ -2492,13 +2493,13 @@ function DateRangeFilterInputInner({
     }
     return 0;
   }, [nullCountData]);
-  return /* @__PURE__ */ React53__default.default.createElement(NullValueWrapper, {
+  return /* @__PURE__ */ React54__default.default.createElement(NullValueWrapper, {
     nullCount,
     isLoading: nullLoading,
     error: nullError,
     includeNull,
     onIncludeNullChange: handleNullChange
-  }, /* @__PURE__ */ React53__default.default.createElement(DateRangeInput, {
+  }, /* @__PURE__ */ React54__default.default.createElement(DateRangeInput, {
     valueCountPairs,
     isLoading: histLoading,
     minValue: dateRangeState?.minValue,
@@ -2506,7 +2507,7 @@ function DateRangeFilterInputInner({
     onChange: handleRangeChange
   }));
 }
-var DateRangeFilterInput = /* @__PURE__ */ React53.memo(DateRangeFilterInputInner);
+var DateRangeFilterInput = /* @__PURE__ */ React54.memo(DateRangeFilterInputInner);
 function ListogramFilterInputInner({
   objectType,
   propertyKey,
@@ -2517,16 +2518,16 @@ function ListogramFilterInputInner({
   displayMode,
   maxVisibleItems
 }) {
-  const selectedValues = React53.useMemo(() => filterState?.type === "EXACT_MATCH" ? coerceToStringArray(filterState.values) : [], [filterState]);
+  const selectedValues = React54.useMemo(() => filterState?.type === "EXACT_MATCH" ? coerceToStringArray(filterState.values) : [], [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React53.useCallback((values) => {
+  const handleChange = React54.useCallback((values) => {
     onFilterStateChanged({
       type: "EXACT_MATCH",
       values,
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  const aggregationOptions = React53.useMemo(() => ({
+  const aggregationOptions = React54.useMemo(() => ({
     where: whereClause
   }), [whereClause]);
   const {
@@ -2535,7 +2536,7 @@ function ListogramFilterInputInner({
     isLoading,
     error
   } = usePropertyAggregation(objectType, propertyKey, aggregationOptions);
-  return /* @__PURE__ */ React53__default.default.createElement(ListogramInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(ListogramInput, {
     values: data,
     maxCount,
     isLoading,
@@ -2547,26 +2548,26 @@ function ListogramFilterInputInner({
     maxVisibleItems
   });
 }
-var ListogramFilterInput = /* @__PURE__ */ React53.memo(ListogramFilterInputInner);
+var ListogramFilterInput = /* @__PURE__ */ React54.memo(ListogramFilterInputInner);
 function MultiDateFilterInputInner({
   filterState,
   onFilterStateChanged
 }) {
-  const selectedDates = React53.useMemo(() => filterState?.type === "SELECT" ? filterState.selectedValues.filter((v) => v instanceof Date) : [], [filterState]);
+  const selectedDates = React54.useMemo(() => filterState?.type === "SELECT" ? filterState.selectedValues.filter((v) => v instanceof Date) : [], [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React53.useCallback((selectedDates2) => {
+  const handleChange = React54.useCallback((selectedDates2) => {
     onFilterStateChanged({
       type: "SELECT",
       selectedValues: selectedDates2,
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  return /* @__PURE__ */ React53__default.default.createElement(MultiDateInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(MultiDateInput, {
     selectedDates,
     onChange: handleChange
   });
 }
-var MultiDateFilterInput = /* @__PURE__ */ React53.memo(MultiDateFilterInputInner);
+var MultiDateFilterInput = /* @__PURE__ */ React54.memo(MultiDateFilterInputInner);
 function MultiSelectFilterInputInner({
   objectType,
   propertyKey,
@@ -2574,16 +2575,16 @@ function MultiSelectFilterInputInner({
   onFilterStateChanged,
   whereClause
 }) {
-  const selectedValues = React53.useMemo(() => filterState?.type === "SELECT" ? coerceToStringArray(filterState.selectedValues) : [], [filterState]);
+  const selectedValues = React54.useMemo(() => filterState?.type === "SELECT" ? coerceToStringArray(filterState.selectedValues) : [], [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React53.useCallback((selectedValues2) => {
+  const handleChange = React54.useCallback((selectedValues2) => {
     onFilterStateChanged({
       type: "SELECT",
       selectedValues: selectedValues2,
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  const aggregationOptions = React53.useMemo(() => ({
+  const aggregationOptions = React54.useMemo(() => ({
     where: whereClause
   }), [whereClause]);
   const {
@@ -2591,7 +2592,7 @@ function MultiSelectFilterInputInner({
     isLoading,
     error
   } = usePropertyAggregation(objectType, propertyKey, aggregationOptions);
-  return /* @__PURE__ */ React53__default.default.createElement(MultiSelectInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(MultiSelectInput, {
     values: data,
     isLoading,
     error,
@@ -2600,7 +2601,7 @@ function MultiSelectFilterInputInner({
     ariaLabel: `Search ${propertyKey} values`
   });
 }
-var MultiSelectFilterInput = /* @__PURE__ */ React53.memo(MultiSelectFilterInputInner);
+var MultiSelectFilterInput = /* @__PURE__ */ React54.memo(MultiSelectFilterInputInner);
 function NumberRangeFilterInputInner({
   objectType,
   propertyKey,
@@ -2609,7 +2610,7 @@ function NumberRangeFilterInputInner({
 }) {
   const numberRangeState = filterState?.type === "NUMBER_RANGE" ? filterState : void 0;
   const includeNull = filterState?.includeNull;
-  const handleNullChange = React53.useCallback((includeNull2) => {
+  const handleNullChange = React54.useCallback((includeNull2) => {
     onFilterStateChanged({
       type: "NUMBER_RANGE",
       minValue: numberRangeState?.minValue,
@@ -2617,7 +2618,7 @@ function NumberRangeFilterInputInner({
       includeNull: includeNull2
     });
   }, [onFilterStateChanged, numberRangeState?.minValue, numberRangeState?.maxValue]);
-  const handleRangeChange = React53.useCallback((minValue, maxValue) => {
+  const handleRangeChange = React54.useCallback((minValue, maxValue) => {
     onFilterStateChanged({
       type: "NUMBER_RANGE",
       minValue,
@@ -2625,15 +2626,15 @@ function NumberRangeFilterInputInner({
       includeNull
     });
   }, [onFilterStateChanged, includeNull]);
-  const aggregateOptions = React53.useMemo(() => createGroupByAggregateOptions(propertyKey), [propertyKey]);
-  const histogramArgs = React53.useMemo(() => ({
+  const aggregateOptions = React54.useMemo(() => createGroupByAggregateOptions(propertyKey), [propertyKey]);
+  const histogramArgs = React54.useMemo(() => ({
     aggregate: aggregateOptions
   }), [aggregateOptions]);
   const {
     data: aggregateData,
     isLoading: histLoading
   } = experimental.useOsdkAggregation(objectType, histogramArgs);
-  const valueCountPairs = React53.useMemo(() => {
+  const valueCountPairs = React54.useMemo(() => {
     if (!aggregateData) return [];
     const dataArray = aggregateData;
     const pairs = [];
@@ -2651,9 +2652,9 @@ function NumberRangeFilterInputInner({
     }
     return pairs;
   }, [aggregateData, propertyKey]);
-  const nullCountAggregateOptions = React53.useMemo(() => createNullCountAggregateOptions(), []);
-  const nullWhereClause = React53.useMemo(() => createNullWhereClause(propertyKey), [propertyKey]);
-  const nullCountArgs = React53.useMemo(() => ({
+  const nullCountAggregateOptions = React54.useMemo(() => createNullCountAggregateOptions(), []);
+  const nullWhereClause = React54.useMemo(() => createNullWhereClause(propertyKey), [propertyKey]);
+  const nullCountArgs = React54.useMemo(() => ({
     where: nullWhereClause,
     aggregate: nullCountAggregateOptions
   }), [nullWhereClause, nullCountAggregateOptions]);
@@ -2662,7 +2663,7 @@ function NumberRangeFilterInputInner({
     isLoading: nullLoading,
     error: nullError
   } = experimental.useOsdkAggregation(objectType, nullCountArgs);
-  const nullCount = React53.useMemo(() => {
+  const nullCount = React54.useMemo(() => {
     if (!nullCountData) return 0;
     const result = nullCountData;
     if ("$count" in result && typeof result.$count === "number") {
@@ -2670,13 +2671,13 @@ function NumberRangeFilterInputInner({
     }
     return 0;
   }, [nullCountData]);
-  return /* @__PURE__ */ React53__default.default.createElement(NullValueWrapper, {
+  return /* @__PURE__ */ React54__default.default.createElement(NullValueWrapper, {
     nullCount,
     isLoading: nullLoading,
     error: nullError,
     includeNull,
     onIncludeNullChange: handleNullChange
-  }, /* @__PURE__ */ React53__default.default.createElement(NumberRangeInput, {
+  }, /* @__PURE__ */ React54__default.default.createElement(NumberRangeInput, {
     valueCountPairs,
     isLoading: histLoading,
     minValue: numberRangeState?.minValue,
@@ -2684,26 +2685,26 @@ function NumberRangeFilterInputInner({
     onChange: handleRangeChange
   }));
 }
-var NumberRangeFilterInput = /* @__PURE__ */ React53.memo(NumberRangeFilterInputInner);
+var NumberRangeFilterInput = /* @__PURE__ */ React54.memo(NumberRangeFilterInputInner);
 function SingleDateFilterInputInner({
   filterState,
   onFilterStateChanged
 }) {
-  const selectedDate = React53.useMemo(() => filterState?.type === "SELECT" ? filterState.selectedValues[0] instanceof Date ? filterState.selectedValues[0] : void 0 : void 0, [filterState]);
+  const selectedDate = React54.useMemo(() => filterState?.type === "SELECT" ? filterState.selectedValues[0] instanceof Date ? filterState.selectedValues[0] : void 0 : void 0, [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React53.useCallback((selectedDate2) => {
+  const handleChange = React54.useCallback((selectedDate2) => {
     onFilterStateChanged({
       type: "SELECT",
       selectedValues: selectedDate2 !== void 0 ? [selectedDate2] : [],
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  return /* @__PURE__ */ React53__default.default.createElement(SingleDateInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(SingleDateInput, {
     selectedDate,
     onChange: handleChange
   });
 }
-var SingleDateFilterInput = /* @__PURE__ */ React53.memo(SingleDateFilterInputInner);
+var SingleDateFilterInput = /* @__PURE__ */ React54.memo(SingleDateFilterInputInner);
 function SingleSelectFilterInputInner({
   objectType,
   propertyKey,
@@ -2711,16 +2712,16 @@ function SingleSelectFilterInputInner({
   onFilterStateChanged,
   whereClause
 }) {
-  const selectedValue = React53.useMemo(() => filterState?.type === "SELECT" ? coerceToString(filterState.selectedValues[0]) : void 0, [filterState]);
+  const selectedValue = React54.useMemo(() => filterState?.type === "SELECT" ? coerceToString(filterState.selectedValues[0]) : void 0, [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React53.useCallback((value) => {
+  const handleChange = React54.useCallback((value) => {
     onFilterStateChanged({
       type: "SELECT",
       selectedValues: value !== void 0 ? [value] : [],
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  const aggregationOptions = React53.useMemo(() => ({
+  const aggregationOptions = React54.useMemo(() => ({
     where: whereClause
   }), [whereClause]);
   const {
@@ -2728,7 +2729,7 @@ function SingleSelectFilterInputInner({
     isLoading,
     error
   } = usePropertyAggregation(objectType, propertyKey, aggregationOptions);
-  return /* @__PURE__ */ React53__default.default.createElement(SingleSelectInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(SingleSelectInput, {
     values: data,
     isLoading,
     error,
@@ -2737,7 +2738,7 @@ function SingleSelectFilterInputInner({
     ariaLabel: `Select ${propertyKey}`
   });
 }
-var SingleSelectFilterInput = /* @__PURE__ */ React53.memo(SingleSelectFilterInputInner);
+var SingleSelectFilterInput = /* @__PURE__ */ React54.memo(SingleSelectFilterInputInner);
 function TextTagsFilterInputInner({
   objectType,
   propertyKey,
@@ -2745,16 +2746,16 @@ function TextTagsFilterInputInner({
   onFilterStateChanged,
   whereClause
 }) {
-  const tags = React53.useMemo(() => filterState?.type === "EXACT_MATCH" ? coerceToStringArray(filterState.values) : [], [filterState]);
+  const tags = React54.useMemo(() => filterState?.type === "EXACT_MATCH" ? coerceToStringArray(filterState.values) : [], [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React53.useCallback((values) => {
+  const handleChange = React54.useCallback((values) => {
     onFilterStateChanged({
       type: "EXACT_MATCH",
       values,
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  const aggregationOptions = React53.useMemo(() => ({
+  const aggregationOptions = React54.useMemo(() => ({
     where: whereClause
   }), [whereClause]);
   const {
@@ -2762,7 +2763,7 @@ function TextTagsFilterInputInner({
     isLoading,
     error
   } = usePropertyAggregation(objectType, propertyKey, aggregationOptions);
-  return /* @__PURE__ */ React53__default.default.createElement(TextTagsInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(TextTagsInput, {
     suggestions: data,
     isLoading,
     error,
@@ -2770,7 +2771,7 @@ function TextTagsFilterInputInner({
     onChange: handleChange
   });
 }
-var TextTagsFilterInput = /* @__PURE__ */ React53.memo(TextTagsFilterInputInner);
+var TextTagsFilterInput = /* @__PURE__ */ React54.memo(TextTagsFilterInputInner);
 function TimelineFilterInputInner({
   filterState,
   onFilterStateChanged
@@ -2778,7 +2779,7 @@ function TimelineFilterInputInner({
   const {
     startDate,
     endDate
-  } = React53.useMemo(() => filterState?.type === "TIMELINE" ? {
+  } = React54.useMemo(() => filterState?.type === "TIMELINE" ? {
     startDate: filterState.startDate,
     endDate: filterState.endDate
   } : {
@@ -2786,7 +2787,7 @@ function TimelineFilterInputInner({
     endDate: void 0
   }, [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React53.useCallback((startDate2, endDate2) => {
+  const handleChange = React54.useCallback((startDate2, endDate2) => {
     onFilterStateChanged({
       type: "TIMELINE",
       startDate: startDate2,
@@ -2794,30 +2795,30 @@ function TimelineFilterInputInner({
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  return /* @__PURE__ */ React53__default.default.createElement(TimelineInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(TimelineInput, {
     startDate,
     endDate,
     onChange: handleChange
   });
 }
-var TimelineFilterInput = /* @__PURE__ */ React53.memo(TimelineFilterInputInner);
+var TimelineFilterInput = /* @__PURE__ */ React54.memo(TimelineFilterInputInner);
 function ToggleFilterInputInner({
   filterState,
   onFilterStateChanged
 }) {
   const enabled = filterState?.type === "TOGGLE" ? filterState.enabled : false;
-  const handleChange = React53.useCallback((enabled2) => {
+  const handleChange = React54.useCallback((enabled2) => {
     onFilterStateChanged({
       type: "TOGGLE",
       enabled: enabled2
     });
   }, [onFilterStateChanged]);
-  return /* @__PURE__ */ React53__default.default.createElement(ToggleInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(ToggleInput, {
     enabled,
     onChange: handleChange
   });
 }
-var ToggleFilterInput = /* @__PURE__ */ React53.memo(ToggleFilterInputInner);
+var ToggleFilterInput = /* @__PURE__ */ React54.memo(ToggleFilterInputInner);
 
 // src/filter-list/inputs/PropertyFilterInput.tsx
 function PropertyFilterInputInner({
@@ -2829,7 +2830,7 @@ function PropertyFilterInputInner({
 }) {
   switch (definition.filterComponent) {
     case "CHECKBOX_LIST":
-      return /* @__PURE__ */ React53__default.default.createElement(CheckboxListFilterInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(CheckboxListFilterInput, {
         objectType,
         propertyKey: definition.key,
         filterState,
@@ -2838,32 +2839,32 @@ function PropertyFilterInputInner({
         colorMap: definition.colorMap
       });
     case "CONTAINS_TEXT":
-      return /* @__PURE__ */ React53__default.default.createElement(ContainsTextFilterInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(ContainsTextFilterInput, {
         propertyKey: definition.key,
         filterState,
         onFilterStateChanged
       });
     case "TOGGLE":
-      return /* @__PURE__ */ React53__default.default.createElement(ToggleFilterInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(ToggleFilterInput, {
         filterState,
         onFilterStateChanged
       });
     case "NUMBER_RANGE":
-      return /* @__PURE__ */ React53__default.default.createElement(NumberRangeFilterInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(NumberRangeFilterInput, {
         objectType,
         propertyKey: definition.key,
         filterState,
         onFilterStateChanged
       });
     case "DATE_RANGE":
-      return /* @__PURE__ */ React53__default.default.createElement(DateRangeFilterInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(DateRangeFilterInput, {
         objectType,
         propertyKey: definition.key,
         filterState,
         onFilterStateChanged
       });
     case "SINGLE_SELECT":
-      return /* @__PURE__ */ React53__default.default.createElement(SingleSelectFilterInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(SingleSelectFilterInput, {
         objectType,
         propertyKey: definition.key,
         filterState,
@@ -2871,7 +2872,7 @@ function PropertyFilterInputInner({
         whereClause
       });
     case "MULTI_SELECT":
-      return /* @__PURE__ */ React53__default.default.createElement(MultiSelectFilterInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(MultiSelectFilterInput, {
         objectType,
         propertyKey: definition.key,
         filterState,
@@ -2879,17 +2880,17 @@ function PropertyFilterInputInner({
         whereClause
       });
     case "SINGLE_DATE":
-      return /* @__PURE__ */ React53__default.default.createElement(SingleDateFilterInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(SingleDateFilterInput, {
         filterState,
         onFilterStateChanged
       });
     case "MULTI_DATE":
-      return /* @__PURE__ */ React53__default.default.createElement(MultiDateFilterInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(MultiDateFilterInput, {
         filterState,
         onFilterStateChanged
       });
     case "LISTOGRAM":
-      return /* @__PURE__ */ React53__default.default.createElement(ListogramFilterInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(ListogramFilterInput, {
         objectType,
         propertyKey: definition.key,
         filterState,
@@ -2900,7 +2901,7 @@ function PropertyFilterInputInner({
         maxVisibleItems: definition.listogramConfig?.maxVisibleItems
       });
     case "TEXT_TAGS":
-      return /* @__PURE__ */ React53__default.default.createElement(TextTagsFilterInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(TextTagsFilterInput, {
         objectType,
         propertyKey: definition.key,
         filterState,
@@ -2908,17 +2909,17 @@ function PropertyFilterInputInner({
         whereClause
       });
     case "TIMELINE":
-      return /* @__PURE__ */ React53__default.default.createElement(TimelineFilterInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(TimelineFilterInput, {
         filterState,
         onFilterStateChanged
       });
     default:
-      return /* @__PURE__ */ React53__default.default.createElement("div", {
+      return /* @__PURE__ */ React54__default.default.createElement("div", {
         "data-unsupported": "true"
       }, "Unsupported filter component: ", definition.filterComponent);
   }
 }
-var PropertyFilterInput = /* @__PURE__ */ React53.memo(PropertyFilterInputInner);
+var PropertyFilterInput = /* @__PURE__ */ React54.memo(PropertyFilterInputInner);
 
 // src/filter-list/FilterInput.tsx
 function FilterInputInner({
@@ -2929,7 +2930,7 @@ function FilterInputInner({
   onFilterStateChanged,
   whereClause
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(FilterInputContent, {
+  return /* @__PURE__ */ React54__default.default.createElement(FilterInputContent, {
     objectType,
     objectSet,
     definition,
@@ -2938,7 +2939,7 @@ function FilterInputInner({
     whereClause
   });
 }
-var FilterInput = /* @__PURE__ */ React53.memo(FilterInputInner);
+var FilterInput = /* @__PURE__ */ React54.memo(FilterInputInner);
 function FilterInputContent({
   objectType,
   objectSet,
@@ -2949,38 +2950,38 @@ function FilterInputContent({
 }) {
   switch (definition.type) {
     case "HAS_LINK":
-      return /* @__PURE__ */ React53__default.default.createElement(HasLinkInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(HasLinkInput, {
         filterState,
         onFilterStateChanged
       });
     case "LINKED_PROPERTY":
-      return /* @__PURE__ */ React53__default.default.createElement(LinkedPropertyInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(LinkedPropertyInput, {
         objectSet,
         definition,
         filterState,
         onFilterStateChanged
       });
     case "KEYWORD_SEARCH":
-      return /* @__PURE__ */ React53__default.default.createElement(KeywordSearchInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(KeywordSearchInput, {
         filterState,
         onFilterStateChanged,
         placeholder: definition.label ?? "Search..."
       });
     case "CUSTOM": {
       if (!definition.renderInput) {
-        return /* @__PURE__ */ React53__default.default.createElement("div", {
+        return /* @__PURE__ */ React54__default.default.createElement("div", {
           "data-unsupported": "true"
         }, "Custom filter missing renderInput");
       }
       const customFilterState = filterState?.type === "custom" ? filterState : definition.filterState;
-      return /* @__PURE__ */ React53__default.default.createElement(React53__default.default.Fragment, null, definition.renderInput({
+      return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, definition.renderInput({
         objectSet,
         filterState: customFilterState,
         onFilterStateChanged: (state) => onFilterStateChanged(state)
       }));
     }
     case "PROPERTY":
-      return /* @__PURE__ */ React53__default.default.createElement(PropertyFilterInput, {
+      return /* @__PURE__ */ React54__default.default.createElement(PropertyFilterInput, {
         objectType,
         objectSet,
         definition,
@@ -2989,42 +2990,42 @@ function FilterInputContent({
         whereClause
       });
     default:
-      return /* @__PURE__ */ React53__default.default.createElement("div", {
+      return /* @__PURE__ */ React54__default.default.createElement("div", {
         "data-unsupported": "true"
       }, "Unsupported filter type");
   }
 }
-var HasLinkInput = /* @__PURE__ */ React53.memo(function HasLinkInput2({
+var HasLinkInput = /* @__PURE__ */ React54.memo(function HasLinkInput2({
   filterState,
   onFilterStateChanged
 }) {
   const hasLink = filterState?.type === "hasLink" ? filterState.hasLink : false;
-  const handleChange = React53.useCallback((hasLink2) => {
+  const handleChange = React54.useCallback((hasLink2) => {
     onFilterStateChanged({
       type: "hasLink",
       hasLink: hasLink2
     });
   }, [onFilterStateChanged]);
-  return /* @__PURE__ */ React53__default.default.createElement(ToggleInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(ToggleInput, {
     enabled: hasLink,
     onChange: handleChange
   });
 });
-var KeywordSearchInput = /* @__PURE__ */ React53.memo(function KeywordSearchInput2({
+var KeywordSearchInput = /* @__PURE__ */ React54.memo(function KeywordSearchInput2({
   filterState,
   onFilterStateChanged,
   placeholder
 }) {
   const searchTerm = filterState?.type === "keywordSearch" ? filterState.searchTerm : void 0;
   const operator = filterState?.type === "keywordSearch" ? filterState.operator : "AND";
-  const handleChange = React53.useCallback((newSearchTerm) => {
+  const handleChange = React54.useCallback((newSearchTerm) => {
     onFilterStateChanged({
       type: "keywordSearch",
       searchTerm: newSearchTerm ?? "",
       operator
     });
   }, [onFilterStateChanged, operator]);
-  return /* @__PURE__ */ React53__default.default.createElement(ContainsTextInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(ContainsTextInput, {
     value: searchTerm,
     onChange: handleChange,
     placeholder
@@ -3050,6 +3051,23 @@ function getFilterKey(definition) {
 }
 
 // src/filter-list/utils/filterStateToWhereClause.ts
+function liftCompoundPropertyFilter(propertyKey, filter) {
+  if (typeof filter === "object" && !Array.isArray(filter)) {
+    if ("$and" in filter && Array.isArray(filter.$and)) {
+      return {
+        $and: filter.$and.map((f) => liftCompoundPropertyFilter(propertyKey, f))
+      };
+    }
+    if ("$or" in filter && Array.isArray(filter.$or)) {
+      return {
+        $or: filter.$or.map((f) => liftCompoundPropertyFilter(propertyKey, f))
+      };
+    }
+  }
+  return {
+    [propertyKey]: filter
+  };
+}
 function filterStateToPropertyFilter(state) {
   switch (state.type) {
     case "CONTAINS_TEXT": {
@@ -3231,9 +3249,7 @@ function buildWhereClause(definitions, filterStates, operator, objectType, exclu
       case "PROPERTY": {
         const filter = filterStateToPropertyFilter(state);
         if (filter !== void 0) {
-          clauses.push({
-            [definition.key]: filter
-          });
+          clauses.push(liftCompoundPropertyFilter(definition.key, filter));
         }
         break;
       }
@@ -3392,7 +3408,7 @@ function useFilterListState(props) {
     initialFilterStates
   } = props;
   const objectType = objectSet.$objectSetInternals.def;
-  const [filterStates, setFilterStates] = React53.useState(() => {
+  const [filterStates, setFilterStates] = React54.useState(() => {
     const states = buildInitialStates(filterDefinitions);
     if (initialFilterStates) {
       for (const [key, state] of initialFilterStates) {
@@ -3401,24 +3417,24 @@ function useFilterListState(props) {
     }
     return states;
   });
-  const setFilterState = React53.useCallback((filterKey, state) => {
-    let newWhereClause;
+  const setFilterState = React54.useCallback((filterKey, state) => {
+    let computedClause;
     setFilterStates((prev) => {
       const next = new Map(prev);
       next.set(filterKey, state);
-      newWhereClause = buildWhereClause(filterDefinitions, next, filterOperator, objectType);
+      computedClause = buildWhereClause(filterDefinitions, next, filterOperator, objectType);
       return next;
     });
-    if (newWhereClause !== void 0) {
-      onFilterClauseChanged?.(newWhereClause);
+    if (computedClause !== void 0) {
+      onFilterClauseChanged?.(computedClause);
     }
     const definition = filterDefinitions?.find((d) => getFilterKey(d) === filterKey);
     if (definition) {
       onFilterStateChanged?.(definition, state);
     }
   }, [filterDefinitions, filterOperator, objectType, onFilterClauseChanged, onFilterStateChanged]);
-  const whereClause = React53.useMemo(() => buildWhereClause(filterDefinitions, filterStates, filterOperator, objectType), [filterDefinitions, filterStates, filterOperator, objectType]);
-  const perFilterWhereClauses = React53.useMemo(() => {
+  const whereClause = React54.useMemo(() => buildWhereClause(filterDefinitions, filterStates, filterOperator, objectType), [filterDefinitions, filterStates, filterOperator, objectType]);
+  const perFilterWhereClauses = React54.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     if (!filterDefinitions) {
       return map;
@@ -3429,7 +3445,7 @@ function useFilterListState(props) {
     }
     return map;
   }, [filterDefinitions, filterStates, filterOperator, objectType]);
-  const activeFilterCount = React53.useMemo(() => {
+  const activeFilterCount = React54.useMemo(() => {
     let count = 0;
     for (const state of filterStates.values()) {
       if (filterHasActiveState(state)) {
@@ -3438,13 +3454,12 @@ function useFilterListState(props) {
     }
     return count;
   }, [filterStates]);
-  const reset = React53.useCallback(() => {
+  const reset = React54.useCallback(() => {
     const initialStates = buildInitialStates(filterDefinitions);
     setFilterStates(initialStates);
-    const newWhereClause = buildWhereClause(filterDefinitions, initialStates, filterOperator, objectType);
-    onFilterClauseChanged?.(newWhereClause);
+    onFilterClauseChanged?.(buildWhereClause(filterDefinitions, initialStates, filterOperator, objectType));
   }, [filterDefinitions, filterOperator, objectType, onFilterClauseChanged]);
-  return React53.useMemo(() => ({
+  return React54.useMemo(() => ({
     filterStates,
     setFilterState,
     whereClause,
@@ -3499,22 +3514,22 @@ function FilterList(props) {
     activeFilterCount,
     reset
   } = useFilterListState(props);
-  const handleReset = React53.useCallback(() => {
+  const handleReset = React54.useCallback(() => {
     reset();
     onReset?.();
   }, [reset, onReset]);
-  const visibleFilterDefinitions = React53.useMemo(() => {
+  const visibleFilterDefinitions = React54.useMemo(() => {
     if (!filterDefinitions) {
       return void 0;
     }
     return filterDefinitions.filter((def) => def.isVisible !== false);
   }, [filterDefinitions]);
-  const renderInput = React53.useCallback(({
+  const renderInput = React54.useCallback(({
     definition,
     filterKey,
     filterState,
     onFilterStateChanged
-  }) => /* @__PURE__ */ React53__default.default.createElement(FilterInput, {
+  }) => /* @__PURE__ */ React54__default.default.createElement(FilterInput, {
     objectType,
     objectSet,
     definition,
@@ -3522,7 +3537,7 @@ function FilterList(props) {
     onFilterStateChanged,
     whereClause: perFilterWhereClauses.get(filterKey) ?? {}
   }), [objectType, objectSet, perFilterWhereClauses]);
-  return /* @__PURE__ */ React53__default.default.createElement(BaseFilterList, {
+  return /* @__PURE__ */ React54__default.default.createElement(BaseFilterList, {
     title,
     titleIcon,
     collapsed,
@@ -3571,6 +3586,89 @@ function deserializeFilterStates(json) {
   }
 }
 
+// src/base-components/tooltip/Tooltip.module.css
+var Tooltip_default = {};
+
+// src/base-components/tooltip/Tooltip.tsx
+function _extends9() {
+  return _extends9 = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends9.apply(null, arguments);
+}
+function TooltipRoot({
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ React54__default.default.createElement(tooltip.Tooltip.Root, rest, children);
+}
+function TooltipProvider({
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ React54__default.default.createElement(tooltip.Tooltip.Provider, rest, children);
+}
+function TooltipTrigger({
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ React54__default.default.createElement(tooltip.Tooltip.Trigger, _extends9({
+    className: classnames14__default.default(Tooltip_default.osdkTooltipTrigger, className)
+  }, rest), children);
+}
+function TooltipPositioner({
+  className,
+  children,
+  sideOffset = 4,
+  ...rest
+}) {
+  return /* @__PURE__ */ React54__default.default.createElement(tooltip.Tooltip.Positioner, _extends9({
+    className: classnames14__default.default(Tooltip_default.osdkTooltipPositioner, className),
+    sideOffset
+  }, rest), children);
+}
+function TooltipPopup({
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ React54__default.default.createElement(tooltip.Tooltip.Popup, _extends9({
+    className: classnames14__default.default(Tooltip_default.osdkTooltipPopup, className)
+  }, rest), children);
+}
+function TooltipArrow() {
+  return /* @__PURE__ */ React54__default.default.createElement(tooltip.Tooltip.Arrow, {
+    className: Tooltip_default.osdkTooltipArrow
+  }, /* @__PURE__ */ React54__default.default.createElement(ArrowSvg, null));
+}
+function ArrowSvg(props) {
+  return /* @__PURE__ */ React54__default.default.createElement("svg", _extends9({
+    width: "20",
+    height: "10",
+    viewBox: "0 0 20 10",
+    fill: "none"
+  }, props), /* @__PURE__ */ React54__default.default.createElement("path", {
+    d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
+    className: Tooltip_default.tooltipArrowFill
+  }), /* @__PURE__ */ React54__default.default.createElement("path", {
+    d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
+    className: Tooltip_default.tooltipArrowOuterStroke
+  }));
+}
+var Tooltip = {
+  Root: TooltipRoot,
+  Provider: TooltipProvider,
+  Trigger: TooltipTrigger,
+  Portal: tooltip.Tooltip.Portal,
+  Positioner: TooltipPositioner,
+  Popup: TooltipPopup,
+  Arrow: TooltipArrow
+};
+
 // src/object-table/EditableCell.module.css
 var EditableCell_default = {};
 
@@ -3598,26 +3696,46 @@ function parseValueByType(value, dataType) {
   }
   return parsedNumber;
 }
-function EditableCell({
+var VALIDATION_ERROR_MESSAGE = "Validation error";
+function EditableCellInner({
   initialValue,
   currentValue,
   cellId,
   dataType,
   onCellEdit,
+  onCellValidationError,
+  clearCellValidationError,
   originalRowData,
   rowId,
-  columnId
+  columnId,
+  validateEdit,
+  validationError
 }) {
-  const [inputValue, setInputValue] = React53.useState(valueToString(currentValue));
-  const isCancelled = React53.useRef(false);
-  React53.useEffect(() => {
+  const [inputValue, setInputValue] = React54.useState(valueToString(currentValue));
+  const isCancelled = React54.useRef(false);
+  const validationAbortControllerRef = React54.useRef(null);
+  const abortController = React54.useCallback(() => {
+    if (validationAbortControllerRef.current) {
+      validationAbortControllerRef.current.abort();
+      validationAbortControllerRef.current = null;
+    }
+  }, []);
+  const hasValidationError = validationError != null;
+  const isEdited = currentValue !== initialValue;
+  React54.useEffect(() => {
     setInputValue(valueToString(currentValue));
   }, [currentValue]);
-  const handleBlur = React53.useCallback(() => {
+  React54.useEffect(() => {
+    return () => {
+      abortController();
+    };
+  }, [abortController]);
+  const handleBlur = React54.useCallback(() => {
     if (isCancelled.current) {
       isCancelled.current = false;
       return;
     }
+    abortController();
     const parsedValue = parseValueByType(inputValue, dataType);
     onCellEdit(cellId, {
       rowId,
@@ -3626,11 +3744,34 @@ function EditableCell({
       oldValue: initialValue,
       originalRowData
     });
-  }, [inputValue, initialValue, onCellEdit, cellId, dataType, rowId, columnId, originalRowData]);
-  const handleChange = React53.useCallback((value) => {
+    if (validateEdit) {
+      const abortController2 = new AbortController();
+      validationAbortControllerRef.current = abortController2;
+      const validationPromise = validateEdit(parsedValue);
+      Promise.race([validationPromise, new Promise((_, reject) => {
+        abortController2.signal.addEventListener("abort", () => {
+          reject(new DOMException("Aborted", "AbortError"));
+        });
+      })]).then((errorMessage) => {
+        if (!abortController2.signal.aborted) {
+          if (errorMessage) {
+            onCellValidationError?.(cellId, errorMessage);
+          } else {
+            clearCellValidationError?.(cellId);
+          }
+        }
+      }, (error) => {
+        if (!abortController2.signal.aborted && error.name !== "AbortError") {
+          onCellValidationError?.(cellId, VALIDATION_ERROR_MESSAGE);
+        }
+      });
+    }
+  }, [abortController, inputValue, dataType, onCellEdit, cellId, rowId, columnId, initialValue, originalRowData, validateEdit, onCellValidationError, clearCellValidationError]);
+  const handleChange = React54.useCallback((value) => {
+    abortController();
     setInputValue(value);
-  }, []);
-  const handleKeyDown = React53.useCallback((e) => {
+  }, [abortController]);
+  const handleKeyDown = React54.useCallback((e) => {
     if (e.key === "Enter") {
       e.currentTarget.blur();
     }
@@ -3641,18 +3782,33 @@ function EditableCell({
     }
   }, [currentValue]);
   const inputType = dataType && NUMBER_TYPES.includes(dataType) ? "number" : "text";
-  const isEdited = currentValue !== initialValue;
-  return /* @__PURE__ */ React53__default.default.createElement(input.Input, {
-    className: classnames14__default.default(EditableCell_default.osdkEditableInput, {
+  return /* @__PURE__ */ React54__default.default.createElement(Tooltip.Provider, null, /* @__PURE__ */ React54__default.default.createElement(Tooltip.Root, {
+    disabled: !hasValidationError
+  }, /* @__PURE__ */ React54__default.default.createElement(Tooltip.Trigger, null, /* @__PURE__ */ React54__default.default.createElement("div", {
+    className: classnames14__default.default(EditableCell_default.osdkEditableCell, {
+      [EditableCell_default.error]: hasValidationError,
       [EditableCell_default.osdkEditedInput]: isEdited
-    }),
+    })
+  }, /* @__PURE__ */ React54__default.default.createElement(input.Input, {
     type: inputType,
     value: inputValue,
+    className: EditableCell_default.osdkEditableInput,
     onValueChange: handleChange,
     onBlur: handleBlur,
-    onKeyDown: handleKeyDown
-  });
-}
+    onKeyDown: handleKeyDown,
+    "aria-invalid": hasValidationError
+  }), hasValidationError && /* @__PURE__ */ React54__default.default.createElement(icons.Error, {
+    className: EditableCell_default.errorIcon
+  }))), /* @__PURE__ */ React54__default.default.createElement(Tooltip.Portal, null, /* @__PURE__ */ React54__default.default.createElement(Tooltip.Positioner, {
+    sideOffset: 4,
+    side: "bottom"
+  }, /* @__PURE__ */ React54__default.default.createElement(Tooltip.Popup, null, /* @__PURE__ */ React54__default.default.createElement("div", {
+    className: EditableCell_default.validationError
+  }, /* @__PURE__ */ React54__default.default.createElement(icons.Error, {
+    className: EditableCell_default.errorIcon
+  }), validationError), /* @__PURE__ */ React54__default.default.createElement(Tooltip.Arrow, null))))));
+}
+var EditableCell = /* @__PURE__ */ React54__default.default.memo(EditableCellInner);
 
 // src/object-table/utils/getCellId.ts
 function getCellId(cellIdentifier) {
@@ -3664,7 +3820,7 @@ function renderDefaultCell(cellContext) {
   const meta = cellContext.table.options.meta;
   const columnMeta = cellContext.column.columnDef.meta;
   if (!columnMeta?.editable || !meta?.onCellEdit || !meta?.isInEditMode) {
-    return /* @__PURE__ */ React53__default.default.createElement(React53__default.default.Fragment, null, cellContext.getValue());
+    return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, cellContext.getValue());
   }
   const rowId = cellContext.row.id;
   const columnId = cellContext.column.id;
@@ -3675,15 +3831,20 @@ function renderDefaultCell(cellContext) {
   const cellEdits = meta.cellEdits;
   const editedValue = cellEdits?.[cellId];
   const currentValue = editedValue?.newValue ?? cellContext.getValue();
-  return /* @__PURE__ */ React53__default.default.createElement(EditableCell, {
+  const validationError = meta.validationErrors?.get(cellId);
+  return /* @__PURE__ */ React54__default.default.createElement(EditableCell, {
     initialValue: cellContext.getValue(),
     currentValue,
     cellId,
     dataType: columnMeta?.dataType,
     onCellEdit: meta.onCellEdit,
+    onCellValidationError: meta.onCellValidationError,
+    clearCellValidationError: meta.clearCellValidationError,
     originalRowData: cellContext.row.original,
     rowId,
-    columnId
+    columnId,
+    validateEdit: columnMeta?.validateEdit,
+    validationError
   });
 }
 
@@ -3694,7 +3855,7 @@ function useColumnDefs(objectType, columnDefinitions) {
     loading,
     error
   } = react.useOsdkMetadata(objectType);
-  const columns = React53.useMemo(() => {
+  const columns = React54.useMemo(() => {
     const objectProperties = metadata?.properties;
     if (columnDefinitions) {
       return getColumnsFromColumnDefinitions(columnDefinitions, objectProperties);
@@ -3733,7 +3894,8 @@ function getColumnsFromColumnDefinitions(columnDefinitions, objectProperties) {
         columnName: columnName || propertyMetadata?.displayName,
         isVisible: col.isVisible !== false,
         editable,
-        dataType
+        dataType,
+        validateEdit: col.validateEdit
       },
       size: width,
       ...minWidth ? {
@@ -3776,11 +3938,11 @@ var useColumnPinning = ({
   hasSelectionColumn,
   onColumnsPinnedChanged
 }) => {
-  const [columnPinning, setColumnPinning] = React53.useState({
+  const [columnPinning, setColumnPinning] = React54.useState({
     left: [],
     right: []
   });
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     const defaultState = getColumnPinningStateFromColumnDefs(columnDefinitions);
     const selectionCol = hasSelectionColumn ? [SELECTION_COLUMN_ID] : [];
     setColumnPinning({
@@ -3788,7 +3950,7 @@ var useColumnPinning = ({
       right: [...defaultState.right ?? []]
     });
   }, [columnDefinitions, hasSelectionColumn]);
-  const onColumnPinningChange = React53.useCallback((updater) => {
+  const onColumnPinningChange = React54.useCallback((updater) => {
     setColumnPinning((prev) => {
       const newPinning = typeof updater === "function" ? updater(prev) : updater;
       if (onColumnsPinnedChanged) {
@@ -3845,8 +4007,8 @@ function convertColumnPinningStateToArray(pinningState) {
 var useColumnResize = ({
   onColumnResize
 }) => {
-  const [columnSizing, setColumnSizing] = React53.useState({});
-  const onColumnSizingChange = React53.useCallback((updater) => {
+  const [columnSizing, setColumnSizing] = React54.useState({});
+  const onColumnSizingChange = React54.useCallback((updater) => {
     setColumnSizing((prev) => {
       const newState = typeof updater === "function" ? updater(prev) : updater;
       if (onColumnResize) {
@@ -3873,15 +4035,15 @@ var useColumnVisibility = ({
   allColumns,
   onColumnVisibilityChanged
 }) => {
-  const [columnVisibility, setColumnVisibility] = React53.useState(() => getColumnVisibilityState(allColumns));
-  const [columnOrder, setColumnOrder] = React53.useState(() => getColumnOrder(allColumns));
-  React53.useEffect(() => {
+  const [columnVisibility, setColumnVisibility] = React54.useState(() => getColumnVisibilityState(allColumns));
+  const [columnOrder, setColumnOrder] = React54.useState(() => getColumnOrder(allColumns));
+  React54.useEffect(() => {
     setColumnVisibility(getColumnVisibilityState(allColumns));
   }, [allColumns]);
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     setColumnOrder(getColumnOrder(allColumns));
   }, [allColumns]);
-  const onColumnVisibilityChange = React53.useCallback((updaterOrValue) => {
+  const onColumnVisibilityChange = React54.useCallback((updaterOrValue) => {
     setColumnVisibility((prev) => {
       const newState = typeof updaterOrValue === "function" ? updaterOrValue(prev) : updaterOrValue;
       if (onColumnVisibilityChanged) {
@@ -3894,7 +4056,7 @@ var useColumnVisibility = ({
       return newState;
     });
   }, [onColumnVisibilityChanged]);
-  const onColumnOrderChange = React53.useCallback((updaterOrValue) => {
+  const onColumnOrderChange = React54.useCallback((updaterOrValue) => {
     setColumnOrder((prev) => {
       const newState = typeof updaterOrValue === "function" ? updaterOrValue(prev) : updaterOrValue;
       return newState;
@@ -3927,9 +4089,17 @@ function useEditableTable({
   onCellValueChanged,
   onSubmitEdits
 }) {
-  const [isActive, setActive] = React53.useState(editMode === "always");
-  const [cellEdits, setCellEdits] = React53.useState({});
-  const handleCellEdit = React53.useCallback((cellId, info) => {
+  const [isActive, setActive] = React54.useState(editMode === "always");
+  const [cellEdits, setCellEdits] = React54.useState({});
+  const [validationErrors, setValidationErrors] = React54.useState(/* @__PURE__ */ new Map());
+  const clearCellValidationError = React54.useCallback((cellId) => {
+    setValidationErrors((prev) => {
+      const newErrors = new Map(prev);
+      newErrors.delete(cellId);
+      return newErrors;
+    });
+  }, []);
+  const handleCellEdit = React54.useCallback((cellId, info) => {
     if (info.newValue === info.oldValue) {
       setCellEdits((prev) => {
         const {
@@ -3946,14 +4116,22 @@ function useEditableTable({
     }
     onCellValueChanged?.(info);
   }, [onCellValueChanged]);
-  const clearEdits = React53.useCallback(() => {
+  const clearEdits = React54.useCallback(() => {
     setCellEdits({});
+    setValidationErrors(/* @__PURE__ */ new Map());
   }, []);
-  const handleSubmitEdits = React53.useCallback(async () => {
+  const handleSubmitEdits = React54.useCallback(async () => {
     const edits = Object.values(cellEdits);
     return onSubmitEdits ? onSubmitEdits(edits) : false;
   }, [cellEdits, onSubmitEdits]);
-  const editModeConfig = editMode === "always" ? {
+  const onCellValidationError = React54.useCallback((cellId, error) => {
+    setValidationErrors((prev) => {
+      const newErrors = new Map(prev);
+      newErrors.set(cellId, error);
+      return newErrors;
+    });
+  }, []);
+  const editModeState = editMode === "always" ? {
     type: "always",
     isActive: true
   } : {
@@ -3966,12 +4144,15 @@ function useEditableTable({
     onCellEdit: handleCellEdit,
     onSubmitEdits: onSubmitEdits ? handleSubmitEdits : void 0,
     clearEdits,
-    editMode: editModeConfig
+    editModeState,
+    onCellValidationError,
+    validationErrors,
+    clearCellValidationError
   };
 }
 var PAGE_SIZE = 50;
 function useObjectTableData(objectOrInterfaceType, columnDefinitions, filter, sorting, objectSet, objectSetOptions) {
-  const orderBy = React53.useMemo(() => {
+  const orderBy = React54.useMemo(() => {
     if (!sorting || sorting.length === 0) {
       return void 0;
     }
@@ -3980,7 +4161,7 @@ function useObjectTableData(objectOrInterfaceType, columnDefinitions, filter, so
       return acc;
     }, {});
   }, [sorting]);
-  const withProperties = React53.useMemo(() => {
+  const withProperties = React54.useMemo(() => {
     if (!columnDefinitions) {
       return;
     }
@@ -4042,11 +4223,11 @@ function useRowSelection({
   onRowSelection,
   data
 }) {
-  const [internalRowSelection, setInternalRowSelection] = React53.useState({});
-  const [lastSelectedRowIndex, setLastSelectedRowIndex] = React53.useState(null);
+  const [internalRowSelection, setInternalRowSelection] = React54.useState({});
+  const [lastSelectedRowIndex, setLastSelectedRowIndex] = React54.useState(null);
   const isControlled = selectedRows !== void 0;
   const enableRowSelection = selectionMode !== "none";
-  const rowSelectionState = React53.useMemo(() => {
+  const rowSelectionState = React54.useMemo(() => {
     if (!enableRowSelection) return {};
     if (isControlled) {
       const selectedRowIds = isAllSelectedProp ? (data ?? []).map((item) => item.$primaryKey) : selectedRows;
@@ -4058,7 +4239,7 @@ function useRowSelection({
   const totalCount = data?.length ?? 0;
   const isAllSelected = isControlled && isAllSelectedProp !== void 0 ? isAllSelectedProp : totalCount > 0 && selectedCount === totalCount;
   const hasSelection = isAllSelected || selectedCount > 0;
-  const onToggleAll = React53.useCallback(() => {
+  const onToggleAll = React54.useCallback(() => {
     if (!enableRowSelection || !data) return;
     const newSelectedRows = isAllSelected ? [] : data.map((item) => item.$primaryKey);
     if (!isControlled) {
@@ -4066,7 +4247,7 @@ function useRowSelection({
     }
     onRowSelection?.(newSelectedRows, true);
   }, [enableRowSelection, data, isAllSelected, isControlled, onRowSelection]);
-  const onToggleRow = React53.useCallback((rowId, rowIndex, isShiftClick = false) => {
+  const onToggleRow = React54.useCallback((rowId, rowIndex, isShiftClick = false) => {
     if (!enableRowSelection || !data) return;
     let newSelectedRows = [];
     if (selectionMode === "single") {
@@ -4193,7 +4374,7 @@ function SelectionHeaderCell({
   hasSelection,
   onToggleAll
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(Checkbox, {
+  return /* @__PURE__ */ React54__default.default.createElement(Checkbox, {
     indeterminate: hasSelection && !isAllSelected,
     checked: isAllSelected,
     onCheckedChange: onToggleAll,
@@ -4204,21 +4385,21 @@ function SelectionCell({
   row,
   onToggleRow
 }) {
-  const handleClick = React53.useCallback((event) => {
+  const handleClick = React54.useCallback((event) => {
     event.stopPropagation();
     const isShiftClick = event.shiftKey;
     onToggleRow(row.id, row.index, isShiftClick);
   }, [onToggleRow, row.id, row.index]);
-  const handleKeyDown = React53.useCallback((event) => {
+  const handleKeyDown = React54.useCallback((event) => {
     if (event.key === "Enter") {
       const isShiftClick = event.shiftKey;
       onToggleRow(row.id, row.index, isShiftClick);
     }
   }, [onToggleRow, row.id, row.index]);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     onClick: handleClick,
     onKeyDown: handleKeyDown
-  }, /* @__PURE__ */ React53__default.default.createElement(Checkbox, {
+  }, /* @__PURE__ */ React54__default.default.createElement(Checkbox, {
     checked: row.getIsSelected(),
     "aria-label": `Select row ${row.index + 1}`
   }));
@@ -4232,26 +4413,26 @@ var useSelectionColumn = ({
   onToggleAll,
   onToggleRow
 }) => {
-  const isAllSelectedRef = React53.useRef(isAllSelected);
+  const isAllSelectedRef = React54.useRef(isAllSelected);
   isAllSelectedRef.current = isAllSelected;
-  const hasSelectionRef = React53.useRef(hasSelection);
+  const hasSelectionRef = React54.useRef(hasSelection);
   hasSelectionRef.current = hasSelection;
-  const onToggleAllRef = React53.useRef(onToggleAll);
+  const onToggleAllRef = React54.useRef(onToggleAll);
   onToggleAllRef.current = onToggleAll;
-  const onToggleRowRef = React53.useRef(onToggleRow);
+  const onToggleRowRef = React54.useRef(onToggleRow);
   onToggleRowRef.current = onToggleRow;
-  const selectionColumn = React53.useMemo(() => {
+  const selectionColumn = React54.useMemo(() => {
     if (selectionMode === "none") return null;
     const colDef = {
       id: SELECTION_COLUMN_ID,
-      header: () => selectionMode === "multiple" ? /* @__PURE__ */ React53__default.default.createElement(SelectionHeaderCell, {
+      header: () => selectionMode === "multiple" ? /* @__PURE__ */ React54__default.default.createElement(SelectionHeaderCell, {
         isAllSelected: isAllSelectedRef.current,
         hasSelection: hasSelectionRef.current,
         onToggleAll: onToggleAllRef.current
       }) : null,
       cell: ({
         row
-      }) => /* @__PURE__ */ React53__default.default.createElement(SelectionCell, {
+      }) => /* @__PURE__ */ React54__default.default.createElement(SelectionCell, {
         row,
         onToggleRow: onToggleRowRef.current
       }),
@@ -4271,10 +4452,10 @@ var useTableSorting = ({
   defaultOrderBy,
   onOrderByChanged
 }) => {
-  const [internalSorting, setInternalSorting] = React53.useState(() => defaultOrderBy ? convertOrderByToSortingState(defaultOrderBy) : []);
+  const [internalSorting, setInternalSorting] = React54.useState(() => defaultOrderBy ? convertOrderByToSortingState(defaultOrderBy) : []);
   const isControlled = orderBy !== void 0;
-  const sortingState = React53.useMemo(() => orderBy ? convertOrderByToSortingState(orderBy) : internalSorting, [orderBy, internalSorting]);
-  const onSortingChange = React53.useCallback((updater) => {
+  const sortingState = React54.useMemo(() => orderBy ? convertOrderByToSortingState(orderBy) : internalSorting, [orderBy, internalSorting]);
+  const onSortingChange = React54.useCallback((updater) => {
     const newSorting = typeof updater === "function" ? updater(sortingState) : updater;
     if (!isControlled) {
       setInternalSorting(newSorting);
@@ -4318,12 +4499,12 @@ var TableCell_default = {};
 function LoadingCell({
   width
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement("td", {
+  return /* @__PURE__ */ React54__default.default.createElement("td", {
     className: TableCell_default.osdkTableCell,
     style: {
       width
     }
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(LoadingCell_default.osdkLoadingCell, LoadingCell_default.osdkCellSkeleton)
   }));
 }
@@ -4339,17 +4520,17 @@ function LoadingRow({
   rowHeight = 40,
   columnWidth = 80
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement("tr", {
+  return /* @__PURE__ */ React54__default.default.createElement("tr", {
     className: TableRow_default.osdkTableRow,
     style: {
       height: `${rowHeight}px`,
       transform: `translateY(${translateY}px)`
     }
-  }, /* @__PURE__ */ React53__default.default.createElement(React53__default.default.Fragment, null, Array.from({
+  }, /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, Array.from({
     length: columnCount
   }).map((_, index) => {
     const width = headers.length > index ? headers[index].getSize() : columnWidth;
-    return /* @__PURE__ */ React53__default.default.createElement(LoadingCell, {
+    return /* @__PURE__ */ React54__default.default.createElement(LoadingCell, {
       key: `loading-cell-${index}`,
       width
     });
@@ -4363,21 +4544,21 @@ var TableBody_default = {};
 var ActionButton_default = {};
 
 // src/base-components/action-button/ActionButton.tsx
-function _extends9() {
-  return _extends9 = Object.assign ? Object.assign.bind() : function(n) {
+function _extends10() {
+  return _extends10 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends9.apply(null, arguments);
+  }, _extends10.apply(null, arguments);
 }
 function ActionButton({
   variant = "secondary",
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(button.Button, _extends9({
+  return /* @__PURE__ */ React54__default.default.createElement(button.Button, _extends10({
     className: classnames14__default.default(ActionButton_default.button, variant === "primary" ? ActionButton_default.primaryButton : ActionButton_default.secondaryButton, className)
   }, rest));
 }
@@ -4394,25 +4575,25 @@ function Dialog({
   footer,
   className
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(dialog.Dialog.Root, {
+  return /* @__PURE__ */ React54__default.default.createElement(dialog.Dialog.Root, {
     open: isOpen,
     onOpenChange
-  }, /* @__PURE__ */ React53__default.default.createElement(dialog.Dialog.Portal, null, /* @__PURE__ */ React53__default.default.createElement(dialog.Dialog.Backdrop, {
+  }, /* @__PURE__ */ React54__default.default.createElement(dialog.Dialog.Portal, null, /* @__PURE__ */ React54__default.default.createElement(dialog.Dialog.Backdrop, {
     className: Dialog_default.backdrop
-  }), /* @__PURE__ */ React53__default.default.createElement(dialog.Dialog.Popup, {
+  }), /* @__PURE__ */ React54__default.default.createElement(dialog.Dialog.Popup, {
     className: classnames14__default.default(Dialog_default.popup, className)
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: Dialog_default.header
-  }, /* @__PURE__ */ React53__default.default.createElement(dialog.Dialog.Title, {
+  }, /* @__PURE__ */ React54__default.default.createElement(dialog.Dialog.Title, {
     className: Dialog_default.title
-  }, title), /* @__PURE__ */ React53__default.default.createElement(dialog.Dialog.Close, {
+  }, title), /* @__PURE__ */ React54__default.default.createElement(dialog.Dialog.Close, {
     className: Dialog_default.closeButton,
     "aria-label": "Close dialog"
-  }, /* @__PURE__ */ React53__default.default.createElement(icons.Cross, {
+  }, /* @__PURE__ */ React54__default.default.createElement(icons.Cross, {
     className: Dialog_default.closeIcon
-  }))), /* @__PURE__ */ React53__default.default.createElement("div", {
+  }))), /* @__PURE__ */ React54__default.default.createElement("div", {
     className: Dialog_default.body
-  }, children), footer != null && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, children), footer != null && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: Dialog_default.footer
   }, footer))));
 }
@@ -4421,14 +4602,14 @@ function Dialog({
 var DraggableList_default = {};
 
 // src/base-components/draggable-list/DraggableList.tsx
-function _extends10() {
-  return _extends10 = Object.assign ? Object.assign.bind() : function(n) {
+function _extends11() {
+  return _extends11 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends10.apply(null, arguments);
+  }, _extends11.apply(null, arguments);
 }
 function DraggableListItem({
   item,
@@ -4450,28 +4631,28 @@ function DraggableListItem({
     transform: utilities.CSS.Transform.toString(transform),
     transition
   };
-  const handleRemove = React53.useCallback(() => {
+  const handleRemove = React54.useCallback(() => {
     onRemove?.(item.id);
   }, [item.id, onRemove]);
   const RemoveIcon2 = removeIconVariant === "trash" ? icons.Trash : icons.SmallCross;
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     ref: setNodeRef,
     style,
     className: DraggableList_default.draggableItem,
     "data-dragging": isDragging
-  }, /* @__PURE__ */ React53__default.default.createElement("div", _extends10({
+  }, /* @__PURE__ */ React54__default.default.createElement("div", _extends11({
     className: DraggableList_default.dragHandle,
     "aria-label": `Reorder ${item.label}`
-  }, attributes, listeners), /* @__PURE__ */ React53__default.default.createElement(icons.DragHandleVertical, {
+  }, attributes, listeners), /* @__PURE__ */ React54__default.default.createElement(icons.DragHandleVertical, {
     className: DraggableList_default.icon,
     color: "currentColor"
-  })), /* @__PURE__ */ React53__default.default.createElement("div", {
+  })), /* @__PURE__ */ React54__default.default.createElement("div", {
     className: DraggableList_default.itemContent
-  }, renderContent ? renderContent(item) : item.label), onRemove && /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }, renderContent ? renderContent(item) : item.label), onRemove && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     className: DraggableList_default.removeButton,
     onClick: handleRemove,
     "aria-label": `Remove ${item.label}`
-  }, /* @__PURE__ */ React53__default.default.createElement(RemoveIcon2, {
+  }, /* @__PURE__ */ React54__default.default.createElement(RemoveIcon2, {
     className: DraggableList_default.icon,
     color: "currentColor"
   })));
@@ -4485,7 +4666,7 @@ function DraggableList({
   emptyMessage,
   className
 }) {
-  const itemIds = React53.useMemo(() => items.map((item) => item.id), [items]);
+  const itemIds = React54.useMemo(() => items.map((item) => item.id), [items]);
   const sensors = core.useSensors(core.useSensor(core.PointerSensor, {
     activationConstraint: {
       distance: 5
@@ -4493,7 +4674,7 @@ function DraggableList({
   }), core.useSensor(core.KeyboardSensor, {
     coordinateGetter: sortable.sortableKeyboardCoordinates
   }));
-  const handleDragEnd = React53.useCallback((event) => {
+  const handleDragEnd = React54.useCallback((event) => {
     const {
       active,
       over
@@ -4504,31 +4685,31 @@ function DraggableList({
       onReorder(oldIndex, newIndex);
     }
   }, [items, onReorder]);
-  const containerRef = React53.useRef(null);
+  const containerRef = React54.useRef(null);
   useKeyboardEvents(containerRef);
   const DndContext2 = core.DndContext;
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     ref: containerRef,
     className: classnames14__default.default(DraggableList_default.draggableListContainer, className)
-  }, /* @__PURE__ */ React53__default.default.createElement(DndContext2, {
+  }, /* @__PURE__ */ React54__default.default.createElement(DndContext2, {
     sensors,
     collisionDetection: core.closestCenter,
     onDragEnd: handleDragEnd
-  }, /* @__PURE__ */ React53__default.default.createElement(sortable.SortableContext, {
+  }, /* @__PURE__ */ React54__default.default.createElement(sortable.SortableContext, {
     items: itemIds,
     strategy: sortable.verticalListSortingStrategy
-  }, items.map((item) => /* @__PURE__ */ React53__default.default.createElement(DraggableListItem, {
+  }, items.map((item) => /* @__PURE__ */ React54__default.default.createElement(DraggableListItem, {
     key: item.id,
     item,
     onRemove,
     removeIconVariant,
     renderContent
-  })))), items.length === 0 && emptyMessage && /* @__PURE__ */ React53__default.default.createElement("div", {
+  })))), items.length === 0 && emptyMessage && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: DraggableList_default.emptyState
   }, emptyMessage));
 }
 var useKeyboardEvents = (containerRef) => {
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     const el = containerRef.current;
     if (el == null) {
       return;
@@ -4565,11 +4746,11 @@ function SearchBar({
   className,
   onKeyDown
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(SearchBar_default.searchBar, className)
-  }, /* @__PURE__ */ React53__default.default.createElement(icons.Search, {
+  }, /* @__PURE__ */ React54__default.default.createElement(icons.Search, {
     className: SearchBar_default.searchIcon
-  }), /* @__PURE__ */ React53__default.default.createElement(input.Input, {
+  }), /* @__PURE__ */ React54__default.default.createElement(input.Input, {
     type: "text",
     placeholder,
     "aria-label": ariaLabel ?? placeholder,
@@ -4593,9 +4774,9 @@ function ColumnConfigDialog({
   onApply,
   isValidConfig
 }) {
-  const [visibleColumns, setVisibleColumns] = React53.useState([]);
-  const [searchQuery, setSearchQuery] = React53.useState("");
-  const allColumns = React53.useMemo(() => {
+  const [visibleColumns, setVisibleColumns] = React54.useState([]);
+  const [searchQuery, setSearchQuery] = React54.useState("");
+  const allColumns = React54.useMemo(() => {
     return columnOptions.map((opt) => {
       const isVisible = currentVisibility ? currentVisibility[opt.id] : false;
       return {
@@ -4605,7 +4786,7 @@ function ColumnConfigDialog({
       };
     });
   }, [columnOptions, currentVisibility]);
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     if (isOpen) {
       const visibleCols = allColumns.filter((col) => col.isVisible);
       if (!!currentColumnOrder?.length) {
@@ -4621,19 +4802,19 @@ function ColumnConfigDialog({
       setSearchQuery("");
     }
   }, [isOpen, allColumns, currentColumnOrder]);
-  const handleApply = React53.useCallback(() => {
+  const handleApply = React54.useCallback(() => {
     onApply(getColumnConfig(allColumns, visibleColumns));
     onClose();
   }, [allColumns, visibleColumns, onApply, onClose]);
   const isValid = isValidConfig ? isValidConfig(getColumnConfig(allColumns, visibleColumns)) : true;
   const isApplyDisabled = visibleColumns.length === 0 || !isValid;
-  const handleReorderColumns = React53.useCallback((fromIndex, toIndex) => {
+  const handleReorderColumns = React54.useCallback((fromIndex, toIndex) => {
     setVisibleColumns((items) => sortable.arrayMove(items, fromIndex, toIndex));
   }, []);
-  const handleRemoveColumn = React53.useCallback((columnId) => {
+  const handleRemoveColumn = React54.useCallback((columnId) => {
     setVisibleColumns((prev) => prev.filter((col) => col.id !== columnId));
   }, []);
-  const handleToggleColumn = React53.useCallback((column) => {
+  const handleToggleColumn = React54.useCallback((column) => {
     setVisibleColumns((prev) => {
       const isCurrentlyVisible = prev.some((col) => col.id === column.id);
       if (isCurrentlyVisible) {
@@ -4643,10 +4824,10 @@ function ColumnConfigDialog({
       }
     });
   }, []);
-  const handleSearchChange = React53.useCallback((event) => {
+  const handleSearchChange = React54.useCallback((event) => {
     setSearchQuery(event.target.value);
   }, []);
-  const handleSelectAll = React53.useCallback((columns) => {
+  const handleSelectAll = React54.useCallback((columns) => {
     setVisibleColumns((prev) => {
       const allSelected = columns.every((col) => prev.some((v) => v.id === col.id));
       if (allSelected) {
@@ -4657,33 +4838,33 @@ function ColumnConfigDialog({
       }
     });
   }, []);
-  const filteredAvailableColumns = React53.useMemo(() => {
+  const filteredAvailableColumns = React54.useMemo(() => {
     const query = searchQuery.toLowerCase().trim();
     if (!query) {
       return allColumns;
     }
     return allColumns.filter((col) => (col.label?.toLowerCase().includes(query) ?? false) || col.id.toLowerCase().includes(query));
   }, [allColumns, searchQuery]);
-  const footer = React53.useMemo(() => /* @__PURE__ */ React53__default.default.createElement(React53__default.default.Fragment, null, /* @__PURE__ */ React53__default.default.createElement(ActionButton, {
+  const footer = React54.useMemo(() => /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(ActionButton, {
     onClick: onClose
-  }, "Cancel"), /* @__PURE__ */ React53__default.default.createElement(ActionButton, {
+  }, "Cancel"), /* @__PURE__ */ React54__default.default.createElement(ActionButton, {
     variant: "primary",
     onClick: handleApply,
     disabled: isApplyDisabled
   }, "Apply")), [onClose, handleApply, isApplyDisabled]);
-  return /* @__PURE__ */ React53__default.default.createElement(Dialog, {
+  return /* @__PURE__ */ React54__default.default.createElement(Dialog, {
     isOpen,
     onOpenChange: onClose,
     title: DialogTitle,
     footer,
     className: ColumnConfigDialog_default.columnConfigDialog
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: ColumnConfigDialog_default.dialogLayout
-  }, /* @__PURE__ */ React53__default.default.createElement(VisibleColumnsList, {
+  }, /* @__PURE__ */ React54__default.default.createElement(VisibleColumnsList, {
     columns: visibleColumns,
     onReorder: handleReorderColumns,
     onRemove: handleRemoveColumn
-  }), /* @__PURE__ */ React53__default.default.createElement(AvailableColumnsList, {
+  }), /* @__PURE__ */ React54__default.default.createElement(AvailableColumnsList, {
     visibleColumns,
     searchQuery,
     onSearchChange: handleSearchChange,
@@ -4692,9 +4873,9 @@ function ColumnConfigDialog({
     filteredColumns: filteredAvailableColumns
   })));
 }
-var DialogTitle = /* @__PURE__ */ React53__default.default.createElement("div", {
+var DialogTitle = /* @__PURE__ */ React54__default.default.createElement("div", {
   className: ColumnConfigDialog_default.title
-}, /* @__PURE__ */ React53__default.default.createElement(icons.Cog, null), "Configure Table Columns");
+}, /* @__PURE__ */ React54__default.default.createElement(icons.Cog, null), "Configure Table Columns");
 var getColumnConfig = (allColumns, visibleColumns) => {
   const hiddenColumns = allColumns.filter((col) => !visibleColumns.some((v) => v.id === col.id));
   return [...visibleColumns.map((col) => ({
@@ -4710,17 +4891,17 @@ function VisibleColumnsList({
   onReorder,
   onRemove
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: ColumnConfigDialog_default.visibleColumnsContainer
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: ColumnConfigDialog_default.sectionHeader
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: ColumnConfigDialog_default.sectionTitle
-  }, /* @__PURE__ */ React53__default.default.createElement("span", null, "Visible Columns"), /* @__PURE__ */ React53__default.default.createElement("span", {
+  }, /* @__PURE__ */ React54__default.default.createElement("span", null, "Visible Columns"), /* @__PURE__ */ React54__default.default.createElement("span", {
     className: ColumnConfigDialog_default.countTag
-  }, columns.length)), /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, columns.length)), /* @__PURE__ */ React54__default.default.createElement("div", {
     className: ColumnConfigDialog_default.sectionHint
-  }, "Drag to reorder")), /* @__PURE__ */ React53__default.default.createElement(DraggableList, {
+  }, "Drag to reorder")), /* @__PURE__ */ React54__default.default.createElement(DraggableList, {
     items: columns,
     onReorder,
     onRemove,
@@ -4741,42 +4922,42 @@ function AvailableColumnsList({
   const totalCount = filteredColumns.length;
   const allFilteredSelected = filteredColumns.every((col) => visibleColumns.some((v) => v.id === col.id));
   const someFilteredSelected = filteredColumns.some((col) => visibleColumns.some((v) => v.id === col.id));
-  const handleSelectAllClick = React53.useCallback(() => {
+  const handleSelectAllClick = React54.useCallback(() => {
     onSelectAll(filteredColumns);
   }, [filteredColumns, onSelectAll]);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: ColumnConfigDialog_default.availableColumnsContainer
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(ColumnConfigDialog_default.sectionHeader, ColumnConfigDialog_default.sectionTitle)
-  }, "Add or Remove Columns"), /* @__PURE__ */ React53__default.default.createElement(SearchBar, {
+  }, "Add or Remove Columns"), /* @__PURE__ */ React54__default.default.createElement(SearchBar, {
     value: searchQuery,
     onChange: onSearchChange,
     placeholder: "Search...",
     "aria-label": "Search available columns",
     className: ColumnConfigDialog_default.searchContainer
-  }), /* @__PURE__ */ React53__default.default.createElement(collapsible.Collapsible.Root, {
+  }), /* @__PURE__ */ React54__default.default.createElement(collapsible.Collapsible.Root, {
     defaultOpen: true,
     className: ColumnConfigDialog_default.propertiesList
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: ColumnConfigDialog_default.categoryHeader
-  }, /* @__PURE__ */ React53__default.default.createElement(Checkbox, {
+  }, /* @__PURE__ */ React54__default.default.createElement(Checkbox, {
     checked: allFilteredSelected,
     indeterminate: someFilteredSelected && !allFilteredSelected,
     onCheckedChange: handleSelectAllClick,
     className: ColumnConfigDialog_default.checkbox
-  }), /* @__PURE__ */ React53__default.default.createElement(collapsible.Collapsible.Trigger, {
+  }), /* @__PURE__ */ React54__default.default.createElement(collapsible.Collapsible.Trigger, {
     className: ColumnConfigDialog_default.categoryTrigger
-  }, /* @__PURE__ */ React53__default.default.createElement("span", {
+  }, /* @__PURE__ */ React54__default.default.createElement("span", {
     className: ColumnConfigDialog_default.categoryTitle
-  }, "All Columns"), /* @__PURE__ */ React53__default.default.createElement("span", {
+  }, "All Columns"), /* @__PURE__ */ React54__default.default.createElement("span", {
     className: ColumnConfigDialog_default.categoryCount
-  }, selectedCount, "/", totalCount), /* @__PURE__ */ React53__default.default.createElement(icons.CaretDown, {
+  }, selectedCount, "/", totalCount), /* @__PURE__ */ React54__default.default.createElement(icons.CaretDown, {
     className: ColumnConfigDialog_default.caretIcon
-  }))), /* @__PURE__ */ React53__default.default.createElement(collapsible.Collapsible.Panel, {
+  }))), /* @__PURE__ */ React54__default.default.createElement(collapsible.Collapsible.Panel, {
     className: ColumnConfigDialog_default.propertyList
-  }, filteredColumns.length === 0 ? /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, filteredColumns.length === 0 ? /* @__PURE__ */ React54__default.default.createElement("div", {
     className: ColumnConfigDialog_default.emptyState
-  }, "No matching columns found") : filteredColumns.map((column) => /* @__PURE__ */ React53__default.default.createElement(PropertyItem, {
+  }, "No matching columns found") : filteredColumns.map((column) => /* @__PURE__ */ React54__default.default.createElement(PropertyItem, {
     key: column.id,
     column,
     isSelected: visibleColumns.some((v) => v.id === column.id),
@@ -4789,19 +4970,19 @@ function PropertyItem({
   onToggle,
   showInfoIcon = false
 }) {
-  const handleClick = React53.useCallback(() => {
+  const handleClick = React54.useCallback(() => {
     onToggle(column);
   }, [onToggle, column]);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: ColumnConfigDialog_default.propertyItem
-  }, /* @__PURE__ */ React53__default.default.createElement(Checkbox, {
+  }, /* @__PURE__ */ React54__default.default.createElement(Checkbox, {
     checked: isSelected,
     onCheckedChange: handleClick,
     className: ColumnConfigDialog_default.checkbox
-  }), /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+  }), /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     onClick: handleClick,
     className: ColumnConfigDialog_default.propertyName
-  }, column.label), showInfoIcon && /* @__PURE__ */ React53__default.default.createElement(icons.SmallInfoSign, {
+  }, column.label), showInfoIcon && /* @__PURE__ */ React54__default.default.createElement(icons.SmallInfoSign, {
     className: ColumnConfigDialog_default.infoIcon
   }));
 }
@@ -4814,8 +4995,8 @@ function SortableItemsList({
   onRemove,
   className
 }) {
-  const renderContent = React53.useCallback((item) => item.content, []);
-  return /* @__PURE__ */ React53__default.default.createElement(DraggableList, {
+  const renderContent = React54.useCallback((item) => item.content, []);
+  return /* @__PURE__ */ React54__default.default.createElement(DraggableList, {
     items,
     onReorder,
     onRemove,
@@ -4833,9 +5014,9 @@ function MultiColumnSortDialog({
   currentSorting,
   columnOptions
 }) {
-  const [selectedSortColumns, setSelectedSortColumns] = React53.useState([]);
-  const [menuSearchQuery, setMenuSearchQuery] = React53.useState("");
-  React53.useEffect(() => {
+  const [selectedSortColumns, setSelectedSortColumns] = React54.useState([]);
+  const [menuSearchQuery, setMenuSearchQuery] = React54.useState("");
+  React54.useEffect(() => {
     if (isOpen) {
       const selectedColumns = [];
       for (const sort of currentSorting) {
@@ -4850,25 +5031,25 @@ function MultiColumnSortDialog({
       setSelectedSortColumns(selectedColumns);
     }
   }, [isOpen, currentSorting, columnOptions]);
-  const handleAddColumn = React53.useCallback((column) => {
+  const handleAddColumn = React54.useCallback((column) => {
     setSelectedSortColumns((prev) => [...prev, {
       ...column,
       direction: "asc"
     }]);
   }, []);
-  const handleRemoveSortColumn = React53.useCallback((id) => {
+  const handleRemoveSortColumn = React54.useCallback((id) => {
     setSelectedSortColumns((prev) => prev.filter((item) => item.id !== id));
   }, []);
-  const handleReorderSortColumns = React53.useCallback((fromIndex, toIndex) => {
+  const handleReorderSortColumns = React54.useCallback((fromIndex, toIndex) => {
     setSelectedSortColumns((items) => sortable.arrayMove(items, fromIndex, toIndex));
   }, []);
-  const handleToggleSortDirection = React53.useCallback((id) => {
+  const handleToggleSortDirection = React54.useCallback((id) => {
     setSelectedSortColumns((prev) => prev.map((item) => item.id === id ? {
       ...item,
       direction: item.direction === "asc" ? "desc" : "asc"
     } : item));
   }, []);
-  const handleApply = React53.useCallback(() => {
+  const handleApply = React54.useCallback(() => {
     const sortingState = selectedSortColumns.map((col) => ({
       id: col.id,
       desc: col.direction === "desc"
@@ -4876,100 +5057,103 @@ function MultiColumnSortDialog({
     onApply(sortingState);
     onClose();
   }, [selectedSortColumns, onApply, onClose]);
-  const availableColumns = React53.useMemo(() => columnOptions.filter((col) => col.canSort && !selectedSortColumns.some((selected) => selected.id === col.id)), [columnOptions, selectedSortColumns]);
-  const filteredAvailableColumns = React53.useMemo(() => {
+  const availableColumns = React54.useMemo(() => columnOptions.filter((col) => col.canSort && !selectedSortColumns.some((selected) => selected.id === col.id)), [columnOptions, selectedSortColumns]);
+  const filteredAvailableColumns = React54.useMemo(() => {
     const query = menuSearchQuery.toLowerCase().trim();
     if (!query) {
       return availableColumns;
     }
     return availableColumns.filter((col) => col.name.toLowerCase().includes(query));
   }, [availableColumns, menuSearchQuery]);
-  const handleMenuSearchChange = React53.useCallback((event) => {
+  const handleMenuSearchChange = React54.useCallback((event) => {
     setMenuSearchQuery(event.target.value);
   }, []);
-  const handleMenuOpenChange = React53.useCallback((open) => {
+  const handleMenuOpenChange = React54.useCallback((open) => {
     if (open) {
       setMenuSearchQuery("");
     }
   }, []);
-  const sortableItems = React53.useMemo(() => {
+  const sortableItems = React54.useMemo(() => {
     return selectedSortColumns.map((item) => ({
       id: item.id,
       label: item.name,
-      content: /* @__PURE__ */ React53__default.default.createElement("div", {
+      content: /* @__PURE__ */ React54__default.default.createElement("div", {
         className: MultiColumnSortDialog_default.sortColumnItem
-      }, /* @__PURE__ */ React53__default.default.createElement("span", {
+      }, /* @__PURE__ */ React54__default.default.createElement("span", {
         className: classnames14__default.default(MultiColumnSortDialog_default.sortColumnName, MultiColumnSortDialog_default.truncate)
-      }, item.name), /* @__PURE__ */ React53__default.default.createElement(button.Button, {
+      }, item.name), /* @__PURE__ */ React54__default.default.createElement(button.Button, {
         className: MultiColumnSortDialog_default.sortDirectionButton,
         onClick: () => handleToggleSortDirection(item.id),
         "aria-label": `Toggle sort direction for ${item.name}`
-      }, item.direction === "asc" ? /* @__PURE__ */ React53__default.default.createElement(icons.SortAlphabetical, {
+      }, item.direction === "asc" ? /* @__PURE__ */ React54__default.default.createElement(icons.SortAlphabetical, {
         className: MultiColumnSortDialog_default.sortIcon
-      }) : /* @__PURE__ */ React53__default.default.createElement(icons.SortAlphabeticalDesc, {
+      }) : /* @__PURE__ */ React54__default.default.createElement(icons.SortAlphabeticalDesc, {
         className: MultiColumnSortDialog_default.sortIcon
       })))
     }));
   }, [selectedSortColumns, handleToggleSortDirection]);
-  const footer = React53.useMemo(() => /* @__PURE__ */ React53__default.default.createElement(React53__default.default.Fragment, null, /* @__PURE__ */ React53__default.default.createElement(ActionButton, {
+  const footer = React54.useMemo(() => /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(ActionButton, {
     onClick: onClose
-  }, "Cancel"), /* @__PURE__ */ React53__default.default.createElement(ActionButton, {
+  }, "Cancel"), /* @__PURE__ */ React54__default.default.createElement(ActionButton, {
     variant: "primary",
     onClick: handleApply
   }, "Apply")), [handleApply, onClose]);
-  return /* @__PURE__ */ React53__default.default.createElement(Dialog, {
+  const handleKeyDown = React54.useCallback((event) => {
+    event.stopPropagation();
+  }, []);
+  return /* @__PURE__ */ React54__default.default.createElement(Dialog, {
     isOpen,
     onOpenChange: onClose,
     title: DialogTitle2,
     footer
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: MultiColumnSortDialog_default.sortColumnsList
-  }, /* @__PURE__ */ React53__default.default.createElement(SortableItemsList, {
+  }, /* @__PURE__ */ React54__default.default.createElement(SortableItemsList, {
     items: sortableItems,
     onReorder: handleReorderSortColumns,
     onRemove: handleRemoveSortColumn,
     className: MultiColumnSortDialog_default.sortableList
-  }), /* @__PURE__ */ React53__default.default.createElement(menu.Menu.Root, {
+  }), /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Root, {
     onOpenChange: handleMenuOpenChange
-  }, /* @__PURE__ */ React53__default.default.createElement(menu.Menu.Trigger, {
+  }, /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Trigger, {
     className: MultiColumnSortDialog_default.addColumnButton,
     disabled: availableColumns.length === 0,
     "aria-label": "Add column to sort"
-  }, /* @__PURE__ */ React53__default.default.createElement(icons.Add, {
+  }, /* @__PURE__ */ React54__default.default.createElement(icons.Add, {
     className: MultiColumnSortDialog_default.addIcon
-  }), /* @__PURE__ */ React53__default.default.createElement("span", {
+  }), /* @__PURE__ */ React54__default.default.createElement("span", {
     className: MultiColumnSortDialog_default.addColumnText
-  }, "Add Column to Sort"), /* @__PURE__ */ React53__default.default.createElement(icons.CaretDown, {
+  }, "Add Column to Sort"), /* @__PURE__ */ React54__default.default.createElement(icons.CaretDown, {
     color: "currentColor"
-  })), /* @__PURE__ */ React53__default.default.createElement(menu.Menu.Portal, null, /* @__PURE__ */ React53__default.default.createElement(menu.Menu.Positioner, {
+  })), /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Portal, null, /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Positioner, {
     className: MultiColumnSortDialog_default.menuPositioner,
     sideOffset: 4
-  }, /* @__PURE__ */ React53__default.default.createElement(menu.Menu.Popup, {
+  }, /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Popup, {
     className: MultiColumnSortDialog_default.dropdownMenu
-  }, /* @__PURE__ */ React53__default.default.createElement(SearchBar, {
+  }, /* @__PURE__ */ React54__default.default.createElement(SearchBar, {
     value: menuSearchQuery,
     onChange: handleMenuSearchChange,
     placeholder: "Search columns",
     "aria-label": "Search columns to sort",
     className: MultiColumnSortDialog_default.menuSearchContainer,
-    onKeyDown: (e) => e.stopPropagation()
-  }), filteredAvailableColumns.map((column) => /* @__PURE__ */ React53__default.default.createElement(AvailableColumnMenuItem, {
+    onKeyDown: handleKeyDown
+  }), filteredAvailableColumns.map((column) => /* @__PURE__ */ React54__default.default.createElement(AvailableColumnMenuItem, {
     key: column.id,
     column,
     onAddColumn: handleAddColumn
-  })), filteredAvailableColumns.length === 0 && /* @__PURE__ */ React53__default.default.createElement("div", {
+  })), filteredAvailableColumns.length === 0 && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: MultiColumnSortDialog_default.menuEmptyState
   }, "No matching columns")))))));
 }
-var DialogTitle2 = /* @__PURE__ */ React53__default.default.createElement("div", {
+var DialogTitle2 = /* @__PURE__ */ React54__default.default.createElement("div", {
   className: MultiColumnSortDialog_default.title
-}, /* @__PURE__ */ React53__default.default.createElement(icons.Cog, null), "Sort on Multiple Columns");
+}, /* @__PURE__ */ React54__default.default.createElement(icons.Cog, null), "Sort on Multiple Columns");
 function AvailableColumnMenuItem({
   column,
   onAddColumn
 }) {
-  const onClick = React53.useCallback(() => onAddColumn(column), [onAddColumn, column]);
-  return /* @__PURE__ */ React53__default.default.createElement(menu.Menu.Item, {
+  const onClick = React54.useCallback(() => onAddColumn(column), [onAddColumn, column]);
+  return /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Item, {
     className: classnames14__default.default(MultiColumnSortDialog_default.dropdownItem, MultiColumnSortDialog_default.truncate),
     onClick
   }, column.name);
@@ -4985,7 +5169,7 @@ var TableHeaderContent_default = {};
 function TableHeaderContent({
   header
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: TableHeaderContent_default.osdkHeaderContent
   }, reactTable.flexRender(header.column.columnDef.header, header.getContext()));
 }
@@ -5000,14 +5184,14 @@ function HeaderMenuItem({
   label,
   active = false
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement(menu.Menu.Item, {
+  return /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Item, {
     closeOnClick: true,
     className: classnames14__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderMenuItem, active && TableHeaderWithPopover_default.osdkHeaderActiveMenuItem),
     onClick
-  }, /* @__PURE__ */ React53__default.default.createElement(Icon, {
+  }, /* @__PURE__ */ React54__default.default.createElement(Icon, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon,
     color: "currentColor"
-  }), /* @__PURE__ */ React53__default.default.createElement("span", null, label));
+  }), /* @__PURE__ */ React54__default.default.createElement("span", null, label));
 }
 function TableHeaderWithPopover({
   header,
@@ -5030,8 +5214,8 @@ function TableHeaderWithPopover({
     setSorting
   } = table;
   const currentSorting = table.getState().sorting;
-  const [isOpen, setIsOpen] = React53.useState(false);
-  const handlePinLeft = React53.useCallback(() => {
+  const [isOpen, setIsOpen] = React54.useState(false);
+  const handlePinLeft = React54.useCallback(() => {
     setColumnPinning((prev) => {
       return {
         left: [...prev.left || [], header.column.id],
@@ -5039,7 +5223,7 @@ function TableHeaderWithPopover({
       };
     });
   }, [header.column.id, setColumnPinning]);
-  const handleUnpin = React53.useCallback(() => {
+  const handleUnpin = React54.useCallback(() => {
     setColumnPinning((prev) => {
       return {
         left: prev.left?.filter((id) => id !== header.column.id) || [],
@@ -5047,39 +5231,39 @@ function TableHeaderWithPopover({
       };
     });
   }, [header.column.id, setColumnPinning]);
-  const handleSortAscending = React53.useCallback(() => {
+  const handleSortAscending = React54.useCallback(() => {
     header.column.toggleSorting(false);
     setSorting?.([{
       id: header.column.id,
       desc: false
     }]);
   }, [header.column, setSorting]);
-  const handleSortDescending = React53.useCallback(() => {
+  const handleSortDescending = React54.useCallback(() => {
     header.column.toggleSorting(true);
     setSorting?.([{
       id: header.column.id,
       desc: true
     }]);
   }, [header.column, setSorting]);
-  const handleClearAllSorts = React53.useCallback(() => {
+  const handleClearAllSorts = React54.useCallback(() => {
     header.column.clearSorting();
     setSorting?.([]);
   }, [header.column, setSorting]);
-  const handleResetSize = React53.useCallback(() => {
+  const handleResetSize = React54.useCallback(() => {
     header.column.resetSize();
     if (onResetSize) {
       onResetSize();
     }
   }, [header.column, onResetSize]);
-  const handleInteraction = React53.useCallback((e) => {
+  const handleInteraction = React54.useCallback((e) => {
     e.preventDefault();
     setIsOpen((prev) => !prev);
   }, []);
-  const handleOpenColumnConfig = React53.useCallback(() => {
+  const handleOpenColumnConfig = React54.useCallback(() => {
     onOpenColumnConfig?.();
     setIsOpen(false);
   }, [onOpenColumnConfig]);
-  const handleOpenMultiSort = React53.useCallback(() => {
+  const handleOpenMultiSort = React54.useCallback(() => {
     onOpenMultiSort?.();
     setIsOpen(false);
   }, [onOpenMultiSort]);
@@ -5087,72 +5271,72 @@ function TableHeaderWithPopover({
   const isSortable = header.column.getCanSort();
   const sortIndex = currentSorting?.findIndex((s) => s.id === header.column.id) ?? -1;
   const hasAnyMenuItems = showPinningItems || showSortingItems && isSortable || showResizeItem || showConfigItem;
-  return /* @__PURE__ */ React53__default.default.createElement(React53__default.default.Fragment, null, /* @__PURE__ */ React53__default.default.createElement(menu.Menu.Root, {
+  return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Root, {
     open: isOpen,
     onOpenChange: setIsOpen
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContainer),
     onContextMenu: handleInteraction
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentLeft)
-  }, isColumnPinned && /* @__PURE__ */ React53__default.default.createElement(icons.Pin, {
+  }, isColumnPinned && /* @__PURE__ */ React54__default.default.createElement(icons.Pin, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon,
     color: "currentColor"
-  }), /* @__PURE__ */ React53__default.default.createElement(TableHeaderContent, {
+  }), /* @__PURE__ */ React54__default.default.createElement(TableHeaderContent, {
     header
-  })), /* @__PURE__ */ React53__default.default.createElement("div", {
+  })), /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentRight)
-  }, isSorted && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, isSorted && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: TableHeaderWithPopover_default.osdkCenterContainer
-  }, isSorted === "asc" ? /* @__PURE__ */ React53__default.default.createElement(icons.SortAlphabetical, {
+  }, isSorted === "asc" ? /* @__PURE__ */ React54__default.default.createElement(icons.SortAlphabetical, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon
-  }) : /* @__PURE__ */ React53__default.default.createElement(icons.SortAlphabeticalDesc, {
+  }) : /* @__PURE__ */ React54__default.default.createElement(icons.SortAlphabeticalDesc, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon
-  }), currentSorting.length > 1 && sortIndex >= 0 && /* @__PURE__ */ React53__default.default.createElement("span", {
+  }), currentSorting.length > 1 && sortIndex >= 0 && /* @__PURE__ */ React54__default.default.createElement("span", {
     className: TableHeaderWithPopover_default.sortIndex
-  }, sortIndex + 1)), hasAnyMenuItems && /* @__PURE__ */ React53__default.default.createElement(menu.Menu.Trigger, {
+  }, sortIndex + 1)), hasAnyMenuItems && /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Trigger, {
     "aria-label": `Open header menu for column with id=${header.column.id}`,
     className: classnames14__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkHeaderPopoverTrigger)
-  }, /* @__PURE__ */ React53__default.default.createElement(icons.ChevronDown, {
+  }, /* @__PURE__ */ React54__default.default.createElement(icons.ChevronDown, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon
-  }))), /* @__PURE__ */ React53__default.default.createElement(menu.Menu.Portal, {
+  }))), /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Portal, {
     container: document.body
-  }, /* @__PURE__ */ React53__default.default.createElement(menu.Menu.Positioner, {
+  }, /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Positioner, {
     sideOffset: 4
-  }, /* @__PURE__ */ React53__default.default.createElement(menu.Menu.Popup, {
+  }, /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Popup, {
     className: TableHeaderWithPopover_default.osdkHeaderPopup
-  }, showPinningItems && !isColumnPinned && /* @__PURE__ */ React53__default.default.createElement(HeaderMenuItem, {
+  }, showPinningItems && !isColumnPinned && /* @__PURE__ */ React54__default.default.createElement(HeaderMenuItem, {
     onClick: handlePinLeft,
     icon: icons.Pin,
     label: "Pin column"
-  }), showPinningItems && isColumnPinned && /* @__PURE__ */ React53__default.default.createElement(HeaderMenuItem, {
+  }), showPinningItems && isColumnPinned && /* @__PURE__ */ React54__default.default.createElement(HeaderMenuItem, {
     onClick: handleUnpin,
     icon: icons.Unpin,
     label: "Unpin Column",
     active: true
-  }), showSortingItems && isSortable && /* @__PURE__ */ React53__default.default.createElement(React53__default.default.Fragment, null, /* @__PURE__ */ React53__default.default.createElement(HeaderMenuItem, {
+  }), showSortingItems && isSortable && /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(HeaderMenuItem, {
     onClick: handleSortAscending,
     icon: icons.SortAlphabetical,
     label: "Sort ascending",
     active: isSorted === "asc"
-  }), /* @__PURE__ */ React53__default.default.createElement(HeaderMenuItem, {
+  }), /* @__PURE__ */ React54__default.default.createElement(HeaderMenuItem, {
     onClick: handleSortDescending,
     icon: icons.SortAlphabeticalDesc,
     label: "Sort descending",
     active: isSorted === "desc"
-  }), columnOptions?.some((col) => col.canSort) && /* @__PURE__ */ React53__default.default.createElement(HeaderMenuItem, {
+  }), columnOptions?.some((col) => col.canSort) && /* @__PURE__ */ React54__default.default.createElement(HeaderMenuItem, {
     onClick: handleOpenMultiSort,
     icon: icons.Sort,
     label: "Sort on multiple columns"
-  })), showSortingItems && !!currentSorting?.length && /* @__PURE__ */ React53__default.default.createElement(HeaderMenuItem, {
+  })), showSortingItems && !!currentSorting?.length && /* @__PURE__ */ React54__default.default.createElement(HeaderMenuItem, {
     onClick: handleClearAllSorts,
     icon: icons.Remove,
     label: "Clear all sorts"
-  }), showResizeItem && /* @__PURE__ */ React53__default.default.createElement(HeaderMenuItem, {
+  }), showResizeItem && /* @__PURE__ */ React54__default.default.createElement(HeaderMenuItem, {
     onClick: handleResetSize,
     icon: icons.VerticalDistribution,
     label: "Reset Column Size"
-  }), showConfigItem && /* @__PURE__ */ React53__default.default.createElement(HeaderMenuItem, {
+  }), showConfigItem && /* @__PURE__ */ React54__default.default.createElement(HeaderMenuItem, {
     onClick: handleOpenColumnConfig,
     icon: icons.Settings,
     label: "Configure Columns"
@@ -5206,25 +5390,25 @@ function TableHeader({
   const currentVisibility = table.getState().columnVisibility;
   const currentColumnOrder = table.getState().columnOrder;
   const isResizing = !!table.getState().columnSizingInfo?.isResizingColumn;
-  const [configDialogOpen, setConfigDialogOpen] = React53.useState(false);
-  const [multiSortDialogOpen, setMultiSortDialogOpen] = React53.useState(false);
-  const handleOpenColumnConfig = React53.useCallback(() => {
+  const [configDialogOpen, setConfigDialogOpen] = React54.useState(false);
+  const [multiSortDialogOpen, setMultiSortDialogOpen] = React54.useState(false);
+  const handleOpenColumnConfig = React54.useCallback(() => {
     setConfigDialogOpen(true);
   }, []);
-  const handleCloseColumnConfig = React53.useCallback(() => {
+  const handleCloseColumnConfig = React54.useCallback(() => {
     setConfigDialogOpen(false);
   }, []);
-  const handleOpenMultiSort = React53.useCallback(() => {
+  const handleOpenMultiSort = React54.useCallback(() => {
     setMultiSortDialogOpen(true);
   }, []);
-  const handleCloseMultiSort = React53.useCallback(() => {
+  const handleCloseMultiSort = React54.useCallback(() => {
     setMultiSortDialogOpen(false);
   }, []);
-  const handleApplyMultiSort = React53.useCallback((sortColumns) => {
+  const handleApplyMultiSort = React54.useCallback((sortColumns) => {
     setMultiSortDialogOpen(false);
     setSorting?.(sortColumns);
   }, [setSorting]);
-  const handleApplyColumnConfig = React53.useCallback((updates) => {
+  const handleApplyColumnConfig = React54.useCallback((updates) => {
     const newVisibilityState = {};
     for (const update of updates) {
       newVisibilityState[update.columnId] = update.isVisible;
@@ -5232,7 +5416,7 @@ function TableHeader({
     setColumnOrder(updates.map((col) => col.columnId));
     setColumnVisibility(newVisibilityState);
   }, [setColumnOrder, setColumnVisibility]);
-  const columnOptions = React53.useMemo(() => {
+  const columnOptions = React54.useMemo(() => {
     const allHeaders = table.getHeaderGroups().flatMap((headerGroup) => headerGroup.headers);
     return table.getAllColumns().filter((column) => column.id !== SELECTION_COLUMN_ID).map((column) => {
       return {
@@ -5242,10 +5426,10 @@ function TableHeader({
       };
     });
   }, [table]);
-  return /* @__PURE__ */ React53__default.default.createElement(React53__default.default.Fragment, null, /* @__PURE__ */ React53__default.default.createElement("thead", {
+  return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement("thead", {
     className: TableHeader_default.osdkTableHeader,
     "data-resizing": isResizing
-  }, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React53__default.default.createElement("tr", {
+  }, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React54__default.default.createElement("tr", {
     key: headerGroup.id,
     className: TableHeader_default.osdkTableHeaderRow
   }, headerGroup.headers.map((header) => {
@@ -5254,14 +5438,14 @@ function TableHeader({
     } = getColumnPinningStyles(header.column);
     const isColumnPinned = header.column.getIsPinned();
     const isSelectColumn = header.id === SELECTION_COLUMN_ID;
-    return /* @__PURE__ */ React53__default.default.createElement("th", {
+    return /* @__PURE__ */ React54__default.default.createElement("th", {
       key: header.id,
       "data-pinned": header.column.getIsPinned(),
       className: TableHeader_default.osdkTableHeaderCell,
       style: columnStyles
-    }, header.isPlaceholder ? null : isSelectColumn ? /* @__PURE__ */ React53__default.default.createElement(TableHeaderContent, {
+    }, header.isPlaceholder ? null : isSelectColumn ? /* @__PURE__ */ React54__default.default.createElement(TableHeaderContent, {
       header
-    }) : /* @__PURE__ */ React53__default.default.createElement(TableHeaderWithPopover, {
+    }) : /* @__PURE__ */ React54__default.default.createElement(TableHeaderWithPopover, {
       table,
       header,
       isColumnPinned,
@@ -5269,20 +5453,20 @@ function TableHeader({
       featureFlags: headerMenuFeatureFlags,
       onOpenColumnConfig: handleOpenColumnConfig,
       onOpenMultiSort: handleOpenMultiSort
-    }), header.column.getCanResize() && headerMenuFeatureFlags?.showResizeItem !== false && /* @__PURE__ */ React53__default.default.createElement("div", {
+    }), header.column.getCanResize() && headerMenuFeatureFlags?.showResizeItem !== false && /* @__PURE__ */ React54__default.default.createElement("div", {
       className: TableHeader_default.osdkTableHeaderResizer,
       onDoubleClick: () => header.column.resetSize(),
       onMouseDown: header.getResizeHandler(),
       onTouchStart: header.getResizeHandler()
     }));
-  })))), !!columnOptions?.length && /* @__PURE__ */ React53__default.default.createElement(ColumnConfigDialog, {
+  })))), !!columnOptions?.length && /* @__PURE__ */ React54__default.default.createElement(ColumnConfigDialog, {
     isOpen: configDialogOpen,
     onClose: handleCloseColumnConfig,
     columnOptions,
     currentVisibility,
     currentColumnOrder,
     onApply: handleApplyColumnConfig
-  }), columnOptions?.some((col) => col.canSort) && /* @__PURE__ */ React53__default.default.createElement(MultiColumnSortDialog, {
+  }), columnOptions?.some((col) => col.canSort) && /* @__PURE__ */ React54__default.default.createElement(MultiColumnSortDialog, {
     isOpen: multiSortDialogOpen,
     onClose: handleCloseMultiSort,
     columnOptions,
@@ -5302,13 +5486,13 @@ function LoadingStateTable({
 }) {
   const enableRowSelection = table.options.enableRowSelection;
   const minHeaderCount = enableRowSelection ? 1 : 0;
-  const headers = React53.useMemo(() => headerGroups.length > 0 ? headerGroups[0].headers : [], [headerGroups]);
+  const headers = React54.useMemo(() => headerGroups.length > 0 ? headerGroups[0].headers : [], [headerGroups]);
   const hasHeadersLoaded = headers.length > minHeaderCount;
-  const headerRef = React53.useRef(null);
-  const bodyRef = React53.useRef(null);
-  const [loadingRowCount, setLoadingRowCount] = React53.useState(MIN_ROWS);
-  const [loadingColumnCount, setLoadingColumnCount] = React53.useState(headers.length);
-  React53.useEffect(() => {
+  const headerRef = React54.useRef(null);
+  const bodyRef = React54.useRef(null);
+  const [loadingRowCount, setLoadingRowCount] = React54.useState(MIN_ROWS);
+  const [loadingColumnCount, setLoadingColumnCount] = React54.useState(headers.length);
+  React54.useEffect(() => {
     if (hasHeadersLoaded) {
       setLoadingColumnCount(headers.length);
     } else {
@@ -5321,7 +5505,7 @@ function LoadingStateTable({
       }
     }
   }, [columnWidth, hasHeadersLoaded, headers, tableContainerRef]);
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     if (tableContainerRef.current) {
       const containerHeight = tableContainerRef.current.clientHeight;
       const availableHeight = containerHeight - rowHeight;
@@ -5331,32 +5515,32 @@ function LoadingStateTable({
       }
     }
   }, [tableContainerRef, rowHeight]);
-  return /* @__PURE__ */ React53__default.default.createElement(React53__default.default.Fragment, null, hasHeadersLoaded ? /* @__PURE__ */ React53__default.default.createElement(TableHeader, {
+  return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, hasHeadersLoaded ? /* @__PURE__ */ React54__default.default.createElement(TableHeader, {
     table
-  }) : /* @__PURE__ */ React53__default.default.createElement("thead", {
+  }) : /* @__PURE__ */ React54__default.default.createElement("thead", {
     className: TableHeader_default.osdkTableHeader,
     ref: headerRef
-  }, /* @__PURE__ */ React53__default.default.createElement("tr", {
+  }, /* @__PURE__ */ React54__default.default.createElement("tr", {
     className: TableHeader_default.osdkTableHeaderRow
   }, Array.from({
     length: loadingColumnCount
   }).map((_, index) => {
     const width = headers.length > index ? headers[index].getSize() : columnWidth;
-    return /* @__PURE__ */ React53__default.default.createElement("th", {
+    return /* @__PURE__ */ React54__default.default.createElement("th", {
       key: `loading-header-${index}`,
       className: TableHeader_default.osdkTableHeaderCell,
       style: {
         width
       }
-    }, /* @__PURE__ */ React53__default.default.createElement("div", {
+    }, /* @__PURE__ */ React54__default.default.createElement("div", {
       className: classnames14__default.default(TableHeader_default.osdkLoadingHeaderCell, LoadingCell_default.osdkCellSkeleton)
     }));
-  }))), /* @__PURE__ */ React53__default.default.createElement("tbody", {
+  }))), /* @__PURE__ */ React54__default.default.createElement("tbody", {
     className: TableBody_default.osdkTableBody,
     ref: bodyRef
   }, Array.from({
     length: loadingRowCount
-  }).map((_, index) => /* @__PURE__ */ React53__default.default.createElement(LoadingRow, {
+  }).map((_, index) => /* @__PURE__ */ React54__default.default.createElement(LoadingRow, {
     key: `skeleton-${index}`,
     columnCount: loadingColumnCount,
     headers,
@@ -5373,9 +5557,9 @@ var NonIdealState_default = {};
 function NonIdealState({
   message
 }) {
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: NonIdealState_default.container
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: NonIdealState_default.message
   }, message));
 }
@@ -5393,8 +5577,8 @@ function CellContextMenu({
   onClose,
   renderContent
 }) {
-  const ref = React53.useRef(null);
-  React53.useEffect(() => {
+  const ref = React54.useRef(null);
+  React54.useEffect(() => {
     const handleClickOutside = (event) => {
       if (ref.current && !ref.current.contains(event.target)) {
         onClose();
@@ -5405,7 +5589,7 @@ function CellContextMenu({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  return /* @__PURE__ */ reactDom.createPortal(/* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ reactDom.createPortal(/* @__PURE__ */ React54__default.default.createElement("div", {
     ref,
     className: CellContextMenu_default.osdkCellContextMenu,
     style: {
@@ -5418,9 +5602,9 @@ function CellContextMenu({
 var useCellContextMenu = ({
   tdRef
 }) => {
-  const [popoverPosition, setPopoverPosition] = React53.useState(null);
-  const [isContextMenuOpen, setIsContextMenuOpen] = React53.useState(false);
-  const handleOpenContextMenu = React53.useCallback((event) => {
+  const [popoverPosition, setPopoverPosition] = React54.useState(null);
+  const [isContextMenuOpen, setIsContextMenuOpen] = React54.useState(false);
+  const handleOpenContextMenu = React54.useCallback((event) => {
     event.preventDefault();
     event.stopPropagation();
     if (tdRef.current) {
@@ -5434,7 +5618,7 @@ var useCellContextMenu = ({
       setIsContextMenuOpen(true);
     }
   }, [tdRef]);
-  const handleCloseContextMenu = React53.useCallback(() => {
+  const handleCloseContextMenu = React54.useCallback(() => {
     setIsContextMenuOpen(false);
     setPopoverPosition(null);
   }, []);
@@ -5451,7 +5635,7 @@ function TableCell({
   cell,
   renderCellContextMenu
 }) {
-  const tdRef = React53.useRef(null);
+  const tdRef = React54.useRef(null);
   const isSelectColumn = cell.column.id === SELECTION_COLUMN_ID;
   const {
     isContextMenuOpen,
@@ -5465,15 +5649,15 @@ function TableCell({
   const {
     columnStyles
   } = getColumnPinningStyles(cell.column);
-  return /* @__PURE__ */ React53__default.default.createElement(React53__default.default.Fragment, null, /* @__PURE__ */ React53__default.default.createElement("td", {
+  return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement("td", {
     ref: tdRef,
     "data-pinned": cell.column.getIsPinned(),
     className: TableCell_default.osdkTableCell,
     style: columnStyles,
     onContextMenu: handleOpenContextMenu
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: TableCell_default.osdkTableCellContent
-  }, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()))), shouldRenderContextMenu && /* @__PURE__ */ React53__default.default.createElement(CellContextMenu, {
+  }, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()))), shouldRenderContextMenu && /* @__PURE__ */ React54__default.default.createElement(CellContextMenu, {
     cell,
     position: popoverPosition,
     onClose: handleCloseContextMenu,
@@ -5487,26 +5671,26 @@ function TableRow({
   virtualRow,
   onRowClick,
   renderCellContextMenu,
-  focusedRowId,
+  isFocused,
   setFocusedRowId,
   isInEditMode
 }) {
-  const handleClick = React53.useCallback(() => {
+  const handleClick = React54.useCallback(() => {
     setFocusedRowId?.(row.id);
     if (!isInEditMode) {
       onRowClick?.(row.original);
     }
   }, [isInEditMode, onRowClick, row.original, row.id, setFocusedRowId]);
-  return /* @__PURE__ */ React53__default.default.createElement("tr", {
+  return /* @__PURE__ */ React54__default.default.createElement("tr", {
     "data-selected": row.getIsSelected(),
-    "data-focused": focusedRowId === row.id,
+    "data-focused": isFocused,
     className: TableRow_default.osdkTableRow,
     style: {
       height: `${virtualRow.size}px`,
       transform: `translateY(${virtualRow.start}px)`
     },
     onClick: handleClick
-  }, row.getVisibleCells().map((cell) => /* @__PURE__ */ React53__default.default.createElement(TableCell, {
+  }, row.getVisibleCells().map((cell) => /* @__PURE__ */ React54__default.default.createElement(TableCell, {
     key: cell.id,
     cell,
     renderCellContextMenu
@@ -5532,30 +5716,30 @@ function TableBody({
     getScrollElement: () => tableContainerRef.current,
     overscan: 5
   });
-  React53.useLayoutEffect(() => {
+  React54.useLayoutEffect(() => {
     rowVirtualizer.measure();
   }, [rowVirtualizer, rows.length]);
   const totalSize = rowVirtualizer.getTotalSize();
   const bodyHeight = isLoadingMore ? totalSize + rowHeight : totalSize;
   const headers = headerGroups[0]?.headers ?? [];
-  return /* @__PURE__ */ React53__default.default.createElement("tbody", {
+  return /* @__PURE__ */ React54__default.default.createElement("tbody", {
     className: TableBody_default.osdkTableBody,
     style: {
       height: `${bodyHeight}px`
     }
   }, rowVirtualizer.getVirtualItems().map((virtualRow) => {
     const row = rows[virtualRow.index];
-    return /* @__PURE__ */ React53__default.default.createElement(TableRow, {
+    return /* @__PURE__ */ React54__default.default.createElement(TableRow, {
       key: row.id,
       row,
       virtualRow,
       onRowClick,
       renderCellContextMenu,
-      focusedRowId,
+      isFocused: focusedRowId === row.id,
       setFocusedRowId,
       isInEditMode
     });
-  }), isLoadingMore && /* @__PURE__ */ React53__default.default.createElement(LoadingRow, {
+  }), isLoadingMore && /* @__PURE__ */ React54__default.default.createElement(LoadingRow, {
     headers,
     translateY: totalSize,
     rowHeight,
@@ -5575,55 +5759,65 @@ function TableEditContainer({
     cellEdits,
     onSubmitEdits,
     clearEdits,
-    editMode
-  } = editableConfig ?? {};
+    editModeState,
+    validationErrors
+  } = editableConfig;
   const hasEdits = Object.keys(cellEdits ?? {}).length > 0;
-  const [isSubmitting, setIsSubmitting] = React53.useState(false);
-  const isInEditMode = editMode?.isActive;
-  const canToggleEditMode = editMode?.type === "manual";
-  const handleSubmitEdits = React53.useCallback(async () => {
+  const hasValidationError = (validationErrors?.size ?? 0) > 0;
+  const [isSubmitting, setIsSubmitting] = React54.useState(false);
+  const isInEditMode = editModeState.isActive;
+  const canToggleEditMode = editModeState.type === "manual";
+  const handleSubmitEdits = React54.useCallback(async () => {
     setIsSubmitting(true);
     try {
       const success = await onSubmitEdits?.();
       if (success) {
         clearEdits?.();
-        if (editMode?.type === "manual") {
-          editMode.setActive(false);
+        if (editModeState?.type === "manual") {
+          editModeState.setActive(false);
         }
       }
     } finally {
       setIsSubmitting(false);
     }
-  }, [editMode, onSubmitEdits, clearEdits]);
-  const handleCancelEdits = React53.useCallback(() => {
+  }, [editModeState, onSubmitEdits, clearEdits]);
+  const handleCancelEdits = React54.useCallback(() => {
     clearEdits?.();
-    if (editMode?.type === "manual") {
-      editMode.setActive(false);
+    if (editModeState?.type === "manual") {
+      editModeState.setActive(false);
     }
-  }, [clearEdits, editMode]);
-  const handleEnterEditMode = React53.useCallback(() => {
-    if (editMode?.type === "manual") {
-      editMode.setActive(true);
+  }, [clearEdits, editModeState]);
+  const handleEnterEditMode = React54.useCallback(() => {
+    if (editModeState?.type === "manual") {
+      editModeState.setActive(true);
     }
-  }, [editMode]);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, [editModeState]);
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: TableEditContainer_default.tableEditContainer
-  }, hasEdits ? /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, hasEdits || hasValidationError ? /* @__PURE__ */ React54__default.default.createElement("div", {
+    className: TableEditContainer_default.editsInfoContainer
+  }, hasEdits && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: TableEditContainer_default.modificationCount
-  }, `${cellEdits ? Object.keys(cellEdits).length : 0} modifications`) : isInEditMode && !focusedRowId && /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, `${cellEdits ? Object.keys(cellEdits).length : 0} modifications`), hasEdits && hasValidationError && /* @__PURE__ */ React54__default.default.createElement("div", {
+    className: TableEditContainer_default.divider
+  }), hasValidationError && /* @__PURE__ */ React54__default.default.createElement("div", {
+    className: TableEditContainer_default.validationError
+  }, /* @__PURE__ */ React54__default.default.createElement(icons.Error, {
+    className: TableEditContainer_default.errorIcon
+  }), "Validation error")) : isInEditMode && !focusedRowId && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: TableEditContainer_default.placeholder
-  }, "Select a row to edit data\u2026"), /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, "Select a row to edit data\u2026"), /* @__PURE__ */ React54__default.default.createElement("div", {
     className: TableEditContainer_default.editButtons
-  }, !isInEditMode && canToggleEditMode && /* @__PURE__ */ React53__default.default.createElement(ActionButton, {
+  }, !isInEditMode && canToggleEditMode && /* @__PURE__ */ React54__default.default.createElement(ActionButton, {
     variant: "primary",
     onClick: handleEnterEditMode
-  }, "Edit Table"), isInEditMode && canToggleEditMode && /* @__PURE__ */ React53__default.default.createElement(ActionButton, {
+  }, "Edit Table"), isInEditMode && canToggleEditMode && /* @__PURE__ */ React54__default.default.createElement(ActionButton, {
     variant: "secondary",
     onClick: handleCancelEdits
-  }, "Cancel"), isInEditMode && !!onSubmitEdits && /* @__PURE__ */ React53__default.default.createElement(ActionButton, {
+  }, "Cancel"), isInEditMode && !!onSubmitEdits && /* @__PURE__ */ React54__default.default.createElement(ActionButton, {
     variant: "primary",
     onClick: handleSubmitEdits,
-    disabled: !hasEdits || isSubmitting
+    disabled: !hasEdits || isSubmitting || hasValidationError
   }, "Submit Edits")));
 }
 
@@ -5640,16 +5834,16 @@ function BaseTable({
   headerMenuFeatureFlags,
   editableConfig
 }) {
-  const tableContainerRef = React53.useRef(null);
-  const [isLoadingMore, setIsLoadingMore] = React53.useState(false);
-  const [focusedRowId, setFocusedRowId] = React53.useState(null);
-  const fetchingRef = React53.useRef(false);
-  React53.useEffect(() => {
+  const tableContainerRef = React54.useRef(null);
+  const [isLoadingMore, setIsLoadingMore] = React54.useState(false);
+  const [focusedRowId, setFocusedRowId] = React54.useState(null);
+  const fetchingRef = React54.useRef(false);
+  React54.useEffect(() => {
     if (!isLoading || fetchNextPage == null) {
       setIsLoadingMore(false);
     }
   }, [isLoading, fetchNextPage]);
-  const fetchMoreOnEndReached = React53.useCallback(async (containerRefElement) => {
+  const fetchMoreOnEndReached = React54.useCallback(async (containerRefElement) => {
     if (containerRefElement && !fetchingRef.current && !isLoadingMore) {
       const {
         scrollHeight,
@@ -5667,14 +5861,14 @@ function BaseTable({
       }
     }
   }, [fetchNextPage, isLoading, isLoadingMore]);
-  const handleScroll = React53.useCallback(async (e) => {
+  const handleScroll = React54.useCallback(async (e) => {
     await fetchMoreOnEndReached(e.currentTarget);
   }, [fetchMoreOnEndReached]);
   const rows = table.getRowModel().rows;
   const headerGroups = table.getHeaderGroups();
   const hasData = rows.length > 0;
   const hasEditableColumns = table.getAllColumns().some((column) => column.columnDef.meta?.editable === true);
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     const handleClickOutside = (event) => {
       if (tableContainerRef.current && !tableContainerRef.current.contains(event.target)) {
         setFocusedRowId(null);
@@ -5685,21 +5879,21 @@ function BaseTable({
       document.removeEventListener("click", handleClickOutside);
     };
   }, []);
-  return /* @__PURE__ */ React53__default.default.createElement("div", {
+  return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: classnames14__default.default(Table_default.osdkTableWrapper, className)
-  }, /* @__PURE__ */ React53__default.default.createElement("div", {
+  }, /* @__PURE__ */ React54__default.default.createElement("div", {
     ref: tableContainerRef,
     className: Table_default.osdkTableContainer,
     onScroll: handleScroll
-  }, /* @__PURE__ */ React53__default.default.createElement("table", null, isLoading && !hasData ? /* @__PURE__ */ React53__default.default.createElement(LoadingStateTable, {
+  }, /* @__PURE__ */ React54__default.default.createElement("table", null, isLoading && !hasData ? /* @__PURE__ */ React54__default.default.createElement(LoadingStateTable, {
     table,
     headerGroups,
     rowHeight,
     tableContainerRef
-  }) : /* @__PURE__ */ React53__default.default.createElement(React53__default.default.Fragment, null, /* @__PURE__ */ React53__default.default.createElement(TableHeader, {
+  }) : /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(TableHeader, {
     table,
     headerMenuFeatureFlags
-  }), /* @__PURE__ */ React53__default.default.createElement(TableBody, {
+  }), /* @__PURE__ */ React54__default.default.createElement(TableBody, {
     rows,
     tableContainerRef,
     onRowClick,
@@ -5709,12 +5903,12 @@ function BaseTable({
     headerGroups,
     focusedRowId,
     setFocusedRowId,
-    isInEditMode: editableConfig?.editMode.isActive
-  }))), !hasData && error == null && /* @__PURE__ */ React53__default.default.createElement(NonIdealState, {
+    isInEditMode: editableConfig?.editModeState.isActive
+  }))), !hasData && error == null && /* @__PURE__ */ React54__default.default.createElement(NonIdealState, {
     message: "No Data"
-  }), error != null && /* @__PURE__ */ React53__default.default.createElement(NonIdealState, {
+  }), error != null && /* @__PURE__ */ React54__default.default.createElement(NonIdealState, {
     message: `Error Loading Data: ${error.message}`
-  })), hasEditableColumns && /* @__PURE__ */ React53__default.default.createElement(TableEditContainer, {
+  })), hasEditableColumns && editableConfig && /* @__PURE__ */ React54__default.default.createElement(TableEditContainer, {
     editableConfig,
     focusedRowId
   }));
@@ -5810,7 +6004,7 @@ function ObjectTable({
     hasSelectionColumn: enableRowSelection,
     onColumnsPinnedChanged
   });
-  const allColumns = React53.useMemo(() => {
+  const allColumns = React54.useMemo(() => {
     return selectionColumn ? [selectionColumn, ...columns] : columns;
   }, [selectionColumn, columns]);
   const editableConfig = useEditableTable({
@@ -5847,21 +6041,24 @@ function ObjectTable({
     getRowId,
     meta: {
       onCellEdit: editableConfig.onCellEdit,
+      onCellValidationError: editableConfig.onCellValidationError,
+      clearCellValidationError: editableConfig.clearCellValidationError,
       cellEdits: editableConfig.cellEdits,
-      isInEditMode: editableConfig.editMode.isActive
+      isInEditMode: editableConfig.editModeState.isActive,
+      validationErrors: editableConfig.validationErrors
     }
   });
-  const onRenderCellContextMenu = React53.useCallback((row, cell) => {
+  const onRenderCellContextMenu = React54.useCallback((row, cell) => {
     return renderCellContextMenu?.(row, cell.getValue());
   }, [renderCellContextMenu]);
   const isTableLoading = isLoading || isColumnsLoading;
-  const headerMenuFeatureFlags = React53.useMemo(() => ({
+  const headerMenuFeatureFlags = React54.useMemo(() => ({
     showSortingItems: enableOrdering,
     showPinningItems: enableColumnPinning,
     showResizeItem: enableColumnResizing,
     showConfigItem: enableColumnConfig
   }), [enableOrdering, enableColumnPinning, enableColumnResizing, enableColumnConfig]);
-  return /* @__PURE__ */ React53__default.default.createElement(BaseTable, {
+  return /* @__PURE__ */ React54__default.default.createElement(BaseTable, {
     table,
     isLoading: isTableLoading,
     fetchNextPage: fetchMore,