@osdk/react-components 0.2.0-beta.12 → 0.2.0-beta.13

package/build/cjs/public/experimental.cjs

@@ -2,7 +2,9 @@
 
 var button = require('@base-ui/react/button');
 var classnames7 = require('classnames');
-var React21 = require('react');
+var React22 = require('react');
+var core = require('@dnd-kit/core');
+var sortable = require('@dnd-kit/sortable');
 var checkbox = require('@base-ui/react/checkbox');
 var icons = require('@blueprintjs/icons');
 var experimental = require('@osdk/react/experimental');
@@ -11,13 +13,11 @@ var lodashEs = require('lodash-es');
 var combobox = require('@base-ui/react/combobox');
 var select = require('@base-ui/react/select');
 var _switch = require('@base-ui/react/switch');
+var utilities = require('@dnd-kit/utilities');
 var reactTable = require('@tanstack/react-table');
 var react = require('@osdk/react');
 var collapsible = require('@base-ui/react/collapsible');
-var sortable = require('@dnd-kit/sortable');
 var dialog = require('@base-ui/react/dialog');
-var core = require('@dnd-kit/core');
-var utilities = require('@dnd-kit/utilities');
 var menu = require('@base-ui/react/menu');
 var reactVirtual = require('@tanstack/react-virtual');
 var reactDom = require('react-dom');
@@ -25,7 +25,7 @@ var reactDom = require('react-dom');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var classnames7__default = /*#__PURE__*/_interopDefault(classnames7);
-var React21__default = /*#__PURE__*/_interopDefault(React21);
+var React22__default = /*#__PURE__*/_interopDefault(React22);
 
 // src/filter-list/base/FilterList.tsx
 
@@ -414,8 +414,8 @@ function useFilterListState(props) {
     onFilterClauseChanged
   } = props;
   const objectType = objectSet.$objectSetInternals.def;
-  const [filterStates, setFilterStates] = React21.useState(() => buildInitialStates(filterDefinitions));
-  const setFilterState = React21.useCallback((filterKey, state) => {
+  const [filterStates, setFilterStates] = React22.useState(() => buildInitialStates(filterDefinitions));
+  const setFilterState = React22.useCallback((filterKey, state) => {
     let newWhereClause;
     setFilterStates((prev) => {
       const next = new Map(prev);
@@ -431,8 +431,8 @@ function useFilterListState(props) {
       onFilterStateChanged?.(definition, state);
     }
   }, [filterDefinitions, filterOperator, objectType, onFilterClauseChanged, onFilterStateChanged]);
-  const whereClause = React21.useMemo(() => buildWhereClause(filterDefinitions, filterStates, filterOperator, objectType), [filterDefinitions, filterStates, filterOperator, objectType]);
-  const activeFilterCount = React21.useMemo(() => {
+  const whereClause = React22.useMemo(() => buildWhereClause(filterDefinitions, filterStates, filterOperator, objectType), [filterDefinitions, filterStates, filterOperator, objectType]);
+  const activeFilterCount = React22.useMemo(() => {
     let count = 0;
     for (const state of filterStates.values()) {
       if (filterHasActiveState(state)) {
@@ -441,13 +441,13 @@ function useFilterListState(props) {
     }
     return count;
   }, [filterStates]);
-  const reset = React21.useCallback(() => {
+  const reset = React22.useCallback(() => {
     const initialStates = buildInitialStates(filterDefinitions);
     setFilterStates(initialStates);
     const newWhereClause = buildWhereClause(filterDefinitions, initialStates, filterOperator, objectType);
     onFilterClauseChanged?.(newWhereClause);
   }, [filterDefinitions, filterOperator, objectType, onFilterClauseChanged]);
-  return React21.useMemo(() => ({
+  return React22.useMemo(() => ({
     filterStates,
     setFilterState,
     whereClause,
@@ -459,6 +459,26 @@ function useFilterListState(props) {
 // src/filter-list/base/FilterList.module.css
 var FilterList_default = {};
 
+// src/filter-list/utils/getFilterLabel.ts
+function getFilterLabel(definition) {
+  if ("label" in definition && definition.label) {
+    return definition.label;
+  }
+  switch (definition.type) {
+    case "PROPERTY":
+      return definition.key;
+    case "HAS_LINK":
+    case "LINKED_PROPERTY":
+      return definition.linkName;
+    case "KEYWORD_SEARCH":
+      return "Search";
+    case "CUSTOM":
+      return definition.key;
+    default:
+      return assertUnreachable(definition);
+  }
+}
+
 // src/filter-list/base/FilterListContent.module.css
 var FilterListContent_default = {};
 
@@ -466,7 +486,7 @@ var FilterListContent_default = {};
 var ErrorBoundary_default = {};
 
 // src/shared/ErrorBoundary.tsx
-var ErrorBoundary = class extends React21.Component {
+var ErrorBoundary = class extends React22.Component {
   state = {
     hasError: false,
     error: null
@@ -493,11 +513,11 @@ var ErrorBoundary = class extends React21.Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ React21__default.default.createElement("div", {
+      return /* @__PURE__ */ React22__default.default.createElement("div", {
         className: ErrorBoundary_default.errorContainer
-      }, /* @__PURE__ */ React21__default.default.createElement("p", {
+      }, /* @__PURE__ */ React22__default.default.createElement("p", {
         className: ErrorBoundary_default.errorMessage
-      }, this.props.errorMessage ?? "Something went wrong"), /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+      }, this.props.errorMessage ?? "Something went wrong"), /* @__PURE__ */ React22__default.default.createElement(button.Button, {
         className: ErrorBoundary_default.retryButton,
         onClick: this.handleRetry,
         "aria-label": "Retry"
@@ -506,6 +526,39 @@ var ErrorBoundary = class extends React21.Component {
     return this.props.children;
   }
 };
+function DragHandleIcon() {
+  return /* @__PURE__ */ React22__default.default.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, /* @__PURE__ */ React22__default.default.createElement("circle", {
+    cx: "5.5",
+    cy: "3.5",
+    r: "1.5"
+  }), /* @__PURE__ */ React22__default.default.createElement("circle", {
+    cx: "10.5",
+    cy: "3.5",
+    r: "1.5"
+  }), /* @__PURE__ */ React22__default.default.createElement("circle", {
+    cx: "5.5",
+    cy: "8",
+    r: "1.5"
+  }), /* @__PURE__ */ React22__default.default.createElement("circle", {
+    cx: "10.5",
+    cy: "8",
+    r: "1.5"
+  }), /* @__PURE__ */ React22__default.default.createElement("circle", {
+    cx: "5.5",
+    cy: "12.5",
+    r: "1.5"
+  }), /* @__PURE__ */ React22__default.default.createElement("circle", {
+    cx: "10.5",
+    cy: "12.5",
+    r: "1.5"
+  }));
+}
 
 // src/filter-list/utils/coerceFilterValue.ts
 function coerceToString(value) {
@@ -536,19 +589,19 @@ function Checkbox({
   indicatorProps,
   ...rest
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(checkbox.Checkbox.Root, _extends({
+  return /* @__PURE__ */ React22__default.default.createElement(checkbox.Checkbox.Root, _extends({
     className: classnames7__default.default(Checkbox_default.osdkCheckboxRoot, className),
     indeterminate
-  }, rest), /* @__PURE__ */ React21__default.default.createElement(checkbox.Checkbox.Indicator, _extends({}, indicatorProps, {
+  }, rest), /* @__PURE__ */ React22__default.default.createElement(checkbox.Checkbox.Indicator, _extends({}, indicatorProps, {
     className: classnames7__default.default(Checkbox_default.osdkCheckboxIndicator, indicatorProps?.className)
-  }), indeterminate ? /* @__PURE__ */ React21__default.default.createElement(icons.Minus, {
+  }), indeterminate ? /* @__PURE__ */ React22__default.default.createElement(icons.Minus, {
     color: "currentColor"
-  }) : /* @__PURE__ */ React21__default.default.createElement(icons.Tick, {
+  }) : /* @__PURE__ */ React22__default.default.createElement(icons.Tick, {
     color: "currentColor"
   })));
 }
 function usePropertyAggregation(objectType, propertyKey, options) {
-  const aggregateOptions = React21.useMemo(() => ({
+  const aggregateOptions = React22.useMemo(() => ({
     $select: {
       $count: "unordered"
     },
@@ -568,7 +621,7 @@ function usePropertyAggregation(objectType, propertyKey, options) {
     aggregate: aggregateOptions,
     where: options?.where
   });
-  const result = React21.useMemo(() => {
+  const result = React22.useMemo(() => {
     if (!countData) {
       return {
         data: [],
@@ -638,42 +691,42 @@ function CheckboxListInputInner({
   } = usePropertyAggregation(objectType, propertyKey, {
     where: whereClause
   });
-  const values = React21.useMemo(() => data.map((item) => item.value), [data]);
-  const selectedSet = React21.useMemo(() => new Set(selectedValues), [selectedValues]);
-  const toggleValue = React21.useCallback((value) => {
+  const values = React22.useMemo(() => data.map((item) => item.value), [data]);
+  const selectedSet = React22.useMemo(() => new Set(selectedValues), [selectedValues]);
+  const toggleValue = React22.useCallback((value) => {
     if (selectedSet.has(value)) {
       onChange(selectedValues.filter((v) => v !== value));
     } else {
       onChange([...selectedValues, value]);
     }
   }, [selectedValues, selectedSet, onChange]);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(CheckboxListInput_default.checkboxList, className),
     style,
     "data-loading": isLoading
-  }, error && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, error && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.errorMessage
-  }, "Error loading values: ", error.message), !error && values.length === 0 && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, "Error loading values: ", error.message), !error && values.length === 0 && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.emptyMessage
-  }, isLoading ? "Loading values..." : "No values available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React21__default.default.createElement(React21__default.default.Fragment, null, isLoading && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, isLoading ? "Loading values..." : "No values available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React22__default.default.createElement(React22__default.default.Fragment, null, isLoading && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.loadingMessage
   }, "Updating..."), values.map((value) => {
     const isSelected = selectedSet.has(value);
-    return /* @__PURE__ */ React21__default.default.createElement("div", {
+    return /* @__PURE__ */ React22__default.default.createElement("div", {
       key: value,
       className: CheckboxListInput_default.checkboxRow,
       "data-selected": isSelected
-    }, /* @__PURE__ */ React21__default.default.createElement("label", {
+    }, /* @__PURE__ */ React22__default.default.createElement("label", {
       className: CheckboxListInput_default.checkboxLabel
-    }, /* @__PURE__ */ React21__default.default.createElement(Checkbox, {
+    }, /* @__PURE__ */ React22__default.default.createElement(Checkbox, {
       checked: isSelected,
       onCheckedChange: () => toggleValue(value)
-    }), /* @__PURE__ */ React21__default.default.createElement("span", {
+    }), /* @__PURE__ */ React22__default.default.createElement("span", {
       className: CheckboxListInput_default.valueText
     }, value)));
   })));
 }
-var CheckboxListInput = /* @__PURE__ */ React21.memo(CheckboxListInputInner);
+var CheckboxListInput = /* @__PURE__ */ React22.memo(CheckboxListInputInner);
 
 // src/filter-list/base/inputs/ContainsTextInput.module.css
 var ContainsTextInput_default = {};
@@ -689,57 +742,57 @@ function ContainsTextInputInner({
   renderSearchIcon,
   renderClearIcon
 }) {
-  const [localValue, setLocalValue] = React21.useState(value ?? "");
-  const onChangeRef = React21.useRef(onChange);
+  const [localValue, setLocalValue] = React22.useState(value ?? "");
+  const onChangeRef = React22.useRef(onChange);
   onChangeRef.current = onChange;
-  const debouncedOnChange = React21.useMemo(() => lodashEs.debounce((newValue) => {
+  const debouncedOnChange = React22.useMemo(() => lodashEs.debounce((newValue) => {
     onChangeRef.current(newValue.length > 0 ? newValue : void 0);
   }, debounceMs), [debounceMs]);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     return () => {
       debouncedOnChange.cancel();
     };
   }, [debouncedOnChange]);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     setLocalValue(value ?? "");
     debouncedOnChange.cancel();
   }, [value, debouncedOnChange]);
-  const handleInputChange = React21.useCallback((e) => {
+  const handleInputChange = React22.useCallback((e) => {
     setLocalValue(e.target.value);
     debouncedOnChange(e.target.value);
   }, [debouncedOnChange]);
-  const handleClear = React21.useCallback(() => {
+  const handleClear = React22.useCallback(() => {
     setLocalValue("");
     debouncedOnChange.cancel();
     onChangeRef.current(void 0);
   }, [debouncedOnChange]);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(ContainsTextInput_default.textInput, className),
     style,
     "data-has-value": !!localValue
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: ContainsTextInput_default.inputGroup
-  }, renderSearchIcon ? renderSearchIcon() : /* @__PURE__ */ React21__default.default.createElement("span", {
+  }, renderSearchIcon ? renderSearchIcon() : /* @__PURE__ */ React22__default.default.createElement("span", {
     className: ContainsTextInput_default.searchIcon
-  }, /* @__PURE__ */ React21__default.default.createElement(icons.Search, {
+  }, /* @__PURE__ */ React22__default.default.createElement(icons.Search, {
     color: "currentColor"
-  })), /* @__PURE__ */ React21__default.default.createElement(input.Input, {
+  })), /* @__PURE__ */ React22__default.default.createElement(input.Input, {
     type: "text",
     className: ContainsTextInput_default.input,
     value: localValue,
     onChange: handleInputChange,
     placeholder,
     "aria-label": placeholder
-  }), localValue && /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+  }), localValue && /* @__PURE__ */ React22__default.default.createElement(button.Button, {
     type: "button",
     className: ContainsTextInput_default.clearButton,
     onClick: handleClear,
     "aria-label": "Clear search"
-  }, renderClearIcon ? renderClearIcon() : /* @__PURE__ */ React21__default.default.createElement(icons.Cross, {
+  }, renderClearIcon ? renderClearIcon() : /* @__PURE__ */ React22__default.default.createElement(icons.Cross, {
     color: "currentColor"
   }))));
 }
-var ContainsTextInput = /* @__PURE__ */ React21.memo(ContainsTextInputInner);
+var ContainsTextInput = /* @__PURE__ */ React22.memo(ContainsTextInputInner);
 
 // src/filter-list/base/inputs/dateUtils.ts
 function formatDateForInput(date) {
@@ -849,46 +902,46 @@ function RangeInputInner({
   style,
   config
 }) {
-  const minInputId = React21.useId();
-  const maxInputId = React21.useId();
-  const [localMin, setLocalMin] = React21.useState(config.formatValue(minValue));
-  const [localMax, setLocalMax] = React21.useState(config.formatValue(maxValue));
-  const onChangeRef = React21.useRef(onChange);
+  const minInputId = React22.useId();
+  const maxInputId = React22.useId();
+  const [localMin, setLocalMin] = React22.useState(config.formatValue(minValue));
+  const [localMax, setLocalMax] = React22.useState(config.formatValue(maxValue));
+  const onChangeRef = React22.useRef(onChange);
   onChangeRef.current = onChange;
-  const minValueRef = React21.useRef(minValue);
+  const minValueRef = React22.useRef(minValue);
   minValueRef.current = minValue;
-  const maxValueRef = React21.useRef(maxValue);
+  const maxValueRef = React22.useRef(maxValue);
   maxValueRef.current = maxValue;
-  const debouncedMinChange = React21.useMemo(() => lodashEs.debounce((newValue) => {
+  const debouncedMinChange = React22.useMemo(() => lodashEs.debounce((newValue) => {
     const parsed = config.parseValue(newValue);
     onChangeRef.current(parsed, maxValueRef.current);
   }, DEBOUNCE_MS), [config]);
-  const debouncedMaxChange = React21.useMemo(() => lodashEs.debounce((newValue) => {
+  const debouncedMaxChange = React22.useMemo(() => lodashEs.debounce((newValue) => {
     const parsed = config.parseValue(newValue);
     onChangeRef.current(minValueRef.current, parsed);
   }, DEBOUNCE_MS), [config]);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     setLocalMin(config.formatValue(minValue));
     debouncedMinChange.cancel();
   }, [minValue, config, debouncedMinChange]);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     setLocalMax(config.formatValue(maxValue));
     debouncedMaxChange.cancel();
   }, [maxValue, config, debouncedMaxChange]);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     return () => {
       debouncedMinChange.cancel();
       debouncedMaxChange.cancel();
     };
   }, [debouncedMinChange, debouncedMaxChange]);
-  const aggregateOptions = React21.useMemo(() => createGroupByAggregateOptions(propertyKey), [propertyKey]);
+  const aggregateOptions = React22.useMemo(() => createGroupByAggregateOptions(propertyKey), [propertyKey]);
   const {
     data: aggregateData,
     isLoading
   } = experimental.useOsdkAggregation(objectType, {
     aggregate: aggregateOptions
   });
-  const valueCountPairs = React21.useMemo(() => {
+  const valueCountPairs = React22.useMemo(() => {
     if (!aggregateData) return [];
     const dataArray = aggregateData;
     const pairs = [];
@@ -906,7 +959,7 @@ function RangeInputInner({
     }
     return pairs;
   }, [aggregateData, propertyKey, config]);
-  const computedRange = React21.useMemo(() => {
+  const computedRange = React22.useMemo(() => {
     if (valueCountPairs.length === 0) return {
       min: void 0,
       max: void 0
@@ -918,11 +971,11 @@ function RangeInputInner({
       max: config.fromNumber(max)
     };
   }, [valueCountPairs, config]);
-  const dataRange = React21.useMemo(() => ({
+  const dataRange = React22.useMemo(() => ({
     dataMin: computedRange.min,
     dataMax: computedRange.max
   }), [computedRange.min, computedRange.max]);
-  const buckets = React21.useMemo(() => {
+  const buckets = React22.useMemo(() => {
     if (!showHistogram || valueCountPairs.length === 0 || computedRange.min === void 0 || computedRange.max === void 0) {
       return [];
     }
@@ -931,27 +984,27 @@ function RangeInputInner({
       max: computedRange.max
     }, config.toNumber, config.fromNumber);
   }, [showHistogram, valueCountPairs, computedRange, config]);
-  const maxBucketCount = React21.useMemo(() => getMaxBucketCount(buckets), [buckets]);
-  const handleMinChange = React21.useCallback((e) => {
+  const maxBucketCount = React22.useMemo(() => getMaxBucketCount(buckets), [buckets]);
+  const handleMinChange = React22.useCallback((e) => {
     const newValue = e.target.value;
     setLocalMin(newValue);
     debouncedMinChange(newValue);
   }, [debouncedMinChange]);
-  const handleMaxChange = React21.useCallback((e) => {
+  const handleMaxChange = React22.useCallback((e) => {
     const newValue = e.target.value;
     setLocalMax(newValue);
     debouncedMaxChange(newValue);
   }, [debouncedMaxChange]);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(RangeInput_default.rangeInput, className),
     style,
     "data-loading": isLoading
-  }, showHistogram && buckets.length > 0 && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, showHistogram && buckets.length > 0 && /* @__PURE__ */ React22__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__ */ React21__default.default.createElement("div", {
+    return /* @__PURE__ */ React22__default.default.createElement("div", {
       key: index,
       className: RangeInput_default.histogramBar,
       "data-in-range": isInRange,
@@ -960,40 +1013,40 @@ function RangeInputInner({
       },
       title: config.formatTooltip(bucket.min, bucket.max, bucket.count)
     });
-  })), /* @__PURE__ */ React21__default.default.createElement("div", {
+  })), /* @__PURE__ */ React22__default.default.createElement("div", {
     className: RangeInput_default.rangeInputs
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: RangeInput_default.inputWrapper
-  }, /* @__PURE__ */ React21__default.default.createElement("label", {
+  }, /* @__PURE__ */ React22__default.default.createElement("label", {
     htmlFor: minInputId,
     className: RangeInput_default.inputLabel
-  }, config.minLabel), /* @__PURE__ */ React21__default.default.createElement(input.Input, _extends2({
+  }, config.minLabel), /* @__PURE__ */ React22__default.default.createElement(input.Input, _extends2({
     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__ */ React21__default.default.createElement("span", {
+  }, config.inputProps))), /* @__PURE__ */ React22__default.default.createElement("span", {
     className: RangeInput_default.separator,
     "aria-hidden": "true"
-  }, "\u2013"), /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, "\u2013"), /* @__PURE__ */ React22__default.default.createElement("div", {
     className: RangeInput_default.inputWrapper
-  }, /* @__PURE__ */ React21__default.default.createElement("label", {
+  }, /* @__PURE__ */ React22__default.default.createElement("label", {
     htmlFor: maxInputId,
     className: RangeInput_default.inputLabel
-  }, config.maxLabel), /* @__PURE__ */ React21__default.default.createElement(input.Input, _extends2({
+  }, config.maxLabel), /* @__PURE__ */ React22__default.default.createElement(input.Input, _extends2({
     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__ */ React21__default.default.createElement("div", {
+  }, config.inputProps)))), isLoading && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.loadingMessage
   }, "Loading..."));
 }
-var RangeInput = /* @__PURE__ */ React21.memo(RangeInputInner);
+var RangeInput = /* @__PURE__ */ React22.memo(RangeInputInner);
 
 // src/filter-list/base/inputs/DateRangeInput.tsx
 function _extends3() {
@@ -1016,11 +1069,11 @@ var dateConfig = {
   formatTooltip: (min, max, count) => `${formatDateForInput(min)} - ${formatDateForInput(max)}: ${count.toLocaleString()}`
 };
 function DateRangeInputInner(props) {
-  return /* @__PURE__ */ React21__default.default.createElement(RangeInput, _extends3({}, props, {
+  return /* @__PURE__ */ React22__default.default.createElement(RangeInput, _extends3({}, props, {
     config: dateConfig
   }));
 }
-var DateRangeInput = /* @__PURE__ */ React21.memo(DateRangeInputInner);
+var DateRangeInput = /* @__PURE__ */ React22.memo(DateRangeInputInner);
 
 // src/filter-list/base/inputs/LinkedPropertyInput.module.css
 var LinkedPropertyInput_default = {};
@@ -1039,7 +1092,7 @@ function ListogramInputInner({
   style,
   maxVisibleItems
 }) {
-  const [isExpanded, setIsExpanded] = React21.useState(false);
+  const [isExpanded, setIsExpanded] = React22.useState(false);
   const {
     data: values,
     maxCount,
@@ -1048,30 +1101,30 @@ function ListogramInputInner({
   } = usePropertyAggregation(objectType, propertyKey, {
     where: whereClause
   });
-  const selectedSet = React21.useMemo(() => new Set(selectedValues), [selectedValues]);
-  const toggleValue = React21.useCallback((value) => {
+  const selectedSet = React22.useMemo(() => new Set(selectedValues), [selectedValues]);
+  const toggleValue = React22.useCallback((value) => {
     if (selectedSet.has(value)) {
       onChange(selectedValues.filter((v) => v !== value));
     } else {
       onChange([...selectedValues, value]);
     }
   }, [selectedValues, selectedSet, onChange]);
-  const displayValues = React21.useMemo(() => {
+  const displayValues = React22.useMemo(() => {
     if (isExpanded || !maxVisibleItems) return values;
     return values.slice(0, maxVisibleItems);
   }, [values, maxVisibleItems, isExpanded]);
   const hasMore = maxVisibleItems != null && values.length > maxVisibleItems;
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(ListogramInput_default.listogram, className),
     style,
     "data-loading": isLoading
-  }, isLoading && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, isLoading && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.loadingMessage
-  }, "Loading values..."), error && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, "Loading values..."), error && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.errorMessage
-  }, "Error loading values: ", error.message), !isLoading && !error && values.length === 0 && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, "Error loading values: ", error.message), !isLoading && !error && values.length === 0 && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.emptyMessage
-  }, "No values available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, "No values available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: ListogramInput_default.container
   }, displayValues.map(({
     value,
@@ -1079,31 +1132,31 @@ function ListogramInputInner({
   }) => {
     const isSelected = selectedSet.has(value);
     const percentage = maxCount > 0 ? count / maxCount * 100 : 0;
-    return /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+    return /* @__PURE__ */ React22__default.default.createElement(button.Button, {
       key: value,
       type: "button",
       className: ListogramInput_default.row,
       onClick: () => toggleValue(value),
       "aria-pressed": isSelected
-    }, /* @__PURE__ */ React21__default.default.createElement("span", {
+    }, /* @__PURE__ */ React22__default.default.createElement("span", {
       className: ListogramInput_default.label
-    }, value), /* @__PURE__ */ React21__default.default.createElement("span", {
+    }, value), /* @__PURE__ */ React22__default.default.createElement("span", {
       className: ListogramInput_default.bar
-    }, /* @__PURE__ */ React21__default.default.createElement("span", {
+    }, /* @__PURE__ */ React22__default.default.createElement("span", {
       className: ListogramInput_default.barFill,
       style: {
         width: `${percentage}%`
       }
-    })), /* @__PURE__ */ React21__default.default.createElement("span", {
+    })), /* @__PURE__ */ React22__default.default.createElement("span", {
       className: ListogramInput_default.count
     }, count.toLocaleString()));
-  }), hasMore && !isExpanded && /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+  }), hasMore && !isExpanded && /* @__PURE__ */ React22__default.default.createElement(button.Button, {
     type: "button",
     className: ListogramInput_default.row,
     onClick: () => setIsExpanded(true)
   }, "View all (", values.length, ")")));
 }
-var ListogramInput = /* @__PURE__ */ React21.memo(ListogramInputInner);
+var ListogramInput = /* @__PURE__ */ React22.memo(ListogramInputInner);
 
 // src/filter-list/base/inputs/MultiDateInput.module.css
 var MultiDateInput_default = {};
@@ -1118,46 +1171,46 @@ function MultiDateInputInner({
   maxDate,
   showClearAll = true
 }) {
-  const addDate = React21.useCallback((date) => {
+  const addDate = React22.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 = React21.useCallback((date) => {
+  const removeDate = React22.useCallback((date) => {
     const dateStr = formatDateForInput(date);
     onChange(selectedDates.filter((d) => formatDateForInput(d) !== dateStr));
   }, [selectedDates, onChange]);
-  const clearAll = React21.useCallback(() => {
+  const clearAll = React22.useCallback(() => {
     onChange([]);
   }, [onChange]);
-  const handleDateChange = React21.useCallback((e) => {
+  const handleDateChange = React22.useCallback((e) => {
     const date = parseDateFromInput(e.target.value);
     if (date) {
       addDate(date);
       e.target.value = "";
     }
   }, [addDate]);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(MultiDateInput_default.multiDate, className),
     style
-  }, selectedDates.length > 0 && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, selectedDates.length > 0 && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.tagContainer
-  }, selectedDates.map((date) => /* @__PURE__ */ React21__default.default.createElement("span", {
+  }, selectedDates.map((date) => /* @__PURE__ */ React22__default.default.createElement("span", {
     key: date.toISOString(),
     className: shared_default.tag
-  }, formatDateForDisplay(date), /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+  }, formatDateForDisplay(date), /* @__PURE__ */ React22__default.default.createElement(button.Button, {
     className: shared_default.tagRemove,
     onClick: () => removeDate(date),
     "aria-label": `Remove ${formatDateForDisplay(date)}`
-  }, "\xD7"))), showClearAll && selectedDates.length > 1 && /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+  }, "\xD7"))), showClearAll && selectedDates.length > 1 && /* @__PURE__ */ React22__default.default.createElement(button.Button, {
     className: MultiDateInput_default.clearAll,
     onClick: clearAll,
     "aria-label": "Clear all dates"
-  }, "Clear all")), /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, "Clear all")), /* @__PURE__ */ React22__default.default.createElement("div", {
     className: MultiDateInput_default.calendarContainer
-  }, /* @__PURE__ */ React21__default.default.createElement(input.Input, {
+  }, /* @__PURE__ */ React22__default.default.createElement(input.Input, {
     type: "date",
     className: MultiDateInput_default.input,
     onChange: handleDateChange,
@@ -1166,7 +1219,7 @@ function MultiDateInputInner({
     "aria-label": "Add date"
   })));
 }
-var MultiDateInput = /* @__PURE__ */ React21.memo(MultiDateInputInner);
+var MultiDateInput = /* @__PURE__ */ React22.memo(MultiDateInputInner);
 
 // src/base-components/combobox/Combobox.module.css
 var Combobox_default = {};
@@ -1185,12 +1238,12 @@ function ComboboxInput({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(Combobox_default.osdkComboboxInputWrapper, className)
-  }, /* @__PURE__ */ React21__default.default.createElement(icons.Search, {
+  }, /* @__PURE__ */ React22__default.default.createElement(icons.Search, {
     className: Combobox_default.osdkComboboxSearchIcon,
     color: "currentColor"
-  }), /* @__PURE__ */ React21__default.default.createElement(combobox.Combobox.Input, _extends4({
+  }), /* @__PURE__ */ React22__default.default.createElement(combobox.Combobox.Input, _extends4({
     className: Combobox_default.osdkComboboxInput
   }, rest)));
 }
@@ -1199,7 +1252,7 @@ function ComboboxPositioner({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(combobox.Combobox.Positioner, _extends4({
+  return /* @__PURE__ */ React22__default.default.createElement(combobox.Combobox.Positioner, _extends4({
     className: classnames7__default.default(Combobox_default.osdkComboboxPositioner, className),
     sideOffset: 4
   }, rest), children);
@@ -1209,7 +1262,7 @@ function ComboboxPopup({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(combobox.Combobox.Popup, _extends4({
+  return /* @__PURE__ */ React22__default.default.createElement(combobox.Combobox.Popup, _extends4({
     className: classnames7__default.default(Combobox_default.osdkComboboxPopup, className)
   }, rest), children);
 }
@@ -1218,7 +1271,7 @@ function ComboboxItem({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(combobox.Combobox.Item, _extends4({
+  return /* @__PURE__ */ React22__default.default.createElement(combobox.Combobox.Item, _extends4({
     className: classnames7__default.default(Combobox_default.osdkComboboxItem, className)
   }, rest), children);
 }
@@ -1226,10 +1279,10 @@ function ComboboxClear({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(combobox.Combobox.Clear, _extends4({
+  return /* @__PURE__ */ React22__default.default.createElement(combobox.Combobox.Clear, _extends4({
     className: classnames7__default.default(Combobox_default.osdkComboboxClear, className),
     "aria-label": "Clear all"
-  }, rest), /* @__PURE__ */ React21__default.default.createElement(icons.Cross, {
+  }, rest), /* @__PURE__ */ React22__default.default.createElement(icons.Cross, {
     color: "currentColor"
   }));
 }
@@ -1237,7 +1290,7 @@ function ComboboxEmpty({
   children,
   className
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(combobox.Combobox.Empty, {
+  return /* @__PURE__ */ React22__default.default.createElement(combobox.Combobox.Empty, {
     className: classnames7__default.default(Combobox_default.osdkComboboxEmpty, className)
   }, children);
 }
@@ -1275,63 +1328,63 @@ function MultiSelectInputInner({
   } = usePropertyAggregation(objectType, propertyKey, {
     where: whereClause
   });
-  const handleValueChange = React21.useCallback((newValues) => {
+  const handleValueChange = React22.useCallback((newValues) => {
     onChange(newValues ?? []);
   }, [onChange]);
-  const removeValue = React21.useCallback((value) => {
+  const removeValue = React22.useCallback((value) => {
     onChange(selectedValues.filter((v) => v !== value));
   }, [selectedValues, onChange]);
-  const clearAll = React21.useCallback(() => {
+  const clearAll = React22.useCallback(() => {
     onChange([]);
   }, [onChange]);
   const displayedTags = selectedValues.slice(0, maxDisplayedTags);
   const remainingCount = selectedValues.length - maxDisplayedTags;
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(MultiSelectInput_default.multiSelect, className),
     style,
     "data-loading": isLoading
-  }, error && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, error && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.errorMessage
-  }, "Error loading options: ", error.message), !error && values.length === 0 && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, "Error loading options: ", error.message), !error && values.length === 0 && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.emptyMessage
-  }, isLoading ? "Loading options..." : "No options available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React21__default.default.createElement(Combobox.Root, {
+  }, isLoading ? "Loading options..." : "No options available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React22__default.default.createElement(Combobox.Root, {
     multiple: true,
     value: selectedValues,
     onValueChange: handleValueChange
-  }, isLoading && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, isLoading && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.loadingMessage
-  }, "Updating..."), selectedValues.length > 0 && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, "Updating..."), selectedValues.length > 0 && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.tagContainer
-  }, displayedTags.map((value) => /* @__PURE__ */ React21__default.default.createElement("span", {
+  }, displayedTags.map((value) => /* @__PURE__ */ React22__default.default.createElement("span", {
     key: value,
     className: shared_default.tag
-  }, value, /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+  }, value, /* @__PURE__ */ React22__default.default.createElement(button.Button, {
     type: "button",
     className: shared_default.tagRemove,
     onClick: () => removeValue(value),
     "aria-label": `Remove ${value}`
-  }, "\xD7"))), remainingCount > 0 && /* @__PURE__ */ React21__default.default.createElement("span", {
+  }, "\xD7"))), remainingCount > 0 && /* @__PURE__ */ React22__default.default.createElement("span", {
     className: shared_default.tag
-  }, "+", remainingCount, " more")), /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, "+", remainingCount, " more")), /* @__PURE__ */ React22__default.default.createElement("div", {
     className: MultiSelectInput_default.inputRow
-  }, /* @__PURE__ */ React21__default.default.createElement(Combobox.Input, {
+  }, /* @__PURE__ */ React22__default.default.createElement(Combobox.Input, {
     placeholder: selectedValues.length > 0 ? `${selectedValues.length} selected` : placeholder,
     "aria-label": `Search ${propertyKey} values`
-  }), showClearAll && selectedValues.length > 0 && /* @__PURE__ */ React21__default.default.createElement(Combobox.Clear, {
+  }), showClearAll && selectedValues.length > 0 && /* @__PURE__ */ React22__default.default.createElement(Combobox.Clear, {
     className: MultiSelectInput_default.clearButton,
     onClick: clearAll,
     "aria-label": "Clear all selections"
-  })), /* @__PURE__ */ React21__default.default.createElement(Combobox.Portal, null, /* @__PURE__ */ React21__default.default.createElement(Combobox.Positioner, null, /* @__PURE__ */ React21__default.default.createElement(Combobox.Popup, null, values.length === 0 ? /* @__PURE__ */ React21__default.default.createElement(Combobox.Empty, null, "No options available") : values.map(({
+  })), /* @__PURE__ */ React22__default.default.createElement(Combobox.Portal, null, /* @__PURE__ */ React22__default.default.createElement(Combobox.Positioner, null, /* @__PURE__ */ React22__default.default.createElement(Combobox.Popup, null, values.length === 0 ? /* @__PURE__ */ React22__default.default.createElement(Combobox.Empty, null, "No options available") : values.map(({
     value,
     count
-  }) => /* @__PURE__ */ React21__default.default.createElement(Combobox.Item, {
+  }) => /* @__PURE__ */ React22__default.default.createElement(Combobox.Item, {
     key: value,
     value
-  }, /* @__PURE__ */ React21__default.default.createElement("span", null, value), /* @__PURE__ */ React21__default.default.createElement("span", {
+  }, /* @__PURE__ */ React22__default.default.createElement("span", null, value), /* @__PURE__ */ React22__default.default.createElement("span", {
     className: MultiSelectInput_default.count
   }, "(", count.toLocaleString(), ")"))))))));
 }
-var MultiSelectInput = /* @__PURE__ */ React21.memo(MultiSelectInputInner);
+var MultiSelectInput = /* @__PURE__ */ React22.memo(MultiSelectInputInner);
 function _extends5() {
   return _extends5 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -1364,11 +1417,11 @@ var numberConfig = {
   }
 };
 function NumberRangeInputInner(props) {
-  return /* @__PURE__ */ React21__default.default.createElement(RangeInput, _extends5({}, props, {
+  return /* @__PURE__ */ React22__default.default.createElement(RangeInput, _extends5({}, props, {
     config: numberConfig
   }));
 }
-var NumberRangeInput = /* @__PURE__ */ React21.memo(NumberRangeInputInner);
+var NumberRangeInput = /* @__PURE__ */ React22.memo(NumberRangeInputInner);
 
 // src/filter-list/base/inputs/SingleDateInput.module.css
 var SingleDateInput_default = {};
@@ -1384,19 +1437,19 @@ function SingleDateInputInner({
   placeholder = "Select a date...",
   showClearButton = true
 }) {
-  const handleChange = React21.useCallback((e) => {
+  const handleChange = React22.useCallback((e) => {
     const date = parseDateFromInput(e.target.value);
     onChange(date);
   }, [onChange]);
-  const handleClear = React21.useCallback(() => {
+  const handleClear = React22.useCallback(() => {
     onChange(void 0);
   }, [onChange]);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(SingleDateInput_default.singleDate, className),
     style
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: SingleDateInput_default.dateContainer
-  }, /* @__PURE__ */ React21__default.default.createElement(input.Input, {
+  }, /* @__PURE__ */ React22__default.default.createElement(input.Input, {
     type: "date",
     className: SingleDateInput_default.input,
     value: formatDateForInput(selectedDate),
@@ -1405,13 +1458,13 @@ function SingleDateInputInner({
     max: maxDate ? formatDateForInput(maxDate) : void 0,
     placeholder,
     "aria-label": "Select date"
-  }), showClearButton && selectedDate !== void 0 && /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+  }), showClearButton && selectedDate !== void 0 && /* @__PURE__ */ React22__default.default.createElement(button.Button, {
     className: SingleDateInput_default.clearButton,
     onClick: handleClear,
     "aria-label": "Clear date"
   }, "\xD7")));
 }
-var SingleDateInput = /* @__PURE__ */ React21.memo(SingleDateInputInner);
+var SingleDateInput = /* @__PURE__ */ React22.memo(SingleDateInputInner);
 
 // src/base-components/select/Select.module.css
 var Select_default = {};
@@ -1430,7 +1483,7 @@ function SelectRoot({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(select.Select.Root, rest, children);
+  return /* @__PURE__ */ React22__default.default.createElement(select.Select.Root, rest, children);
 }
 function SelectTrigger({
   className,
@@ -1438,11 +1491,11 @@ function SelectTrigger({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(select.Select.Trigger, _extends6({
+  return /* @__PURE__ */ React22__default.default.createElement(select.Select.Trigger, _extends6({
     className: classnames7__default.default(Select_default.osdkSelectTrigger, className)
-  }, rest), children ?? /* @__PURE__ */ React21__default.default.createElement(React21__default.default.Fragment, null, /* @__PURE__ */ React21__default.default.createElement(select.Select.Value, null, (value) => value != null ? String(value) : placeholder), /* @__PURE__ */ React21__default.default.createElement(select.Select.Icon, {
+  }, rest), children ?? /* @__PURE__ */ React22__default.default.createElement(React22__default.default.Fragment, null, /* @__PURE__ */ React22__default.default.createElement(select.Select.Value, null, (value) => value != null ? String(value) : placeholder), /* @__PURE__ */ React22__default.default.createElement(select.Select.Icon, {
     className: Select_default.osdkSelectIcon
-  }, /* @__PURE__ */ React21__default.default.createElement(icons.CaretDown, {
+  }, /* @__PURE__ */ React22__default.default.createElement(icons.CaretDown, {
     color: "currentColor"
   }))));
 }
@@ -1451,7 +1504,7 @@ function SelectPositioner({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(select.Select.Positioner, _extends6({
+  return /* @__PURE__ */ React22__default.default.createElement(select.Select.Positioner, _extends6({
     className: classnames7__default.default(Select_default.osdkSelectPositioner, className),
     sideOffset: 4
   }, rest), children);
@@ -1461,7 +1514,7 @@ function SelectPopup({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(select.Select.Popup, _extends6({
+  return /* @__PURE__ */ React22__default.default.createElement(select.Select.Popup, _extends6({
     className: classnames7__default.default(Select_default.osdkSelectPopup, className)
   }, rest), children);
 }
@@ -1470,9 +1523,9 @@ function SelectItem({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(select.Select.Item, _extends6({
+  return /* @__PURE__ */ React22__default.default.createElement(select.Select.Item, _extends6({
     className: classnames7__default.default(Select_default.osdkSelectItem, className)
-  }, rest), /* @__PURE__ */ React21__default.default.createElement(select.Select.ItemText, null, children));
+  }, rest), /* @__PURE__ */ React22__default.default.createElement(select.Select.ItemText, null, children));
 }
 var Select = {
   Root: SelectRoot,
@@ -1506,13 +1559,13 @@ function SingleSelectInputInner({
   } = usePropertyAggregation(objectType, propertyKey, {
     where: whereClause
   });
-  const handleValueChange = React21.useCallback((value) => {
+  const handleValueChange = React22.useCallback((value) => {
     onChange(value ?? void 0);
   }, [onChange]);
-  const handleClear = React21.useCallback(() => {
+  const handleClear = React22.useCallback(() => {
     onChange(void 0);
   }, [onChange]);
-  const items = React21.useMemo(() => {
+  const items = React22.useMemo(() => {
     const result = {};
     for (const {
       value,
@@ -1522,57 +1575,57 @@ function SingleSelectInputInner({
     }
     return result;
   }, [values, showCounts]);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(SingleSelectInput_default.singleSelect, className),
     style,
     "data-loading": isLoading
-  }, isLoading && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, isLoading && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.loadingMessage
-  }, "Loading options..."), error && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, "Loading options..."), error && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.errorMessage
-  }, "Error loading options: ", error.message), !isLoading && !error && values.length === 0 && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, "Error loading options: ", error.message), !isLoading && !error && values.length === 0 && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.emptyMessage
-  }, "No options available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, "No options available"), (values.length > 0 || isLoading) && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: SingleSelectInput_default.selectContainer
-  }, /* @__PURE__ */ React21__default.default.createElement(Select.Root, {
+  }, /* @__PURE__ */ React22__default.default.createElement(Select.Root, {
     value: selectedValue ?? null,
     onValueChange: handleValueChange,
     items
-  }, /* @__PURE__ */ React21__default.default.createElement(Select.Trigger, {
+  }, /* @__PURE__ */ React22__default.default.createElement(Select.Trigger, {
     placeholder,
     "aria-label": `Select ${propertyKey}`
-  }), /* @__PURE__ */ React21__default.default.createElement(Select.Portal, null, /* @__PURE__ */ React21__default.default.createElement(Select.Positioner, null, /* @__PURE__ */ React21__default.default.createElement(Select.Popup, null, values.map(({
+  }), /* @__PURE__ */ React22__default.default.createElement(Select.Portal, null, /* @__PURE__ */ React22__default.default.createElement(Select.Positioner, null, /* @__PURE__ */ React22__default.default.createElement(Select.Popup, null, values.map(({
     value,
     count
-  }) => /* @__PURE__ */ React21__default.default.createElement(Select.Item, {
+  }) => /* @__PURE__ */ React22__default.default.createElement(Select.Item, {
     key: value,
     value
-  }, showCounts ? `${value} (${count.toLocaleString()})` : value)))))), showClearButton && selectedValue !== void 0 && /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+  }, showCounts ? `${value} (${count.toLocaleString()})` : value)))))), showClearButton && selectedValue !== void 0 && /* @__PURE__ */ React22__default.default.createElement(button.Button, {
     type: "button",
     className: SingleSelectInput_default.clearButton,
     onClick: handleClear,
     "aria-label": "Clear selection"
-  }, /* @__PURE__ */ React21__default.default.createElement(icons.Cross, {
+  }, /* @__PURE__ */ React22__default.default.createElement(icons.Cross, {
     color: "currentColor"
   }))));
 }
-var SingleSelectInput = /* @__PURE__ */ React21.memo(SingleSelectInputInner);
+var SingleSelectInput = /* @__PURE__ */ React22.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__ */ React21.memo(function TagItem2({
+var TagItem = /* @__PURE__ */ React22.memo(function TagItem2({
   tag,
   onRemove
 }) {
-  const handleRemove = React21.useCallback(() => {
+  const handleRemove = React22.useCallback(() => {
     onRemove(tag);
   }, [tag, onRemove]);
-  return /* @__PURE__ */ React21__default.default.createElement("span", {
+  return /* @__PURE__ */ React22__default.default.createElement("span", {
     className: shared_default.tag
-  }, tag, /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+  }, tag, /* @__PURE__ */ React22__default.default.createElement(button.Button, {
     type: "button",
     className: shared_default.tagRemove,
     onClick: handleRemove,
@@ -1591,7 +1644,7 @@ function TextTagsInputInner({
   allowCustomTags = true,
   suggestionLimit = 10
 }) {
-  const [inputValue, setInputValue] = React21.useState("");
+  const [inputValue, setInputValue] = React22.useState("");
   const {
     data: suggestions,
     isLoading,
@@ -1600,28 +1653,28 @@ function TextTagsInputInner({
     limit: suggestionLimit ?? 0,
     where: whereClause
   });
-  const filteredSuggestions = React21.useMemo(() => {
+  const filteredSuggestions = React22.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 = React21.useCallback((tag) => {
+  const addTag = React22.useCallback((tag) => {
     const trimmedTag = tag.trim();
     if (trimmedTag && !tags.includes(trimmedTag)) {
       onChange([...tags, trimmedTag]);
     }
     setInputValue("");
   }, [tags, onChange]);
-  const removeTag = React21.useCallback((tag) => {
+  const removeTag = React22.useCallback((tag) => {
     onChange(tags.filter((t) => t !== tag));
   }, [tags, onChange]);
-  const handleValueChange = React21.useCallback((newTags) => {
+  const handleValueChange = React22.useCallback((newTags) => {
     onChange(newTags ?? []);
   }, [onChange]);
-  const handleInputValueChange = React21.useCallback((value) => {
+  const handleInputValueChange = React22.useCallback((value) => {
     setInputValue(value);
   }, []);
-  const handleKeyDown = React21.useCallback((e) => {
+  const handleKeyDown = React22.useCallback((e) => {
     if (e.key === "Enter" && inputValue.trim()) {
       if (filteredSuggestions.length > 0) {
         return;
@@ -1634,7 +1687,7 @@ function TextTagsInputInner({
       removeTag(tags[tags.length - 1]);
     }
   }, [inputValue, tags, addTag, removeTag, allowCustomTags, filteredSuggestions]);
-  const handlePaste = React21.useCallback((e) => {
+  const handlePaste = React22.useCallback((e) => {
     const pastedText = e.clipboardData.getData("text");
     if (TAG_SEPARATOR_PATTERN.test(pastedText)) {
       e.preventDefault();
@@ -1644,41 +1697,41 @@ function TextTagsInputInner({
       }
     }
   }, [tags, onChange]);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(TextTagsInput_default.textTags, className),
     style,
     "data-loading": isLoading
-  }, error && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, error && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.errorMessage
-  }, "Error loading suggestions: ", error.message), /* @__PURE__ */ React21__default.default.createElement(Combobox.Root, {
+  }, "Error loading suggestions: ", error.message), /* @__PURE__ */ React22__default.default.createElement(Combobox.Root, {
     multiple: true,
     value: tags,
     onValueChange: handleValueChange,
     inputValue,
     onInputValueChange: handleInputValueChange
-  }, tags.length > 0 && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, tags.length > 0 && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.tagContainer
-  }, tags.map((tag) => /* @__PURE__ */ React21__default.default.createElement(TagItem, {
+  }, tags.map((tag) => /* @__PURE__ */ React22__default.default.createElement(TagItem, {
     key: tag,
     tag,
     onRemove: removeTag
-  }))), /* @__PURE__ */ React21__default.default.createElement(Combobox.Input, {
+  }))), /* @__PURE__ */ React22__default.default.createElement(Combobox.Input, {
     className: TextTagsInput_default.input,
     placeholder: tags.length > 0 ? "" : placeholder,
     onKeyDown: handleKeyDown,
     onPaste: handlePaste,
     "aria-label": `Add ${propertyKey} tag`
-  }), /* @__PURE__ */ React21__default.default.createElement(Combobox.Portal, null, /* @__PURE__ */ React21__default.default.createElement(Combobox.Positioner, null, /* @__PURE__ */ React21__default.default.createElement(Combobox.Popup, null, filteredSuggestions.length === 0 ? allowCustomTags && inputValue.trim() ? /* @__PURE__ */ React21__default.default.createElement(Combobox.Empty, null, 'Press Enter to add "', inputValue, '"') : /* @__PURE__ */ React21__default.default.createElement(Combobox.Empty, null, suggestionLimit ? "No suggestions" : "Type to add a tag") : filteredSuggestions.map(({
+  }), /* @__PURE__ */ React22__default.default.createElement(Combobox.Portal, null, /* @__PURE__ */ React22__default.default.createElement(Combobox.Positioner, null, /* @__PURE__ */ React22__default.default.createElement(Combobox.Popup, null, filteredSuggestions.length === 0 ? allowCustomTags && inputValue.trim() ? /* @__PURE__ */ React22__default.default.createElement(Combobox.Empty, null, 'Press Enter to add "', inputValue, '"') : /* @__PURE__ */ React22__default.default.createElement(Combobox.Empty, null, suggestionLimit ? "No suggestions" : "Type to add a tag") : filteredSuggestions.map(({
     value,
     count
-  }) => /* @__PURE__ */ React21__default.default.createElement(Combobox.Item, {
+  }) => /* @__PURE__ */ React22__default.default.createElement(Combobox.Item, {
     key: value,
     value
-  }, value, " (", count.toLocaleString(), ")")))))), isLoading && !!suggestionLimit && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, value, " (", count.toLocaleString(), ")")))))), isLoading && !!suggestionLimit && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.loadingMessage
   }, "Loading suggestions..."));
 }
-var TextTagsInput = /* @__PURE__ */ React21.memo(TextTagsInputInner);
+var TextTagsInput = /* @__PURE__ */ React22.memo(TextTagsInputInner);
 
 // src/filter-list/base/inputs/TimelineInput.module.css
 var TimelineInput_default = {};
@@ -1692,31 +1745,31 @@ function TimelineInputInner({
   minDate,
   maxDate
 }) {
-  const handleStartChange = React21.useCallback((e) => {
+  const handleStartChange = React22.useCallback((e) => {
     const date = parseDateFromInput(e.target.value);
     onChange(date, endDate);
   }, [onChange, endDate]);
-  const handleEndChange = React21.useCallback((e) => {
+  const handleEndChange = React22.useCallback((e) => {
     const date = parseDateFromInput(e.target.value);
     onChange(startDate, date);
   }, [onChange, startDate]);
-  const handleClear = React21.useCallback(() => {
+  const handleClear = React22.useCallback(() => {
     onChange(void 0, void 0);
   }, [onChange]);
-  const startInputMax = React21.useMemo(() => endDate ?? maxDate, [endDate, maxDate]);
-  const endInputMin = React21.useMemo(() => startDate ?? minDate, [startDate, minDate]);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  const startInputMax = React22.useMemo(() => endDate ?? maxDate, [endDate, maxDate]);
+  const endInputMin = React22.useMemo(() => startDate ?? minDate, [startDate, minDate]);
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(TimelineInput_default.timeline, className)
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: TimelineInput_default.labels
-  }, /* @__PURE__ */ React21__default.default.createElement("span", null, formatDateForDisplay(startDate, "\u2014")), /* @__PURE__ */ React21__default.default.createElement("span", null, "to"), /* @__PURE__ */ React21__default.default.createElement("span", null, formatDateForDisplay(endDate, "\u2014")), (startDate || endDate) && /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+  }, /* @__PURE__ */ React22__default.default.createElement("span", null, formatDateForDisplay(startDate, "\u2014")), /* @__PURE__ */ React22__default.default.createElement("span", null, "to"), /* @__PURE__ */ React22__default.default.createElement("span", null, formatDateForDisplay(endDate, "\u2014")), (startDate || endDate) && /* @__PURE__ */ React22__default.default.createElement(button.Button, {
     type: "button",
     className: TimelineInput_default.clearButton,
     onClick: handleClear,
     "aria-label": "Clear range"
-  }, "\xD7")), /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, "\xD7")), /* @__PURE__ */ React22__default.default.createElement("div", {
     className: TimelineInput_default.brush
-  }, /* @__PURE__ */ React21__default.default.createElement(input.Input, {
+  }, /* @__PURE__ */ React22__default.default.createElement(input.Input, {
     type: "date",
     className: TimelineInput_default.input,
     value: formatDateForInput(startDate),
@@ -1724,7 +1777,7 @@ function TimelineInputInner({
     min: minDate ? formatDateForInput(minDate) : void 0,
     max: startInputMax ? formatDateForInput(startInputMax) : void 0,
     "aria-label": "Start date"
-  }), /* @__PURE__ */ React21__default.default.createElement("span", null, "\u2014"), /* @__PURE__ */ React21__default.default.createElement(input.Input, {
+  }), /* @__PURE__ */ React22__default.default.createElement("span", null, "\u2014"), /* @__PURE__ */ React22__default.default.createElement(input.Input, {
     type: "date",
     className: TimelineInput_default.input,
     value: formatDateForInput(endDate),
@@ -1734,7 +1787,7 @@ function TimelineInputInner({
     "aria-label": "End date"
   })));
 }
-var TimelineInput = /* @__PURE__ */ React21.memo(TimelineInputInner);
+var TimelineInput = /* @__PURE__ */ React22.memo(TimelineInputInner);
 
 // src/base-components/switch/Switch.module.css
 var Switch_default = {};
@@ -1754,9 +1807,9 @@ function Switch({
   thumbProps,
   ...rest
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(_switch.Switch.Root, _extends7({
+  return /* @__PURE__ */ React22__default.default.createElement(_switch.Switch.Root, _extends7({
     className: classnames7__default.default(Switch_default.osdkSwitchRoot, className)
-  }, rest), /* @__PURE__ */ React21__default.default.createElement(_switch.Switch.Thumb, _extends7({}, thumbProps, {
+  }, rest), /* @__PURE__ */ React22__default.default.createElement(_switch.Switch.Thumb, _extends7({}, thumbProps, {
     className: classnames7__default.default(Switch_default.osdkSwitchThumb, thumbProps?.className)
   })));
 }
@@ -1773,20 +1826,20 @@ function ToggleInputInner({
   style
 }) {
   const rootClassName = classnames7__default.default(ToggleInput_default.toggleInput, className);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: rootClassName,
     style,
     "data-enabled": enabled
-  }, /* @__PURE__ */ React21__default.default.createElement("label", {
+  }, /* @__PURE__ */ React22__default.default.createElement("label", {
     className: ToggleInput_default.toggleLabel
-  }, /* @__PURE__ */ React21__default.default.createElement(Switch, {
+  }, /* @__PURE__ */ React22__default.default.createElement(Switch, {
     checked: enabled,
     onCheckedChange: onChange
-  }), label && /* @__PURE__ */ React21__default.default.createElement("span", {
+  }), label && /* @__PURE__ */ React22__default.default.createElement("span", {
     className: ToggleInput_default.labelText
   }, label)));
 }
-var ToggleInput = /* @__PURE__ */ React21.memo(ToggleInputInner);
+var ToggleInput = /* @__PURE__ */ React22.memo(ToggleInputInner);
 
 // src/filter-list/base/inputs/LinkedPropertyInput.tsx
 function LinkedPropertyInputInner({
@@ -1797,45 +1850,45 @@ function LinkedPropertyInputInner({
   className,
   style
 }) {
-  const linkedObjectSet = React21.useMemo(() => objectSet.pivotTo(definition.linkName), [objectSet, definition.linkName]);
+  const linkedObjectSet = React22.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 = React21.useCallback((innerFilterState) => {
+  const wrappedOnChange = React22.useCallback((innerFilterState) => {
     onFilterStateChanged({
       type: "linkedProperty",
       linkedFilterState: innerFilterState
     });
   }, [onFilterStateChanged]);
-  const onSelectChange = React21.useCallback((selectedValues) => {
+  const onSelectChange = React22.useCallback((selectedValues) => {
     wrappedOnChange({
       type: "SELECT",
       selectedValues,
       isExcluding
     });
   }, [wrappedOnChange, isExcluding]);
-  const onSingleSelectChange = React21.useCallback((selectedValue) => {
+  const onSingleSelectChange = React22.useCallback((selectedValue) => {
     wrappedOnChange({
       type: "SELECT",
       selectedValues: selectedValue !== void 0 ? [selectedValue] : [],
       isExcluding
     });
   }, [wrappedOnChange, isExcluding]);
-  const onContainsTextChange = React21.useCallback((value) => {
+  const onContainsTextChange = React22.useCallback((value) => {
     wrappedOnChange({
       type: "CONTAINS_TEXT",
       value
     });
   }, [wrappedOnChange]);
-  const onToggleChange = React21.useCallback((enabled) => {
+  const onToggleChange = React22.useCallback((enabled) => {
     wrappedOnChange({
       type: "TOGGLE",
       enabled
     });
   }, [wrappedOnChange]);
-  const onNumberRangeChange = React21.useCallback((minValue, maxValue) => {
+  const onNumberRangeChange = React22.useCallback((minValue, maxValue) => {
     wrappedOnChange({
       type: "NUMBER_RANGE",
       minValue,
@@ -1843,7 +1896,7 @@ function LinkedPropertyInputInner({
       includeNull
     });
   }, [wrappedOnChange, includeNull]);
-  const onDateRangeChange = React21.useCallback((minValue, maxValue) => {
+  const onDateRangeChange = React22.useCallback((minValue, maxValue) => {
     wrappedOnChange({
       type: "DATE_RANGE",
       minValue,
@@ -1851,27 +1904,27 @@ function LinkedPropertyInputInner({
       includeNull
     });
   }, [wrappedOnChange, includeNull]);
-  const onExactMatchChange = React21.useCallback((values) => {
+  const onExactMatchChange = React22.useCallback((values) => {
     wrappedOnChange({
       type: "EXACT_MATCH",
       values,
       isExcluding
     });
   }, [wrappedOnChange, isExcluding]);
-  const onDateSelectChange = React21.useCallback((date) => {
+  const onDateSelectChange = React22.useCallback((date) => {
     wrappedOnChange({
       type: "SELECT",
       selectedValues: date !== void 0 ? [date] : [],
       isExcluding
     });
   }, [wrappedOnChange, isExcluding]);
-  const onMultiDateChange = React21.useCallback((dates) => {
+  const onMultiDateChange = React22.useCallback((dates) => {
     wrappedOnChange({
       type: "SELECT",
       selectedValues: dates
     });
   }, [wrappedOnChange]);
-  const onTimelineChange = React21.useCallback((start, end) => {
+  const onTimelineChange = React22.useCallback((start, end) => {
     wrappedOnChange({
       type: "TIMELINE",
       startDate: start,
@@ -1879,15 +1932,15 @@ function LinkedPropertyInputInner({
       isExcluding
     });
   }, [wrappedOnChange, isExcluding]);
-  const selectStringValues = React21.useMemo(() => innerState?.type === "SELECT" ? coerceToStringArray(innerState.selectedValues) : [], [innerState]);
-  const singleSelectValue = React21.useMemo(() => innerState?.type === "SELECT" ? coerceToString(innerState.selectedValues[0]) : void 0, [innerState]);
-  const exactMatchValues = React21.useMemo(() => innerState?.type === "EXACT_MATCH" ? coerceToStringArray(innerState.values) : [], [innerState]);
-  const selectedDates = React21.useMemo(() => innerState?.type === "SELECT" ? innerState.selectedValues.filter((v) => v instanceof Date) : [], [innerState]);
-  const selectedDate = React21.useMemo(() => innerState?.type === "SELECT" && innerState.selectedValues[0] instanceof Date ? innerState.selectedValues[0] : void 0, [innerState]);
+  const selectStringValues = React22.useMemo(() => innerState?.type === "SELECT" ? coerceToStringArray(innerState.selectedValues) : [], [innerState]);
+  const singleSelectValue = React22.useMemo(() => innerState?.type === "SELECT" ? coerceToString(innerState.selectedValues[0]) : void 0, [innerState]);
+  const exactMatchValues = React22.useMemo(() => innerState?.type === "EXACT_MATCH" ? coerceToStringArray(innerState.values) : [], [innerState]);
+  const selectedDates = React22.useMemo(() => innerState?.type === "SELECT" ? innerState.selectedValues.filter((v) => v instanceof Date) : [], [innerState]);
+  const selectedDate = React22.useMemo(() => innerState?.type === "SELECT" && innerState.selectedValues[0] instanceof Date ? innerState.selectedValues[0] : void 0, [innerState]);
   const content = (() => {
     switch (definition.linkedFilterComponent) {
       case "CHECKBOX_LIST":
-        return /* @__PURE__ */ React21__default.default.createElement(CheckboxListInput, {
+        return /* @__PURE__ */ React22__default.default.createElement(CheckboxListInput, {
           objectType: linkedObjectType,
           objectSet: linkedObjectSet,
           propertyKey: linkedPropertyKey,
@@ -1895,7 +1948,7 @@ function LinkedPropertyInputInner({
           onChange: onSelectChange
         });
       case "MULTI_SELECT":
-        return /* @__PURE__ */ React21__default.default.createElement(MultiSelectInput, {
+        return /* @__PURE__ */ React22__default.default.createElement(MultiSelectInput, {
           objectType: linkedObjectType,
           objectSet: linkedObjectSet,
           propertyKey: linkedPropertyKey,
@@ -1903,7 +1956,7 @@ function LinkedPropertyInputInner({
           onChange: onSelectChange
         });
       case "SINGLE_SELECT":
-        return /* @__PURE__ */ React21__default.default.createElement(SingleSelectInput, {
+        return /* @__PURE__ */ React22__default.default.createElement(SingleSelectInput, {
           objectType: linkedObjectType,
           objectSet: linkedObjectSet,
           propertyKey: linkedPropertyKey,
@@ -1911,19 +1964,19 @@ function LinkedPropertyInputInner({
           onChange: onSingleSelectChange
         });
       case "CONTAINS_TEXT":
-        return /* @__PURE__ */ React21__default.default.createElement(ContainsTextInput, {
+        return /* @__PURE__ */ React22__default.default.createElement(ContainsTextInput, {
           value: innerState?.type === "CONTAINS_TEXT" ? innerState.value : void 0,
           onChange: onContainsTextChange,
           placeholder: `Search ${String(definition.linkedPropertyKey)}...`
         });
       case "TOGGLE":
-        return /* @__PURE__ */ React21__default.default.createElement(ToggleInput, {
+        return /* @__PURE__ */ React22__default.default.createElement(ToggleInput, {
           enabled: innerState?.type === "TOGGLE" ? innerState.enabled : false,
           onChange: onToggleChange
         });
       case "NUMBER_RANGE": {
         const numberRange = innerState?.type === "NUMBER_RANGE" ? innerState : void 0;
-        return /* @__PURE__ */ React21__default.default.createElement(NumberRangeInput, {
+        return /* @__PURE__ */ React22__default.default.createElement(NumberRangeInput, {
           objectType: linkedObjectType,
           objectSet: linkedObjectSet,
           propertyKey: linkedPropertyKey,
@@ -1934,7 +1987,7 @@ function LinkedPropertyInputInner({
       }
       case "DATE_RANGE": {
         const dateRange = innerState?.type === "DATE_RANGE" ? innerState : void 0;
-        return /* @__PURE__ */ React21__default.default.createElement(DateRangeInput, {
+        return /* @__PURE__ */ React22__default.default.createElement(DateRangeInput, {
           objectType: linkedObjectType,
           objectSet: linkedObjectSet,
           propertyKey: linkedPropertyKey,
@@ -1944,7 +1997,7 @@ function LinkedPropertyInputInner({
         });
       }
       case "LISTOGRAM":
-        return /* @__PURE__ */ React21__default.default.createElement(ListogramInput, {
+        return /* @__PURE__ */ React22__default.default.createElement(ListogramInput, {
           objectType: linkedObjectType,
           objectSet: linkedObjectSet,
           propertyKey: linkedPropertyKey,
@@ -1952,7 +2005,7 @@ function LinkedPropertyInputInner({
           onChange: onExactMatchChange
         });
       case "TEXT_TAGS":
-        return /* @__PURE__ */ React21__default.default.createElement(TextTagsInput, {
+        return /* @__PURE__ */ React22__default.default.createElement(TextTagsInput, {
           objectType: linkedObjectType,
           objectSet: linkedObjectSet,
           propertyKey: linkedPropertyKey,
@@ -1960,20 +2013,20 @@ function LinkedPropertyInputInner({
           onChange: onExactMatchChange
         });
       case "SINGLE_DATE":
-        return /* @__PURE__ */ React21__default.default.createElement(SingleDateInput, {
+        return /* @__PURE__ */ React22__default.default.createElement(SingleDateInput, {
           selectedDate,
           onChange: onDateSelectChange,
           showClearButton: true
         });
       case "MULTI_DATE":
-        return /* @__PURE__ */ React21__default.default.createElement(MultiDateInput, {
+        return /* @__PURE__ */ React22__default.default.createElement(MultiDateInput, {
           selectedDates,
           onChange: onMultiDateChange,
           showClearAll: true
         });
       case "TIMELINE": {
         const timeline = innerState?.type === "TIMELINE" ? innerState : void 0;
-        return /* @__PURE__ */ React21__default.default.createElement(TimelineInput, {
+        return /* @__PURE__ */ React22__default.default.createElement(TimelineInput, {
           startDate: timeline?.startDate,
           endDate: timeline?.endDate,
           onChange: onTimelineChange
@@ -1983,12 +2036,12 @@ function LinkedPropertyInputInner({
         return assertUnreachable(definition.linkedFilterComponent);
     }
   })();
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(LinkedPropertyInput_default.linkedProperty, className),
     style
   }, content);
 }
-var LinkedPropertyInput = /* @__PURE__ */ React21.memo(LinkedPropertyInputInner);
+var LinkedPropertyInput = /* @__PURE__ */ React22.memo(LinkedPropertyInputInner);
 
 // src/filter-list/base/inputs/NullValueWrapper.module.css
 var NullValueWrapper_default = {};
@@ -2004,8 +2057,8 @@ function NullValueWrapperInner({
   className,
   style
 }) {
-  const nullCountAggregateOptions = React21.useMemo(() => createNullCountAggregateOptions(), []);
-  const nullWhereClause = React21.useMemo(() => createNullWhereClause(propertyKey), [propertyKey]);
+  const nullCountAggregateOptions = React22.useMemo(() => createNullCountAggregateOptions(), []);
+  const nullWhereClause = React22.useMemo(() => createNullWhereClause(propertyKey), [propertyKey]);
   const {
     data: nullCountData,
     isLoading,
@@ -2014,7 +2067,7 @@ function NullValueWrapperInner({
     where: nullWhereClause,
     aggregate: nullCountAggregateOptions
   });
-  const nullCount = React21.useMemo(() => {
+  const nullCount = React22.useMemo(() => {
     if (!nullCountData) return 0;
     const result = nullCountData;
     if ("$count" in result && typeof result.$count === "number") {
@@ -2022,30 +2075,30 @@ function NullValueWrapperInner({
     }
     return 0;
   }, [nullCountData]);
-  const handleToggle = React21.useCallback(() => {
+  const handleToggle = React22.useCallback(() => {
     onIncludeNullChange(!includeNull);
   }, [includeNull, onIncludeNullChange]);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(NullValueWrapper_default.nullWrapper, className),
     style
-  }, children, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, children, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: NullValueWrapper_default.nullValueRow,
     "data-checked": includeNull,
     "data-loading": isLoading
-  }, /* @__PURE__ */ React21__default.default.createElement("label", {
+  }, /* @__PURE__ */ React22__default.default.createElement("label", {
     className: NullValueWrapper_default.nullLabel
-  }, /* @__PURE__ */ React21__default.default.createElement(Checkbox, {
+  }, /* @__PURE__ */ React22__default.default.createElement(Checkbox, {
     checked: includeNull,
     onCheckedChange: handleToggle
-  }), /* @__PURE__ */ React21__default.default.createElement("span", {
+  }), /* @__PURE__ */ React22__default.default.createElement("span", {
     className: NullValueWrapper_default.nullLabelText
-  }, "No value")), showNullCount && !error && nullCount > 0 && /* @__PURE__ */ React21__default.default.createElement("span", {
+  }, "No value")), showNullCount && !error && nullCount > 0 && /* @__PURE__ */ React22__default.default.createElement("span", {
     className: NullValueWrapper_default.count
-  }, nullCount.toLocaleString())), error && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, nullCount.toLocaleString())), error && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: shared_default.errorMessage
   }, "Failed to load null count"));
 }
-var NullValueWrapper = /* @__PURE__ */ React21.memo(NullValueWrapperInner);
+var NullValueWrapper = /* @__PURE__ */ React22.memo(NullValueWrapperInner);
 
 // src/filter-list/base/FilterInput.tsx
 function FilterInputInner({
@@ -2056,7 +2109,7 @@ function FilterInputInner({
   onFilterStateChanged,
   whereClause
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(FilterInputContent, {
+  return /* @__PURE__ */ React22__default.default.createElement(FilterInputContent, {
     objectType,
     objectSet,
     definition,
@@ -2065,7 +2118,7 @@ function FilterInputInner({
     whereClause
   });
 }
-var FilterInput = /* @__PURE__ */ React21.memo(FilterInputInner);
+var FilterInput = /* @__PURE__ */ React22.memo(FilterInputInner);
 function FilterInputContent({
   objectType,
   objectSet,
@@ -2076,38 +2129,38 @@ function FilterInputContent({
 }) {
   switch (definition.type) {
     case "HAS_LINK":
-      return /* @__PURE__ */ React21__default.default.createElement(HasLinkInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(HasLinkInput, {
         filterState,
         onFilterStateChanged
       });
     case "LINKED_PROPERTY":
-      return /* @__PURE__ */ React21__default.default.createElement(LinkedPropertyInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(LinkedPropertyInput, {
         objectSet,
         definition,
         filterState,
         onFilterStateChanged
       });
     case "KEYWORD_SEARCH":
-      return /* @__PURE__ */ React21__default.default.createElement(KeywordSearchInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(KeywordSearchInput, {
         filterState,
         onFilterStateChanged,
         placeholder: definition.label ?? "Search..."
       });
     case "CUSTOM": {
       if (!definition.renderInput) {
-        return /* @__PURE__ */ React21__default.default.createElement("div", {
+        return /* @__PURE__ */ React22__default.default.createElement("div", {
           "data-unsupported": "true"
         }, "Custom filter missing renderInput");
       }
       const customFilterState = filterState?.type === "custom" ? filterState : definition.filterState;
-      return /* @__PURE__ */ React21__default.default.createElement(React21__default.default.Fragment, null, definition.renderInput({
+      return /* @__PURE__ */ React22__default.default.createElement(React22__default.default.Fragment, null, definition.renderInput({
         objectSet,
         filterState: customFilterState,
         onFilterStateChanged: (state) => onFilterStateChanged(state)
       }));
     }
     case "PROPERTY":
-      return /* @__PURE__ */ React21__default.default.createElement(PropertyFilterInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(PropertyFilterInput, {
         objectType,
         objectSet,
         definition,
@@ -2116,42 +2169,42 @@ function FilterInputContent({
         whereClause
       });
     default:
-      return /* @__PURE__ */ React21__default.default.createElement("div", {
+      return /* @__PURE__ */ React22__default.default.createElement("div", {
         "data-unsupported": "true"
       }, "Unsupported filter type");
   }
 }
-var HasLinkInput = /* @__PURE__ */ React21.memo(function HasLinkInput2({
+var HasLinkInput = /* @__PURE__ */ React22.memo(function HasLinkInput2({
   filterState,
   onFilterStateChanged
 }) {
   const hasLink = filterState?.type === "hasLink" ? filterState.hasLink : false;
-  const handleChange = React21.useCallback((hasLink2) => {
+  const handleChange = React22.useCallback((hasLink2) => {
     onFilterStateChanged({
       type: "hasLink",
       hasLink: hasLink2
     });
   }, [onFilterStateChanged]);
-  return /* @__PURE__ */ React21__default.default.createElement(ToggleInput, {
+  return /* @__PURE__ */ React22__default.default.createElement(ToggleInput, {
     enabled: hasLink,
     onChange: handleChange
   });
 });
-var KeywordSearchInput = /* @__PURE__ */ React21.memo(function KeywordSearchInput2({
+var KeywordSearchInput = /* @__PURE__ */ React22.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 = React21.useCallback((newSearchTerm) => {
+  const handleChange = React22.useCallback((newSearchTerm) => {
     onFilterStateChanged({
       type: "keywordSearch",
       searchTerm: newSearchTerm ?? "",
       operator
     });
   }, [onFilterStateChanged, operator]);
-  return /* @__PURE__ */ React21__default.default.createElement(ContainsTextInput, {
+  return /* @__PURE__ */ React22__default.default.createElement(ContainsTextInput, {
     value: searchTerm,
     onChange: handleChange,
     placeholder
@@ -2167,7 +2220,7 @@ function PropertyFilterInputInner({
 }) {
   switch (definition.filterComponent) {
     case "CHECKBOX_LIST":
-      return /* @__PURE__ */ React21__default.default.createElement(CheckboxListFilterInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(CheckboxListFilterInput, {
         objectType,
         objectSet,
         propertyKey: definition.key,
@@ -2176,32 +2229,32 @@ function PropertyFilterInputInner({
         whereClause
       });
     case "CONTAINS_TEXT":
-      return /* @__PURE__ */ React21__default.default.createElement(ContainsTextFilterInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(ContainsTextFilterInput, {
         propertyKey: definition.key,
         filterState,
         onFilterStateChanged
       });
     case "TOGGLE":
-      return /* @__PURE__ */ React21__default.default.createElement(ToggleFilterInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(ToggleFilterInput, {
         filterState,
         onFilterStateChanged
       });
     case "NUMBER_RANGE":
-      return /* @__PURE__ */ React21__default.default.createElement(NumberRangeFilterInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(NumberRangeFilterInput, {
         objectType,
         propertyKey: definition.key,
         filterState,
         onFilterStateChanged
       });
     case "DATE_RANGE":
-      return /* @__PURE__ */ React21__default.default.createElement(DateRangeFilterInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(DateRangeFilterInput, {
         objectType,
         propertyKey: definition.key,
         filterState,
         onFilterStateChanged
       });
     case "SINGLE_SELECT":
-      return /* @__PURE__ */ React21__default.default.createElement(SingleSelectFilterInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(SingleSelectFilterInput, {
         objectType,
         propertyKey: definition.key,
         filterState,
@@ -2209,7 +2262,7 @@ function PropertyFilterInputInner({
         whereClause
       });
     case "MULTI_SELECT":
-      return /* @__PURE__ */ React21__default.default.createElement(MultiSelectFilterInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(MultiSelectFilterInput, {
         objectType,
         propertyKey: definition.key,
         filterState,
@@ -2217,17 +2270,17 @@ function PropertyFilterInputInner({
         whereClause
       });
     case "SINGLE_DATE":
-      return /* @__PURE__ */ React21__default.default.createElement(SingleDateFilterInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(SingleDateFilterInput, {
         filterState,
         onFilterStateChanged
       });
     case "MULTI_DATE":
-      return /* @__PURE__ */ React21__default.default.createElement(MultiDateFilterInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(MultiDateFilterInput, {
         filterState,
         onFilterStateChanged
       });
     case "LISTOGRAM":
-      return /* @__PURE__ */ React21__default.default.createElement(ListogramFilterInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(ListogramFilterInput, {
         objectType,
         propertyKey: definition.key,
         filterState,
@@ -2235,7 +2288,7 @@ function PropertyFilterInputInner({
         whereClause
       });
     case "TEXT_TAGS":
-      return /* @__PURE__ */ React21__default.default.createElement(TextTagsFilterInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(TextTagsFilterInput, {
         objectType,
         propertyKey: definition.key,
         filterState,
@@ -2243,17 +2296,17 @@ function PropertyFilterInputInner({
         whereClause
       });
     case "TIMELINE":
-      return /* @__PURE__ */ React21__default.default.createElement(TimelineFilterInput, {
+      return /* @__PURE__ */ React22__default.default.createElement(TimelineFilterInput, {
         filterState,
         onFilterStateChanged
       });
     default:
-      return /* @__PURE__ */ React21__default.default.createElement("div", {
+      return /* @__PURE__ */ React22__default.default.createElement("div", {
         "data-unsupported": "true"
       }, "Unsupported filter component: ", definition.filterComponent);
   }
 }
-var PropertyFilterInput = /* @__PURE__ */ React21.memo(PropertyFilterInputInner);
+var PropertyFilterInput = /* @__PURE__ */ React22.memo(PropertyFilterInputInner);
 function CheckboxListFilterInputInner({
   objectType,
   objectSet,
@@ -2262,16 +2315,16 @@ function CheckboxListFilterInputInner({
   onFilterStateChanged,
   whereClause
 }) {
-  const selectedValues = React21.useMemo(() => filterState?.type === "SELECT" ? coerceToStringArray(filterState.selectedValues) : [], [filterState]);
+  const selectedValues = React22.useMemo(() => filterState?.type === "SELECT" ? coerceToStringArray(filterState.selectedValues) : [], [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React21.useCallback((newSelectedValues) => {
+  const handleChange = React22.useCallback((newSelectedValues) => {
     onFilterStateChanged({
       type: "SELECT",
       selectedValues: newSelectedValues,
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  return /* @__PURE__ */ React21__default.default.createElement(CheckboxListInput, {
+  return /* @__PURE__ */ React22__default.default.createElement(CheckboxListInput, {
     objectType,
     objectSet,
     propertyKey,
@@ -2280,37 +2333,37 @@ function CheckboxListFilterInputInner({
     whereClause
   });
 }
-var CheckboxListFilterInput = /* @__PURE__ */ React21.memo(CheckboxListFilterInputInner);
-var ContainsTextFilterInput = /* @__PURE__ */ React21.memo(function ContainsTextFilterInput2({
+var CheckboxListFilterInput = /* @__PURE__ */ React22.memo(CheckboxListFilterInputInner);
+var ContainsTextFilterInput = /* @__PURE__ */ React22.memo(function ContainsTextFilterInput2({
   propertyKey,
   filterState,
   onFilterStateChanged
 }) {
-  const value = React21.useMemo(() => filterState?.type === "CONTAINS_TEXT" ? filterState.value : void 0, [filterState]);
-  const handleChange = React21.useCallback((value2) => {
+  const value = React22.useMemo(() => filterState?.type === "CONTAINS_TEXT" ? filterState.value : void 0, [filterState]);
+  const handleChange = React22.useCallback((value2) => {
     onFilterStateChanged({
       type: "CONTAINS_TEXT",
       value: value2
     });
   }, [onFilterStateChanged]);
-  return /* @__PURE__ */ React21__default.default.createElement(ContainsTextInput, {
+  return /* @__PURE__ */ React22__default.default.createElement(ContainsTextInput, {
     value,
     onChange: handleChange,
     placeholder: `Search ${propertyKey}...`
   });
 });
-var ToggleFilterInput = /* @__PURE__ */ React21.memo(function ToggleFilterInput2({
+var ToggleFilterInput = /* @__PURE__ */ React22.memo(function ToggleFilterInput2({
   filterState,
   onFilterStateChanged
 }) {
   const enabled = filterState?.type === "TOGGLE" ? filterState.enabled : false;
-  const handleChange = React21.useCallback((enabled2) => {
+  const handleChange = React22.useCallback((enabled2) => {
     onFilterStateChanged({
       type: "TOGGLE",
       enabled: enabled2
     });
   }, [onFilterStateChanged]);
-  return /* @__PURE__ */ React21__default.default.createElement(ToggleInput, {
+  return /* @__PURE__ */ React22__default.default.createElement(ToggleInput, {
     enabled,
     onChange: handleChange
   });
@@ -2321,9 +2374,9 @@ function NumberRangeFilterInputInner({
   filterState,
   onFilterStateChanged
 }) {
-  const numberRangeState = React21.useMemo(() => filterState?.type === "NUMBER_RANGE" ? filterState : void 0, [filterState]);
+  const numberRangeState = React22.useMemo(() => filterState?.type === "NUMBER_RANGE" ? filterState : void 0, [filterState]);
   const includeNull = filterState?.includeNull;
-  const handleNullChange = React21.useCallback((includeNull2) => {
+  const handleNullChange = React22.useCallback((includeNull2) => {
     onFilterStateChanged({
       type: "NUMBER_RANGE",
       minValue: numberRangeState?.minValue,
@@ -2331,7 +2384,7 @@ function NumberRangeFilterInputInner({
       includeNull: includeNull2
     });
   }, [onFilterStateChanged, numberRangeState?.minValue, numberRangeState?.maxValue]);
-  const handleRangeChange = React21.useCallback((minValue, maxValue) => {
+  const handleRangeChange = React22.useCallback((minValue, maxValue) => {
     onFilterStateChanged({
       type: "NUMBER_RANGE",
       minValue,
@@ -2339,12 +2392,12 @@ function NumberRangeFilterInputInner({
       includeNull
     });
   }, [onFilterStateChanged, includeNull]);
-  return /* @__PURE__ */ React21__default.default.createElement(NullValueWrapper, {
+  return /* @__PURE__ */ React22__default.default.createElement(NullValueWrapper, {
     objectType,
     propertyKey,
     includeNull,
     onIncludeNullChange: handleNullChange
-  }, /* @__PURE__ */ React21__default.default.createElement(NumberRangeInput, {
+  }, /* @__PURE__ */ React22__default.default.createElement(NumberRangeInput, {
     objectType,
     propertyKey,
     minValue: numberRangeState?.minValue,
@@ -2352,16 +2405,16 @@ function NumberRangeFilterInputInner({
     onChange: handleRangeChange
   }));
 }
-var NumberRangeFilterInput = /* @__PURE__ */ React21.memo(NumberRangeFilterInputInner);
+var NumberRangeFilterInput = /* @__PURE__ */ React22.memo(NumberRangeFilterInputInner);
 function DateRangeFilterInputInner({
   objectType,
   propertyKey,
   filterState,
   onFilterStateChanged
 }) {
-  const dateRangeState = React21.useMemo(() => filterState?.type === "DATE_RANGE" ? filterState : void 0, [filterState]);
+  const dateRangeState = React22.useMemo(() => filterState?.type === "DATE_RANGE" ? filterState : void 0, [filterState]);
   const includeNull = filterState?.includeNull;
-  const handleNullChange = React21.useCallback((includeNull2) => {
+  const handleNullChange = React22.useCallback((includeNull2) => {
     onFilterStateChanged({
       type: "DATE_RANGE",
       minValue: dateRangeState?.minValue,
@@ -2369,7 +2422,7 @@ function DateRangeFilterInputInner({
       includeNull: includeNull2
     });
   }, [onFilterStateChanged, dateRangeState?.minValue, dateRangeState?.maxValue]);
-  const handleRangeChange = React21.useCallback((minValue, maxValue) => {
+  const handleRangeChange = React22.useCallback((minValue, maxValue) => {
     onFilterStateChanged({
       type: "DATE_RANGE",
       minValue,
@@ -2377,12 +2430,12 @@ function DateRangeFilterInputInner({
       includeNull
     });
   }, [onFilterStateChanged, includeNull]);
-  return /* @__PURE__ */ React21__default.default.createElement(NullValueWrapper, {
+  return /* @__PURE__ */ React22__default.default.createElement(NullValueWrapper, {
     objectType,
     propertyKey,
     includeNull,
     onIncludeNullChange: handleNullChange
-  }, /* @__PURE__ */ React21__default.default.createElement(DateRangeInput, {
+  }, /* @__PURE__ */ React22__default.default.createElement(DateRangeInput, {
     objectType,
     propertyKey,
     minValue: dateRangeState?.minValue,
@@ -2390,7 +2443,7 @@ function DateRangeFilterInputInner({
     onChange: handleRangeChange
   }));
 }
-var DateRangeFilterInput = /* @__PURE__ */ React21.memo(DateRangeFilterInputInner);
+var DateRangeFilterInput = /* @__PURE__ */ React22.memo(DateRangeFilterInputInner);
 function SingleSelectFilterInputInner({
   objectType,
   propertyKey,
@@ -2398,16 +2451,16 @@ function SingleSelectFilterInputInner({
   onFilterStateChanged,
   whereClause
 }) {
-  const selectedValue = React21.useMemo(() => filterState?.type === "SELECT" ? coerceToString(filterState.selectedValues[0]) : void 0, [filterState]);
+  const selectedValue = React22.useMemo(() => filterState?.type === "SELECT" ? coerceToString(filterState.selectedValues[0]) : void 0, [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React21.useCallback((value) => {
+  const handleChange = React22.useCallback((value) => {
     onFilterStateChanged({
       type: "SELECT",
       selectedValues: value !== void 0 ? [value] : [],
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  return /* @__PURE__ */ React21__default.default.createElement(SingleSelectInput, {
+  return /* @__PURE__ */ React22__default.default.createElement(SingleSelectInput, {
     objectType,
     propertyKey,
     selectedValue,
@@ -2415,7 +2468,7 @@ function SingleSelectFilterInputInner({
     whereClause
   });
 }
-var SingleSelectFilterInput = /* @__PURE__ */ React21.memo(SingleSelectFilterInputInner);
+var SingleSelectFilterInput = /* @__PURE__ */ React22.memo(SingleSelectFilterInputInner);
 function MultiSelectFilterInputInner({
   objectType,
   propertyKey,
@@ -2423,16 +2476,16 @@ function MultiSelectFilterInputInner({
   onFilterStateChanged,
   whereClause
 }) {
-  const selectedValues = React21.useMemo(() => filterState?.type === "SELECT" ? coerceToStringArray(filterState.selectedValues) : [], [filterState]);
+  const selectedValues = React22.useMemo(() => filterState?.type === "SELECT" ? coerceToStringArray(filterState.selectedValues) : [], [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React21.useCallback((selectedValues2) => {
+  const handleChange = React22.useCallback((selectedValues2) => {
     onFilterStateChanged({
       type: "SELECT",
       selectedValues: selectedValues2,
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  return /* @__PURE__ */ React21__default.default.createElement(MultiSelectInput, {
+  return /* @__PURE__ */ React22__default.default.createElement(MultiSelectInput, {
     objectType,
     propertyKey,
     selectedValues,
@@ -2440,39 +2493,39 @@ function MultiSelectFilterInputInner({
     whereClause
   });
 }
-var MultiSelectFilterInput = /* @__PURE__ */ React21.memo(MultiSelectFilterInputInner);
-var SingleDateFilterInput = /* @__PURE__ */ React21.memo(function SingleDateFilterInput2({
+var MultiSelectFilterInput = /* @__PURE__ */ React22.memo(MultiSelectFilterInputInner);
+var SingleDateFilterInput = /* @__PURE__ */ React22.memo(function SingleDateFilterInput2({
   filterState,
   onFilterStateChanged
 }) {
-  const selectedDate = React21.useMemo(() => filterState?.type === "SELECT" ? filterState.selectedValues[0] instanceof Date ? filterState.selectedValues[0] : void 0 : void 0, [filterState]);
+  const selectedDate = React22.useMemo(() => filterState?.type === "SELECT" ? filterState.selectedValues[0] instanceof Date ? filterState.selectedValues[0] : void 0 : void 0, [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React21.useCallback((selectedDate2) => {
+  const handleChange = React22.useCallback((selectedDate2) => {
     onFilterStateChanged({
       type: "SELECT",
       selectedValues: selectedDate2 !== void 0 ? [selectedDate2] : [],
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  return /* @__PURE__ */ React21__default.default.createElement(SingleDateInput, {
+  return /* @__PURE__ */ React22__default.default.createElement(SingleDateInput, {
     selectedDate,
     onChange: handleChange
   });
 });
-var MultiDateFilterInput = /* @__PURE__ */ React21.memo(function MultiDateFilterInput2({
+var MultiDateFilterInput = /* @__PURE__ */ React22.memo(function MultiDateFilterInput2({
   filterState,
   onFilterStateChanged
 }) {
-  const selectedDates = React21.useMemo(() => filterState?.type === "SELECT" ? filterState.selectedValues.filter((v) => v instanceof Date) : [], [filterState]);
+  const selectedDates = React22.useMemo(() => filterState?.type === "SELECT" ? filterState.selectedValues.filter((v) => v instanceof Date) : [], [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React21.useCallback((selectedDates2) => {
+  const handleChange = React22.useCallback((selectedDates2) => {
     onFilterStateChanged({
       type: "SELECT",
       selectedValues: selectedDates2,
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  return /* @__PURE__ */ React21__default.default.createElement(MultiDateInput, {
+  return /* @__PURE__ */ React22__default.default.createElement(MultiDateInput, {
     selectedDates,
     onChange: handleChange
   });
@@ -2484,16 +2537,16 @@ function ListogramFilterInputInner({
   onFilterStateChanged,
   whereClause
 }) {
-  const selectedValues = React21.useMemo(() => filterState?.type === "EXACT_MATCH" ? coerceToStringArray(filterState.values) : [], [filterState]);
+  const selectedValues = React22.useMemo(() => filterState?.type === "EXACT_MATCH" ? coerceToStringArray(filterState.values) : [], [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React21.useCallback((values) => {
+  const handleChange = React22.useCallback((values) => {
     onFilterStateChanged({
       type: "EXACT_MATCH",
       values,
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  return /* @__PURE__ */ React21__default.default.createElement(ListogramInput, {
+  return /* @__PURE__ */ React22__default.default.createElement(ListogramInput, {
     objectType,
     propertyKey,
     selectedValues,
@@ -2501,7 +2554,7 @@ function ListogramFilterInputInner({
     whereClause
   });
 }
-var ListogramFilterInput = /* @__PURE__ */ React21.memo(ListogramFilterInputInner);
+var ListogramFilterInput = /* @__PURE__ */ React22.memo(ListogramFilterInputInner);
 function TextTagsFilterInputInner({
   objectType,
   propertyKey,
@@ -2509,16 +2562,16 @@ function TextTagsFilterInputInner({
   onFilterStateChanged,
   whereClause
 }) {
-  const tags = React21.useMemo(() => filterState?.type === "EXACT_MATCH" ? coerceToStringArray(filterState.values) : [], [filterState]);
+  const tags = React22.useMemo(() => filterState?.type === "EXACT_MATCH" ? coerceToStringArray(filterState.values) : [], [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React21.useCallback((values) => {
+  const handleChange = React22.useCallback((values) => {
     onFilterStateChanged({
       type: "EXACT_MATCH",
       values,
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  return /* @__PURE__ */ React21__default.default.createElement(TextTagsInput, {
+  return /* @__PURE__ */ React22__default.default.createElement(TextTagsInput, {
     objectType,
     propertyKey,
     tags,
@@ -2526,15 +2579,15 @@ function TextTagsFilterInputInner({
     whereClause
   });
 }
-var TextTagsFilterInput = /* @__PURE__ */ React21.memo(TextTagsFilterInputInner);
-var TimelineFilterInput = /* @__PURE__ */ React21.memo(function TimelineFilterInput2({
+var TextTagsFilterInput = /* @__PURE__ */ React22.memo(TextTagsFilterInputInner);
+var TimelineFilterInput = /* @__PURE__ */ React22.memo(function TimelineFilterInput2({
   filterState,
   onFilterStateChanged
 }) {
   const {
     startDate,
     endDate
-  } = React21.useMemo(() => filterState?.type === "TIMELINE" ? {
+  } = React22.useMemo(() => filterState?.type === "TIMELINE" ? {
     startDate: filterState.startDate,
     endDate: filterState.endDate
   } : {
@@ -2542,7 +2595,7 @@ var TimelineFilterInput = /* @__PURE__ */ React21.memo(function TimelineFilterIn
     endDate: void 0
   }, [filterState]);
   const isExcluding = filterState?.isExcluding ?? false;
-  const handleChange = React21.useCallback((startDate2, endDate2) => {
+  const handleChange = React22.useCallback((startDate2, endDate2) => {
     onFilterStateChanged({
       type: "TIMELINE",
       startDate: startDate2,
@@ -2550,7 +2603,7 @@ var TimelineFilterInput = /* @__PURE__ */ React21.memo(function TimelineFilterIn
       isExcluding
     });
   }, [onFilterStateChanged, isExcluding]);
-  return /* @__PURE__ */ React21__default.default.createElement(TimelineInput, {
+  return /* @__PURE__ */ React22__default.default.createElement(TimelineInput, {
     startDate,
     endDate,
     onChange: handleChange
@@ -2561,6 +2614,15 @@ var TimelineFilterInput = /* @__PURE__ */ React21.memo(function TimelineFilterIn
 var FilterListItem_default = {};
 
 // src/filter-list/base/FilterListItem.tsx
+function _extends8() {
+  return _extends8 = 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;
+  }, _extends8.apply(null, arguments);
+}
 function FilterListItemInner({
   objectType,
   objectSet,
@@ -2569,26 +2631,32 @@ function FilterListItemInner({
   filterState,
   onFilterStateChanged,
   whereClause,
+  dragHandleAttributes,
+  dragHandleListeners,
   className,
   style
 }) {
-  const label = getLabel(definition);
-  const handleFilterStateChanged = React21.useCallback((newState) => {
+  const label = getFilterLabel(definition);
+  const handleFilterStateChanged = React22.useCallback((newState) => {
     onFilterStateChanged(filterKey, newState);
   }, [filterKey, onFilterStateChanged]);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(FilterListItem_default.filterItem, className),
     style,
     "data-filter-type": definition.type
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: FilterListItem_default.itemHeader
-  }, /* @__PURE__ */ React21__default.default.createElement("span", {
+  }, dragHandleAttributes && /* @__PURE__ */ React22__default.default.createElement("button", _extends8({
+    type: "button",
+    className: FilterListItem_default.dragHandle,
+    "aria-label": `Reorder ${label}`
+  }, dragHandleAttributes, dragHandleListeners), /* @__PURE__ */ React22__default.default.createElement(DragHandleIcon, null)), /* @__PURE__ */ React22__default.default.createElement("span", {
     className: FilterListItem_default.itemLabel
-  }, label)), /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, label)), /* @__PURE__ */ React22__default.default.createElement("div", {
     className: FilterListItem_default.itemContent
-  }, /* @__PURE__ */ React21__default.default.createElement(ErrorBoundary, {
+  }, /* @__PURE__ */ React22__default.default.createElement(ErrorBoundary, {
     errorMessage: "Error loading filter"
-  }, /* @__PURE__ */ React21__default.default.createElement(FilterInput, {
+  }, /* @__PURE__ */ React22__default.default.createElement(FilterInput, {
     objectType,
     objectSet,
     definition,
@@ -2597,25 +2665,59 @@ function FilterListItemInner({
     whereClause
   }))));
 }
-var FilterListItem = /* @__PURE__ */ React21.memo(FilterListItemInner);
-function getLabel(definition) {
-  if ("label" in definition && definition.label) {
-    return definition.label;
-  }
-  switch (definition.type) {
-    case "PROPERTY":
-      return definition.key;
-    case "HAS_LINK":
-    case "LINKED_PROPERTY":
-      return definition.linkName;
-    case "KEYWORD_SEARCH":
-      return "Search";
-    case "CUSTOM":
-      return definition.key;
-  }
+var FilterListItem = /* @__PURE__ */ React22.memo(FilterListItemInner);
+function SortableFilterListItem({
+  id,
+  objectType,
+  objectSet,
+  definition,
+  filterKey,
+  filterState,
+  onFilterStateChanged,
+  whereClause
+}) {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = sortable.useSortable({
+    id
+  });
+  const style = React22.useMemo(() => ({
+    transform: utilities.CSS.Transform.toString(transform),
+    transition: transition ?? void 0
+  }), [transform, transition]);
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
+    ref: setNodeRef,
+    style,
+    className: classnames7__default.default(isDragging && FilterListItem_default.dragging)
+  }, /* @__PURE__ */ React22__default.default.createElement(FilterListItem, {
+    objectType,
+    objectSet,
+    definition,
+    filterKey,
+    filterState,
+    onFilterStateChanged,
+    whereClause,
+    dragHandleAttributes: attributes,
+    dragHandleListeners: listeners
+  }));
 }
 
 // src/filter-list/base/FilterListContent.tsx
+var restrictToVerticalAxis = ({
+  transform
+}) => ({
+  ...transform,
+  x: 0
+});
+var POINTER_ACTIVATION_CONSTRAINT = {
+  distance: 8
+};
+var MODIFIERS = [restrictToVerticalAxis];
 function FilterListContent({
   objectType,
   objectSet,
@@ -2623,23 +2725,149 @@ function FilterListContent({
   filterStates,
   onFilterStateChanged,
   whereClause,
+  enableSorting,
   className,
   style
 }) {
-  if (!filterDefinitions || filterDefinitions.length === 0) {
-    return /* @__PURE__ */ React21__default.default.createElement("div", {
+  const [internalOrder, setInternalOrder] = React22.useState(() => filterDefinitions ?? []);
+  const [activeId, setActiveId] = React22.useState(null);
+  React22.useEffect(() => {
+    if (filterDefinitions) {
+      setInternalOrder(filterDefinitions);
+    }
+  }, [filterDefinitions]);
+  const renderDefinitions = enableSorting ? internalOrder : filterDefinitions;
+  const sortableIds = React22.useMemo(() => enableSorting ? internalOrder.map((def) => getFilterKey(def)) : [], [enableSorting, internalOrder]);
+  const pointerSensor = core.useSensor(core.PointerSensor, {
+    activationConstraint: POINTER_ACTIVATION_CONSTRAINT
+  });
+  const keyboardSensor = core.useSensor(core.KeyboardSensor, {
+    coordinateGetter: sortable.sortableKeyboardCoordinates
+  });
+  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 = React22.useMemo(() => activeDefinition ? getFilterKey(activeDefinition) : void 0, [activeDefinition]);
+  const handleDragStart = React22.useCallback((event) => {
+    setActiveId(event.active.id);
+  }, []);
+  const handleDragEnd = React22.useCallback((event) => {
+    setActiveId(null);
+    const {
+      active,
+      over
+    } = event;
+    if (!over || active.id === over.id) {
+      return;
+    }
+    const oldIndex = sortableIds.indexOf(String(active.id));
+    const newIndex = sortableIds.indexOf(String(over.id));
+    if (oldIndex !== -1 && newIndex !== -1) {
+      setInternalOrder(sortable.arrayMove(internalOrder, oldIndex, newIndex));
+    }
+  }, [internalOrder, sortableIds]);
+  const handleDragCancel = React22.useCallback(() => {
+    setActiveId(null);
+  }, []);
+  const announcements = React22.useMemo(() => ({
+    onDragStart({
+      active
+    }) {
+      const idx = sortableIds.indexOf(String(active.id));
+      const def = idx >= 0 ? internalOrder[idx] : void 0;
+      const label = def ? getFilterLabel(def) : "filter";
+      return `Picked up ${label} filter`;
+    },
+    onDragOver({
+      over
+    }) {
+      if (!over) {
+        return "Not over a droppable area";
+      }
+      const overIdx = sortableIds.indexOf(String(over.id));
+      return `Moved to position ${overIdx + 1} of ${sortableIds.length}`;
+    },
+    onDragEnd({
+      active,
+      over
+    }) {
+      const idx = sortableIds.indexOf(String(active.id));
+      const def = idx >= 0 ? internalOrder[idx] : void 0;
+      const label = def ? getFilterLabel(def) : "filter";
+      if (over && active.id !== over.id) {
+        const overIdx = sortableIds.indexOf(String(over.id));
+        return `Dropped ${label} filter at position ${overIdx + 1}`;
+      }
+      return `Dropped ${label} filter back in its original position`;
+    },
+    onDragCancel({
+      active
+    }) {
+      const idx = sortableIds.indexOf(String(active.id));
+      const def = idx >= 0 ? internalOrder[idx] : void 0;
+      const label = def ? getFilterLabel(def) : "filter";
+      return `Cancelled dragging ${label} filter`;
+    }
+  }), [internalOrder, sortableIds]);
+  if (!renderDefinitions || renderDefinitions.length === 0) {
+    return /* @__PURE__ */ React22__default.default.createElement("div", {
       className: classnames7__default.default(FilterListContent_default.content, className),
       style,
       "data-empty": "true"
     });
   }
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  if (enableSorting) {
+    return /* @__PURE__ */ React22__default.default.createElement("div", {
+      className: classnames7__default.default(FilterListContent_default.content, className),
+      style
+    }, /* @__PURE__ */ React22__default.default.createElement(core.DndContext, {
+      sensors,
+      collisionDetection: core.closestCenter,
+      modifiers: MODIFIERS,
+      onDragStart: handleDragStart,
+      onDragEnd: handleDragEnd,
+      onDragCancel: handleDragCancel,
+      accessibility: {
+        announcements
+      }
+    }, /* @__PURE__ */ React22__default.default.createElement(sortable.SortableContext, {
+      items: sortableIds,
+      strategy: sortable.verticalListSortingStrategy
+    }, internalOrder.map((definition, index) => {
+      const id = sortableIds[index];
+      const filterKey = getFilterKey(definition);
+      const state = filterStates.get(filterKey);
+      return /* @__PURE__ */ React22__default.default.createElement(SortableFilterListItem, {
+        key: id,
+        id,
+        objectType,
+        objectSet,
+        definition,
+        filterKey,
+        filterState: state,
+        onFilterStateChanged,
+        whereClause
+      });
+    })), /* @__PURE__ */ React22__default.default.createElement(core.DragOverlay, {
+      dropAnimation: null,
+      className: FilterListContent_default.dragOverlay
+    }, activeDefinition && activeFilterKey && /* @__PURE__ */ React22__default.default.createElement(FilterListItem, {
+      objectType,
+      objectSet,
+      definition: activeDefinition,
+      filterKey: activeFilterKey,
+      filterState: filterStates.get(activeFilterKey),
+      onFilterStateChanged,
+      whereClause
+    }))));
+  }
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(FilterListContent_default.content, className),
     style
-  }, filterDefinitions.map((definition, index) => {
+  }, renderDefinitions.map((definition) => {
     const filterKey = getFilterKey(definition);
     const state = filterStates.get(filterKey);
-    return /* @__PURE__ */ React21__default.default.createElement(FilterListItem, {
+    return /* @__PURE__ */ React22__default.default.createElement(FilterListItem, {
       key: filterKey,
       objectType,
       objectSet,
@@ -2667,34 +2895,34 @@ function FilterListHeaderInner({
   activeFilterCount = 0
 }) {
   const showCollapseButton = onCollapsedChange != null;
-  const handleCollapseClick = React21.useCallback(() => {
+  const handleCollapseClick = React22.useCallback(() => {
     onCollapsedChange?.(!collapsed);
   }, [onCollapsedChange, collapsed]);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: FilterListHeader_default.header
-  }, showCollapseButton && /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+  }, showCollapseButton && /* @__PURE__ */ React22__default.default.createElement(button.Button, {
     className: FilterListHeader_default.collapseButton,
     onClick: handleCollapseClick,
     "aria-expanded": !collapsed,
     "aria-label": collapsed ? "Expand filters" : "Collapse filters"
-  }, /* @__PURE__ */ React21__default.default.createElement("span", {
+  }, /* @__PURE__ */ React22__default.default.createElement("span", {
     className: FilterListHeader_default.collapseIcon,
     "data-collapsed": collapsed
-  })), !collapsed && /* @__PURE__ */ React21__default.default.createElement(React21__default.default.Fragment, null, /* @__PURE__ */ React21__default.default.createElement("div", {
+  })), !collapsed && /* @__PURE__ */ React22__default.default.createElement(React22__default.default.Fragment, null, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: FilterListHeader_default.titleContainer
-  }, titleIcon && /* @__PURE__ */ React21__default.default.createElement("span", {
+  }, titleIcon && /* @__PURE__ */ React22__default.default.createElement("span", {
     className: FilterListHeader_default.titleIcon
-  }, titleIcon), title && /* @__PURE__ */ React21__default.default.createElement("span", {
+  }, titleIcon), title && /* @__PURE__ */ React22__default.default.createElement("span", {
     className: FilterListHeader_default.title
-  }, title), showActiveFilterCount && activeFilterCount > 0 && /* @__PURE__ */ React21__default.default.createElement("span", {
+  }, title), showActiveFilterCount && activeFilterCount > 0 && /* @__PURE__ */ React22__default.default.createElement("span", {
     className: FilterListHeader_default.activeCount
-  }, "(", activeFilterCount, ")")), showResetButton && /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+  }, "(", activeFilterCount, ")")), showResetButton && /* @__PURE__ */ React22__default.default.createElement(button.Button, {
     className: FilterListHeader_default.resetButton,
     onClick: onReset,
     disabled: activeFilterCount === 0
   }, "Reset")));
 }
-var FilterListHeader = /* @__PURE__ */ React21.memo(FilterListHeaderInner);
+var FilterListHeader = /* @__PURE__ */ React22.memo(FilterListHeaderInner);
 
 // src/filter-list/base/FilterList.tsx
 function FilterList(props) {
@@ -2707,6 +2935,7 @@ function FilterList(props) {
     onReset,
     onFilterAdded,
     showActiveFilterCount = false,
+    enableSorting,
     className,
     renderAddFilterButton
   } = props;
@@ -2718,36 +2947,37 @@ function FilterList(props) {
     activeFilterCount,
     reset
   } = useFilterListState(props);
-  const handleReset = React21.useCallback(() => {
+  const handleReset = React22.useCallback(() => {
     reset();
     onReset?.();
   }, [reset, onReset]);
-  const visibleFilterDefinitions = React21.useMemo(() => {
+  const visibleFilterDefinitions = React22.useMemo(() => {
     if (!filterDefinitions) return void 0;
     return filterDefinitions.filter((def) => def.isVisible !== false);
   }, [filterDefinitions]);
   const showHeader = title || titleIcon || showResetButton || showActiveFilterCount;
   const showAddButton = renderAddFilterButton != null || onFilterAdded != null;
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(FilterList_default.filterList, className),
     "data-active-count": activeFilterCount
-  }, showHeader && /* @__PURE__ */ React21__default.default.createElement(FilterListHeader, {
+  }, showHeader && /* @__PURE__ */ React22__default.default.createElement(FilterListHeader, {
     title,
     titleIcon,
     showResetButton,
     onReset: handleReset,
     showActiveFilterCount,
     activeFilterCount
-  }), /* @__PURE__ */ React21__default.default.createElement(FilterListContent, {
+  }), /* @__PURE__ */ React22__default.default.createElement(FilterListContent, {
     objectType,
     objectSet,
     filterDefinitions: visibleFilterDefinitions,
     filterStates,
     onFilterStateChanged: setFilterState,
-    whereClause
-  }), showAddButton && /* @__PURE__ */ React21__default.default.createElement("div", {
+    whereClause,
+    enableSorting
+  }), showAddButton && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: FilterList_default.addButtonContainer
-  }, renderAddFilterButton ? renderAddFilterButton() : /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+  }, renderAddFilterButton ? renderAddFilterButton() : /* @__PURE__ */ React22__default.default.createElement(button.Button, {
     type: "button",
     className: FilterList_default.addButton
   }, "+ Add filter")));
@@ -2780,7 +3010,7 @@ function parseValueByType(value, dataType) {
   }
   return parsedNumber;
 }
-function EditableCellInner({
+function EditableCell({
   initialValue,
   currentValue,
   cellId,
@@ -2790,12 +3020,12 @@ function EditableCellInner({
   rowId,
   columnId
 }) {
-  const [inputValue, setInputValue] = React21.useState(valueToString(currentValue));
-  const isCancelled = React21.useRef(false);
-  React21.useEffect(() => {
+  const [inputValue, setInputValue] = React22.useState(valueToString(currentValue));
+  const isCancelled = React22.useRef(false);
+  React22.useEffect(() => {
     setInputValue(valueToString(currentValue));
   }, [currentValue]);
-  const handleBlur = React21.useCallback(() => {
+  const handleBlur = React22.useCallback(() => {
     if (isCancelled.current) {
       isCancelled.current = false;
       return;
@@ -2809,10 +3039,10 @@ function EditableCellInner({
       originalRowData
     });
   }, [inputValue, initialValue, onCellEdit, cellId, dataType, rowId, columnId, originalRowData]);
-  const handleChange = React21.useCallback((value) => {
+  const handleChange = React22.useCallback((value) => {
     setInputValue(value);
   }, []);
-  const handleKeyDown = React21.useCallback((e) => {
+  const handleKeyDown = React22.useCallback((e) => {
     if (e.key === "Enter") {
       e.currentTarget.blur();
     }
@@ -2824,7 +3054,7 @@ function EditableCellInner({
   }, [currentValue]);
   const inputType = dataType && NUMBER_TYPES.includes(dataType) ? "number" : "text";
   const isEdited = currentValue !== initialValue;
-  return /* @__PURE__ */ React21__default.default.createElement(input.Input, {
+  return /* @__PURE__ */ React22__default.default.createElement(input.Input, {
     className: classnames7__default.default(EditableCell_default.osdkEditableInput, {
       [EditableCell_default.osdkEditedInput]: isEdited
     }),
@@ -2835,7 +3065,6 @@ function EditableCellInner({
     onKeyDown: handleKeyDown
   });
 }
-var EditableCell = /* @__PURE__ */ React21__default.default.memo(EditableCellInner);
 
 // src/object-table/utils/getCellId.ts
 function getCellId(cellIdentifier) {
@@ -2847,7 +3076,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__ */ React21__default.default.createElement(React21__default.default.Fragment, null, cellContext.getValue());
+    return /* @__PURE__ */ React22__default.default.createElement(React22__default.default.Fragment, null, cellContext.getValue());
   }
   const rowId = cellContext.row.id;
   const columnId = cellContext.column.id;
@@ -2858,7 +3087,7 @@ function renderDefaultCell(cellContext) {
   const cellEdits = meta.cellEdits;
   const editedValue = cellEdits?.[cellId];
   const currentValue = editedValue?.newValue ?? cellContext.getValue();
-  return /* @__PURE__ */ React21__default.default.createElement(EditableCell, {
+  return /* @__PURE__ */ React22__default.default.createElement(EditableCell, {
     initialValue: cellContext.getValue(),
     currentValue,
     cellId,
@@ -2877,7 +3106,7 @@ function useColumnDefs(objectType, columnDefinitions) {
     loading,
     error
   } = react.useOsdkMetadata(objectType);
-  const columns = React21.useMemo(() => {
+  const columns = React22.useMemo(() => {
     const objectProperties = metadata?.properties;
     if (columnDefinitions) {
       return getColumnsFromColumnDefinitions(columnDefinitions, objectProperties);
@@ -2959,11 +3188,11 @@ var useColumnPinning = ({
   hasSelectionColumn,
   onColumnsPinnedChanged
 }) => {
-  const [columnPinning, setColumnPinning] = React21.useState({
+  const [columnPinning, setColumnPinning] = React22.useState({
     left: [],
     right: []
   });
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     const defaultState = getColumnPinningStateFromColumnDefs(columnDefinitions);
     const selectionCol = hasSelectionColumn ? [SELECTION_COLUMN_ID] : [];
     setColumnPinning({
@@ -2971,7 +3200,7 @@ var useColumnPinning = ({
       right: [...defaultState.right ?? []]
     });
   }, [columnDefinitions, hasSelectionColumn]);
-  const onColumnPinningChange = React21.useCallback((updater) => {
+  const onColumnPinningChange = React22.useCallback((updater) => {
     setColumnPinning((prev) => {
       const newPinning = typeof updater === "function" ? updater(prev) : updater;
       if (onColumnsPinnedChanged) {
@@ -3028,8 +3257,8 @@ function convertColumnPinningStateToArray(pinningState) {
 var useColumnResize = ({
   onColumnResize
 }) => {
-  const [columnSizing, setColumnSizing] = React21.useState({});
-  const onColumnSizingChange = React21.useCallback((updater) => {
+  const [columnSizing, setColumnSizing] = React22.useState({});
+  const onColumnSizingChange = React22.useCallback((updater) => {
     setColumnSizing((prev) => {
       const newState = typeof updater === "function" ? updater(prev) : updater;
       if (onColumnResize) {
@@ -3056,15 +3285,15 @@ var useColumnVisibility = ({
   allColumns,
   onColumnVisibilityChanged
 }) => {
-  const [columnVisibility, setColumnVisibility] = React21.useState(() => getColumnVisibilityState(allColumns));
-  const [columnOrder, setColumnOrder] = React21.useState(() => getColumnOrder(allColumns));
-  React21.useEffect(() => {
+  const [columnVisibility, setColumnVisibility] = React22.useState(() => getColumnVisibilityState(allColumns));
+  const [columnOrder, setColumnOrder] = React22.useState(() => getColumnOrder(allColumns));
+  React22.useEffect(() => {
     setColumnVisibility(getColumnVisibilityState(allColumns));
   }, [allColumns]);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     setColumnOrder(getColumnOrder(allColumns));
   }, [allColumns]);
-  const onColumnVisibilityChange = React21.useCallback((updaterOrValue) => {
+  const onColumnVisibilityChange = React22.useCallback((updaterOrValue) => {
     setColumnVisibility((prev) => {
       const newState = typeof updaterOrValue === "function" ? updaterOrValue(prev) : updaterOrValue;
       if (onColumnVisibilityChanged) {
@@ -3077,7 +3306,7 @@ var useColumnVisibility = ({
       return newState;
     });
   }, [onColumnVisibilityChanged]);
-  const onColumnOrderChange = React21.useCallback((updaterOrValue) => {
+  const onColumnOrderChange = React22.useCallback((updaterOrValue) => {
     setColumnOrder((prev) => {
       const newState = typeof updaterOrValue === "function" ? updaterOrValue(prev) : updaterOrValue;
       return newState;
@@ -3110,9 +3339,9 @@ function useEditableTable({
   onCellValueChanged,
   onSubmitEdits
 }) {
-  const [isActive, setActive] = React21.useState(editMode === "always");
-  const [cellEdits, setCellEdits] = React21.useState({});
-  const handleCellEdit = React21.useCallback((cellId, info) => {
+  const [isActive, setActive] = React22.useState(editMode === "always");
+  const [cellEdits, setCellEdits] = React22.useState({});
+  const handleCellEdit = React22.useCallback((cellId, info) => {
     if (info.newValue === info.oldValue) {
       setCellEdits((prev) => {
         const {
@@ -3129,10 +3358,10 @@ function useEditableTable({
     }
     onCellValueChanged?.(info);
   }, [onCellValueChanged]);
-  const clearEdits = React21.useCallback(() => {
+  const clearEdits = React22.useCallback(() => {
     setCellEdits({});
   }, []);
-  const handleSubmitEdits = React21.useCallback(async () => {
+  const handleSubmitEdits = React22.useCallback(async () => {
     const edits = Object.values(cellEdits);
     return onSubmitEdits ? onSubmitEdits(edits) : false;
   }, [cellEdits, onSubmitEdits]);
@@ -3154,7 +3383,7 @@ function useEditableTable({
 }
 var PAGE_SIZE = 50;
 function useObjectTableData(objectOrInterfaceType, columnDefinitions, filter, sorting, objectSet, objectSetOptions) {
-  const orderBy = React21.useMemo(() => {
+  const orderBy = React22.useMemo(() => {
     if (!sorting || sorting.length === 0) {
       return void 0;
     }
@@ -3163,7 +3392,7 @@ function useObjectTableData(objectOrInterfaceType, columnDefinitions, filter, so
       return acc;
     }, {});
   }, [sorting]);
-  const withProperties = React21.useMemo(() => {
+  const withProperties = React22.useMemo(() => {
     if (!columnDefinitions) {
       return;
     }
@@ -3224,11 +3453,11 @@ function useRowSelection({
   onRowSelection,
   data
 }) {
-  const [internalRowSelection, setInternalRowSelection] = React21.useState({});
-  const [lastSelectedRowIndex, setLastSelectedRowIndex] = React21.useState(null);
+  const [internalRowSelection, setInternalRowSelection] = React22.useState({});
+  const [lastSelectedRowIndex, setLastSelectedRowIndex] = React22.useState(null);
   const isControlled = selectedRows !== void 0;
   const enableRowSelection = selectionMode !== "none";
-  const rowSelectionState = React21.useMemo(() => {
+  const rowSelectionState = React22.useMemo(() => {
     if (!enableRowSelection) return {};
     if (isControlled && selectedRows) {
       return getRowSelectionState(selectedRows);
@@ -3239,7 +3468,7 @@ function useRowSelection({
   const totalCount = data?.length ?? 0;
   const isAllSelected = totalCount > 0 && selectedCount === totalCount;
   const hasSelection = selectedCount > 0;
-  const onToggleAll = React21.useCallback(() => {
+  const onToggleAll = React22.useCallback(() => {
     if (!enableRowSelection || !data) return;
     const newSelectedRows = isAllSelected ? [] : data.map((item) => item.$primaryKey);
     if (!isControlled) {
@@ -3247,7 +3476,7 @@ function useRowSelection({
     }
     onRowSelection?.(newSelectedRows);
   }, [enableRowSelection, data, isAllSelected, isControlled, onRowSelection]);
-  const onToggleRow = React21.useCallback((rowId, rowIndex, isShiftClick = false) => {
+  const onToggleRow = React22.useCallback((rowId, rowIndex, isShiftClick = false) => {
     if (!enableRowSelection || !data) return;
     let newSelectedRows = [];
     if (selectionMode === "single") {
@@ -3374,7 +3603,7 @@ function SelectionHeaderCell({
   hasSelection,
   onToggleAll
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(Checkbox, {
+  return /* @__PURE__ */ React22__default.default.createElement(Checkbox, {
     indeterminate: hasSelection && !isAllSelected,
     checked: isAllSelected,
     onCheckedChange: onToggleAll,
@@ -3385,21 +3614,21 @@ function SelectionCell({
   row,
   onToggleRow
 }) {
-  const handleClick = React21.useCallback((event) => {
+  const handleClick = React22.useCallback((event) => {
     event.stopPropagation();
     const isShiftClick = event.shiftKey;
     onToggleRow(row.id, row.index, isShiftClick);
   }, [onToggleRow, row.id, row.index]);
-  const handleKeyDown = React21.useCallback((event) => {
+  const handleKeyDown = React22.useCallback((event) => {
     if (event.key === "Enter") {
       const isShiftClick = event.shiftKey;
       onToggleRow(row.id, row.index, isShiftClick);
     }
   }, [onToggleRow, row.id, row.index]);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     onClick: handleClick,
     onKeyDown: handleKeyDown
-  }, /* @__PURE__ */ React21__default.default.createElement(Checkbox, {
+  }, /* @__PURE__ */ React22__default.default.createElement(Checkbox, {
     checked: row.getIsSelected(),
     "aria-label": `Select row ${row.index + 1}`
   }));
@@ -3413,26 +3642,26 @@ var useSelectionColumn = ({
   onToggleAll,
   onToggleRow
 }) => {
-  const isAllSelectedRef = React21.useRef(isAllSelected);
+  const isAllSelectedRef = React22.useRef(isAllSelected);
   isAllSelectedRef.current = isAllSelected;
-  const hasSelectionRef = React21.useRef(hasSelection);
+  const hasSelectionRef = React22.useRef(hasSelection);
   hasSelectionRef.current = hasSelection;
-  const onToggleAllRef = React21.useRef(onToggleAll);
+  const onToggleAllRef = React22.useRef(onToggleAll);
   onToggleAllRef.current = onToggleAll;
-  const onToggleRowRef = React21.useRef(onToggleRow);
+  const onToggleRowRef = React22.useRef(onToggleRow);
   onToggleRowRef.current = onToggleRow;
-  const selectionColumn = React21.useMemo(() => {
+  const selectionColumn = React22.useMemo(() => {
     if (selectionMode === "none") return null;
     const colDef = {
       id: SELECTION_COLUMN_ID,
-      header: () => selectionMode === "multiple" ? /* @__PURE__ */ React21__default.default.createElement(SelectionHeaderCell, {
+      header: () => selectionMode === "multiple" ? /* @__PURE__ */ React22__default.default.createElement(SelectionHeaderCell, {
         isAllSelected: isAllSelectedRef.current,
         hasSelection: hasSelectionRef.current,
         onToggleAll: onToggleAllRef.current
       }) : null,
       cell: ({
         row
-      }) => /* @__PURE__ */ React21__default.default.createElement(SelectionCell, {
+      }) => /* @__PURE__ */ React22__default.default.createElement(SelectionCell, {
         row,
         onToggleRow: onToggleRowRef.current
       }),
@@ -3452,10 +3681,10 @@ var useTableSorting = ({
   defaultOrderBy,
   onOrderByChanged
 }) => {
-  const [internalSorting, setInternalSorting] = React21.useState(() => defaultOrderBy ? convertOrderByToSortingState(defaultOrderBy) : []);
+  const [internalSorting, setInternalSorting] = React22.useState(() => defaultOrderBy ? convertOrderByToSortingState(defaultOrderBy) : []);
   const isControlled = orderBy !== void 0;
-  const sortingState = React21.useMemo(() => orderBy ? convertOrderByToSortingState(orderBy) : internalSorting, [orderBy, internalSorting]);
-  const onSortingChange = React21.useCallback((updater) => {
+  const sortingState = React22.useMemo(() => orderBy ? convertOrderByToSortingState(orderBy) : internalSorting, [orderBy, internalSorting]);
+  const onSortingChange = React22.useCallback((updater) => {
     const newSorting = typeof updater === "function" ? updater(sortingState) : updater;
     if (!isControlled) {
       setInternalSorting(newSorting);
@@ -3499,12 +3728,12 @@ var TableCell_default = {};
 function LoadingCell({
   width
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement("td", {
+  return /* @__PURE__ */ React22__default.default.createElement("td", {
     className: TableCell_default.osdkTableCell,
     style: {
       width
     }
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(LoadingCell_default.osdkLoadingCell, LoadingCell_default.osdkCellSkeleton)
   }));
 }
@@ -3520,17 +3749,17 @@ function LoadingRow({
   rowHeight = 40,
   columnWidth = 80
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement("tr", {
+  return /* @__PURE__ */ React22__default.default.createElement("tr", {
     className: TableRow_default.osdkTableRow,
     style: {
       height: `${rowHeight}px`,
       transform: `translateY(${translateY}px)`
     }
-  }, /* @__PURE__ */ React21__default.default.createElement(React21__default.default.Fragment, null, Array.from({
+  }, /* @__PURE__ */ React22__default.default.createElement(React22__default.default.Fragment, null, Array.from({
     length: columnCount
   }).map((_, index) => {
     const width = headers.length > index ? headers[index].getSize() : columnWidth;
-    return /* @__PURE__ */ React21__default.default.createElement(LoadingCell, {
+    return /* @__PURE__ */ React22__default.default.createElement(LoadingCell, {
       key: `loading-cell-${index}`,
       width
     });
@@ -3544,21 +3773,21 @@ var TableBody_default = {};
 var ActionButton_default = {};
 
 // src/base-components/action-button/ActionButton.tsx
-function _extends8() {
-  return _extends8 = Object.assign ? Object.assign.bind() : function(n) {
+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;
-  }, _extends8.apply(null, arguments);
+  }, _extends9.apply(null, arguments);
 }
 function ActionButton({
   variant = "secondary",
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(button.Button, _extends8({
+  return /* @__PURE__ */ React22__default.default.createElement(button.Button, _extends9({
     className: classnames7__default.default(ActionButton_default.button, variant === "primary" ? ActionButton_default.primaryButton : ActionButton_default.secondaryButton, className)
   }, rest));
 }
@@ -3575,25 +3804,25 @@ function Dialog({
   footer,
   className
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(dialog.Dialog.Root, {
+  return /* @__PURE__ */ React22__default.default.createElement(dialog.Dialog.Root, {
     open: isOpen,
     onOpenChange
-  }, /* @__PURE__ */ React21__default.default.createElement(dialog.Dialog.Portal, null, /* @__PURE__ */ React21__default.default.createElement(dialog.Dialog.Backdrop, {
+  }, /* @__PURE__ */ React22__default.default.createElement(dialog.Dialog.Portal, null, /* @__PURE__ */ React22__default.default.createElement(dialog.Dialog.Backdrop, {
     className: Dialog_default.backdrop
-  }), /* @__PURE__ */ React21__default.default.createElement(dialog.Dialog.Popup, {
+  }), /* @__PURE__ */ React22__default.default.createElement(dialog.Dialog.Popup, {
     className: classnames7__default.default(Dialog_default.popup, className)
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: Dialog_default.header
-  }, /* @__PURE__ */ React21__default.default.createElement(dialog.Dialog.Title, {
+  }, /* @__PURE__ */ React22__default.default.createElement(dialog.Dialog.Title, {
     className: Dialog_default.title
-  }, title), /* @__PURE__ */ React21__default.default.createElement(dialog.Dialog.Close, {
+  }, title), /* @__PURE__ */ React22__default.default.createElement(dialog.Dialog.Close, {
     className: Dialog_default.closeButton,
     "aria-label": "Close dialog"
-  }, /* @__PURE__ */ React21__default.default.createElement(icons.Cross, {
+  }, /* @__PURE__ */ React22__default.default.createElement(icons.Cross, {
     className: Dialog_default.closeIcon
-  }))), /* @__PURE__ */ React21__default.default.createElement("div", {
+  }))), /* @__PURE__ */ React22__default.default.createElement("div", {
     className: Dialog_default.body
-  }, children), footer != null && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, children), footer != null && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: Dialog_default.footer
   }, footer))));
 }
@@ -3602,14 +3831,14 @@ function Dialog({
 var DraggableList_default = {};
 
 // src/base-components/draggable-list/DraggableList.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 DraggableListItem({
   item,
@@ -3631,27 +3860,27 @@ function DraggableListItem({
     transform: utilities.CSS.Transform.toString(transform),
     transition
   };
-  const handleRemove = React21.useCallback(() => {
+  const handleRemove = React22.useCallback(() => {
     onRemove?.(item.id);
   }, [item.id, onRemove]);
   const RemoveIcon = removeIconVariant === "trash" ? icons.Trash : icons.SmallCross;
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     ref: setNodeRef,
     style,
     className: DraggableList_default.draggableItem,
     "data-dragging": isDragging
-  }, /* @__PURE__ */ React21__default.default.createElement("div", _extends9({
+  }, /* @__PURE__ */ React22__default.default.createElement("div", _extends10({
     className: DraggableList_default.dragHandle,
     "aria-label": `Reorder ${item.label}`
-  }, attributes, listeners), /* @__PURE__ */ React21__default.default.createElement(icons.DragHandleVertical, {
+  }, attributes, listeners), /* @__PURE__ */ React22__default.default.createElement(icons.DragHandleVertical, {
     className: DraggableList_default.icon
-  })), /* @__PURE__ */ React21__default.default.createElement("div", {
+  })), /* @__PURE__ */ React22__default.default.createElement("div", {
     className: DraggableList_default.itemContent
-  }, renderContent ? renderContent(item) : item.label), onRemove && /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+  }, renderContent ? renderContent(item) : item.label), onRemove && /* @__PURE__ */ React22__default.default.createElement(button.Button, {
     className: DraggableList_default.removeButton,
     onClick: handleRemove,
     "aria-label": `Remove ${item.label}`
-  }, /* @__PURE__ */ React21__default.default.createElement(RemoveIcon, {
+  }, /* @__PURE__ */ React22__default.default.createElement(RemoveIcon, {
     className: DraggableList_default.icon
   })));
 }
@@ -3664,7 +3893,7 @@ function DraggableList({
   emptyMessage,
   className
 }) {
-  const itemIds = React21.useMemo(() => items.map((item) => item.id), [items]);
+  const itemIds = React22.useMemo(() => items.map((item) => item.id), [items]);
   const sensors = core.useSensors(core.useSensor(core.PointerSensor, {
     activationConstraint: {
       distance: 5
@@ -3672,7 +3901,7 @@ function DraggableList({
   }), core.useSensor(core.KeyboardSensor, {
     coordinateGetter: sortable.sortableKeyboardCoordinates
   }));
-  const handleDragEnd = React21.useCallback((event) => {
+  const handleDragEnd = React22.useCallback((event) => {
     const {
       active,
       over
@@ -3683,31 +3912,31 @@ function DraggableList({
       onReorder(oldIndex, newIndex);
     }
   }, [items, onReorder]);
-  const containerRef = React21.useRef(null);
+  const containerRef = React22.useRef(null);
   useKeyboardEvents(containerRef);
-  const DndContext = core.DndContext;
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  const DndContext2 = core.DndContext;
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     ref: containerRef,
     className: classnames7__default.default(DraggableList_default.draggableListContainer, className)
-  }, /* @__PURE__ */ React21__default.default.createElement(DndContext, {
+  }, /* @__PURE__ */ React22__default.default.createElement(DndContext2, {
     sensors,
     collisionDetection: core.closestCenter,
     onDragEnd: handleDragEnd
-  }, /* @__PURE__ */ React21__default.default.createElement(sortable.SortableContext, {
+  }, /* @__PURE__ */ React22__default.default.createElement(sortable.SortableContext, {
     items: itemIds,
     strategy: sortable.verticalListSortingStrategy
-  }, items.map((item) => /* @__PURE__ */ React21__default.default.createElement(DraggableListItem, {
+  }, items.map((item) => /* @__PURE__ */ React22__default.default.createElement(DraggableListItem, {
     key: item.id,
     item,
     onRemove,
     removeIconVariant,
     renderContent
-  })))), items.length === 0 && emptyMessage && /* @__PURE__ */ React21__default.default.createElement("div", {
+  })))), items.length === 0 && emptyMessage && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: DraggableList_default.emptyState
   }, emptyMessage));
 }
 var useKeyboardEvents = (containerRef) => {
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     const el = containerRef.current;
     if (el == null) {
       return;
@@ -3744,11 +3973,11 @@ function SearchBar({
   className,
   onKeyDown
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(SearchBar_default.searchBar, className)
-  }, /* @__PURE__ */ React21__default.default.createElement(icons.Search, {
+  }, /* @__PURE__ */ React22__default.default.createElement(icons.Search, {
     className: SearchBar_default.searchIcon
-  }), /* @__PURE__ */ React21__default.default.createElement(input.Input, {
+  }), /* @__PURE__ */ React22__default.default.createElement(input.Input, {
     type: "text",
     placeholder,
     "aria-label": ariaLabel ?? placeholder,
@@ -3772,9 +4001,9 @@ function ColumnConfigDialog({
   onApply,
   isValidConfig
 }) {
-  const [visibleColumns, setVisibleColumns] = React21.useState([]);
-  const [searchQuery, setSearchQuery] = React21.useState("");
-  const allColumns = React21.useMemo(() => {
+  const [visibleColumns, setVisibleColumns] = React22.useState([]);
+  const [searchQuery, setSearchQuery] = React22.useState("");
+  const allColumns = React22.useMemo(() => {
     return columnOptions.map((opt) => {
       const isVisible = currentVisibility ? currentVisibility[opt.id] : false;
       return {
@@ -3784,7 +4013,7 @@ function ColumnConfigDialog({
       };
     });
   }, [columnOptions, currentVisibility]);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     if (isOpen) {
       const visibleCols = allColumns.filter((col) => col.isVisible);
       if (!!currentColumnOrder?.length) {
@@ -3800,19 +4029,19 @@ function ColumnConfigDialog({
       setSearchQuery("");
     }
   }, [isOpen, allColumns, currentColumnOrder]);
-  const handleApply = React21.useCallback(() => {
+  const handleApply = React22.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 = React21.useCallback((fromIndex, toIndex) => {
+  const handleReorderColumns = React22.useCallback((fromIndex, toIndex) => {
     setVisibleColumns((items) => sortable.arrayMove(items, fromIndex, toIndex));
   }, []);
-  const handleRemoveColumn = React21.useCallback((columnId) => {
+  const handleRemoveColumn = React22.useCallback((columnId) => {
     setVisibleColumns((prev) => prev.filter((col) => col.id !== columnId));
   }, []);
-  const handleToggleColumn = React21.useCallback((column) => {
+  const handleToggleColumn = React22.useCallback((column) => {
     setVisibleColumns((prev) => {
       const isCurrentlyVisible = prev.some((col) => col.id === column.id);
       if (isCurrentlyVisible) {
@@ -3822,10 +4051,10 @@ function ColumnConfigDialog({
       }
     });
   }, []);
-  const handleSearchChange = React21.useCallback((event) => {
+  const handleSearchChange = React22.useCallback((event) => {
     setSearchQuery(event.target.value);
   }, []);
-  const handleSelectAll = React21.useCallback((columns) => {
+  const handleSelectAll = React22.useCallback((columns) => {
     setVisibleColumns((prev) => {
       const allSelected = columns.every((col) => prev.some((v) => v.id === col.id));
       if (allSelected) {
@@ -3836,33 +4065,33 @@ function ColumnConfigDialog({
       }
     });
   }, []);
-  const filteredAvailableColumns = React21.useMemo(() => {
+  const filteredAvailableColumns = React22.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 = React21.useMemo(() => /* @__PURE__ */ React21__default.default.createElement(React21__default.default.Fragment, null, /* @__PURE__ */ React21__default.default.createElement(ActionButton, {
+  const footer = React22.useMemo(() => /* @__PURE__ */ React22__default.default.createElement(React22__default.default.Fragment, null, /* @__PURE__ */ React22__default.default.createElement(ActionButton, {
     onClick: onClose
-  }, "Cancel"), /* @__PURE__ */ React21__default.default.createElement(ActionButton, {
+  }, "Cancel"), /* @__PURE__ */ React22__default.default.createElement(ActionButton, {
     variant: "primary",
     onClick: handleApply,
     disabled: isApplyDisabled
   }, "Apply")), [onClose, handleApply, isApplyDisabled]);
-  return /* @__PURE__ */ React21__default.default.createElement(Dialog, {
+  return /* @__PURE__ */ React22__default.default.createElement(Dialog, {
     isOpen,
     onOpenChange: onClose,
     title: DialogTitle,
     footer,
     className: ColumnConfigDialog_default.columnConfigDialog
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: ColumnConfigDialog_default.dialogLayout
-  }, /* @__PURE__ */ React21__default.default.createElement(VisibleColumnsList, {
+  }, /* @__PURE__ */ React22__default.default.createElement(VisibleColumnsList, {
     columns: visibleColumns,
     onReorder: handleReorderColumns,
     onRemove: handleRemoveColumn
-  }), /* @__PURE__ */ React21__default.default.createElement(AvailableColumnsList, {
+  }), /* @__PURE__ */ React22__default.default.createElement(AvailableColumnsList, {
     visibleColumns,
     searchQuery,
     onSearchChange: handleSearchChange,
@@ -3871,9 +4100,9 @@ function ColumnConfigDialog({
     filteredColumns: filteredAvailableColumns
   })));
 }
-var DialogTitle = /* @__PURE__ */ React21__default.default.createElement("div", {
+var DialogTitle = /* @__PURE__ */ React22__default.default.createElement("div", {
   className: ColumnConfigDialog_default.title
-}, /* @__PURE__ */ React21__default.default.createElement(icons.Cog, null), "Configure Table Columns");
+}, /* @__PURE__ */ React22__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) => ({
@@ -3889,17 +4118,17 @@ function VisibleColumnsList({
   onReorder,
   onRemove
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: ColumnConfigDialog_default.visibleColumnsContainer
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: ColumnConfigDialog_default.sectionHeader
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: ColumnConfigDialog_default.sectionTitle
-  }, /* @__PURE__ */ React21__default.default.createElement("span", null, "Visible Columns"), /* @__PURE__ */ React21__default.default.createElement("span", {
+  }, /* @__PURE__ */ React22__default.default.createElement("span", null, "Visible Columns"), /* @__PURE__ */ React22__default.default.createElement("span", {
     className: ColumnConfigDialog_default.countTag
-  }, columns.length)), /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, columns.length)), /* @__PURE__ */ React22__default.default.createElement("div", {
     className: ColumnConfigDialog_default.sectionHint
-  }, "Drag to reorder")), /* @__PURE__ */ React21__default.default.createElement(DraggableList, {
+  }, "Drag to reorder")), /* @__PURE__ */ React22__default.default.createElement(DraggableList, {
     items: columns,
     onReorder,
     onRemove,
@@ -3920,42 +4149,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 = React21.useCallback(() => {
+  const handleSelectAllClick = React22.useCallback(() => {
     onSelectAll(filteredColumns);
   }, [filteredColumns, onSelectAll]);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: ColumnConfigDialog_default.availableColumnsContainer
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(ColumnConfigDialog_default.sectionHeader, ColumnConfigDialog_default.sectionTitle)
-  }, "Add or Remove Columns"), /* @__PURE__ */ React21__default.default.createElement(SearchBar, {
+  }, "Add or Remove Columns"), /* @__PURE__ */ React22__default.default.createElement(SearchBar, {
     value: searchQuery,
     onChange: onSearchChange,
     placeholder: "Search...",
     "aria-label": "Search available columns",
     className: ColumnConfigDialog_default.searchContainer
-  }), /* @__PURE__ */ React21__default.default.createElement(collapsible.Collapsible.Root, {
+  }), /* @__PURE__ */ React22__default.default.createElement(collapsible.Collapsible.Root, {
     defaultOpen: true,
     className: ColumnConfigDialog_default.propertiesList
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: ColumnConfigDialog_default.categoryHeader
-  }, /* @__PURE__ */ React21__default.default.createElement(Checkbox, {
+  }, /* @__PURE__ */ React22__default.default.createElement(Checkbox, {
     checked: allFilteredSelected,
     indeterminate: someFilteredSelected && !allFilteredSelected,
     onCheckedChange: handleSelectAllClick,
     className: ColumnConfigDialog_default.checkbox
-  }), /* @__PURE__ */ React21__default.default.createElement(collapsible.Collapsible.Trigger, {
+  }), /* @__PURE__ */ React22__default.default.createElement(collapsible.Collapsible.Trigger, {
     className: ColumnConfigDialog_default.categoryTrigger
-  }, /* @__PURE__ */ React21__default.default.createElement("span", {
+  }, /* @__PURE__ */ React22__default.default.createElement("span", {
     className: ColumnConfigDialog_default.categoryTitle
-  }, "All Columns"), /* @__PURE__ */ React21__default.default.createElement("span", {
+  }, "All Columns"), /* @__PURE__ */ React22__default.default.createElement("span", {
     className: ColumnConfigDialog_default.categoryCount
-  }, selectedCount, "/", totalCount), /* @__PURE__ */ React21__default.default.createElement(icons.CaretDown, {
+  }, selectedCount, "/", totalCount), /* @__PURE__ */ React22__default.default.createElement(icons.CaretDown, {
     className: ColumnConfigDialog_default.caretIcon
-  }))), /* @__PURE__ */ React21__default.default.createElement(collapsible.Collapsible.Panel, {
+  }))), /* @__PURE__ */ React22__default.default.createElement(collapsible.Collapsible.Panel, {
     className: ColumnConfigDialog_default.propertyList
-  }, filteredColumns.length === 0 ? /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, filteredColumns.length === 0 ? /* @__PURE__ */ React22__default.default.createElement("div", {
     className: ColumnConfigDialog_default.emptyState
-  }, "No matching columns found") : filteredColumns.map((column) => /* @__PURE__ */ React21__default.default.createElement(PropertyItem, {
+  }, "No matching columns found") : filteredColumns.map((column) => /* @__PURE__ */ React22__default.default.createElement(PropertyItem, {
     key: column.id,
     column,
     isSelected: visibleColumns.some((v) => v.id === column.id),
@@ -3968,19 +4197,19 @@ function PropertyItem({
   onToggle,
   showInfoIcon = false
 }) {
-  const handleClick = React21.useCallback(() => {
+  const handleClick = React22.useCallback(() => {
     onToggle(column);
   }, [onToggle, column]);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: ColumnConfigDialog_default.propertyItem
-  }, /* @__PURE__ */ React21__default.default.createElement(Checkbox, {
+  }, /* @__PURE__ */ React22__default.default.createElement(Checkbox, {
     checked: isSelected,
     onCheckedChange: handleClick,
     className: ColumnConfigDialog_default.checkbox
-  }), /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+  }), /* @__PURE__ */ React22__default.default.createElement(button.Button, {
     onClick: handleClick,
     className: ColumnConfigDialog_default.propertyName
-  }, column.label), showInfoIcon && /* @__PURE__ */ React21__default.default.createElement(icons.SmallInfoSign, {
+  }, column.label), showInfoIcon && /* @__PURE__ */ React22__default.default.createElement(icons.SmallInfoSign, {
     className: ColumnConfigDialog_default.infoIcon
   }));
 }
@@ -3993,8 +4222,8 @@ function SortableItemsList({
   onRemove,
   className
 }) {
-  const renderContent = React21.useCallback((item) => item.content, []);
-  return /* @__PURE__ */ React21__default.default.createElement(DraggableList, {
+  const renderContent = React22.useCallback((item) => item.content, []);
+  return /* @__PURE__ */ React22__default.default.createElement(DraggableList, {
     items,
     onReorder,
     onRemove,
@@ -4012,9 +4241,9 @@ function MultiColumnSortDialog({
   currentSorting,
   columnOptions
 }) {
-  const [selectedSortColumns, setSelectedSortColumns] = React21.useState([]);
-  const [menuSearchQuery, setMenuSearchQuery] = React21.useState("");
-  React21.useEffect(() => {
+  const [selectedSortColumns, setSelectedSortColumns] = React22.useState([]);
+  const [menuSearchQuery, setMenuSearchQuery] = React22.useState("");
+  React22.useEffect(() => {
     if (isOpen) {
       const selectedColumns = [];
       for (const sort of currentSorting) {
@@ -4029,25 +4258,25 @@ function MultiColumnSortDialog({
       setSelectedSortColumns(selectedColumns);
     }
   }, [isOpen, currentSorting, columnOptions]);
-  const handleAddColumn = React21.useCallback((column) => {
+  const handleAddColumn = React22.useCallback((column) => {
     setSelectedSortColumns((prev) => [...prev, {
       ...column,
       direction: "asc"
     }]);
   }, []);
-  const handleRemoveSortColumn = React21.useCallback((id) => {
+  const handleRemoveSortColumn = React22.useCallback((id) => {
     setSelectedSortColumns((prev) => prev.filter((item) => item.id !== id));
   }, []);
-  const handleReorderSortColumns = React21.useCallback((fromIndex, toIndex) => {
+  const handleReorderSortColumns = React22.useCallback((fromIndex, toIndex) => {
     setSelectedSortColumns((items) => sortable.arrayMove(items, fromIndex, toIndex));
   }, []);
-  const handleToggleSortDirection = React21.useCallback((id) => {
+  const handleToggleSortDirection = React22.useCallback((id) => {
     setSelectedSortColumns((prev) => prev.map((item) => item.id === id ? {
       ...item,
       direction: item.direction === "asc" ? "desc" : "asc"
     } : item));
   }, []);
-  const handleApply = React21.useCallback(() => {
+  const handleApply = React22.useCallback(() => {
     const sortingState = selectedSortColumns.map((col) => ({
       id: col.id,
       desc: col.direction === "desc"
@@ -4055,100 +4284,100 @@ function MultiColumnSortDialog({
     onApply(sortingState);
     onClose();
   }, [selectedSortColumns, onApply, onClose]);
-  const availableColumns = React21.useMemo(() => columnOptions.filter((col) => col.canSort && !selectedSortColumns.some((selected) => selected.id === col.id)), [columnOptions, selectedSortColumns]);
-  const filteredAvailableColumns = React21.useMemo(() => {
+  const availableColumns = React22.useMemo(() => columnOptions.filter((col) => col.canSort && !selectedSortColumns.some((selected) => selected.id === col.id)), [columnOptions, selectedSortColumns]);
+  const filteredAvailableColumns = React22.useMemo(() => {
     const query = menuSearchQuery.toLowerCase().trim();
     if (!query) {
       return availableColumns;
     }
     return availableColumns.filter((col) => col.name.toLowerCase().includes(query));
   }, [availableColumns, menuSearchQuery]);
-  const handleMenuSearchChange = React21.useCallback((event) => {
+  const handleMenuSearchChange = React22.useCallback((event) => {
     setMenuSearchQuery(event.target.value);
   }, []);
-  const handleMenuOpenChange = React21.useCallback((open) => {
+  const handleMenuOpenChange = React22.useCallback((open) => {
     if (open) {
       setMenuSearchQuery("");
     }
   }, []);
-  const sortableItems = React21.useMemo(() => {
+  const sortableItems = React22.useMemo(() => {
     return selectedSortColumns.map((item) => ({
       id: item.id,
       label: item.name,
-      content: /* @__PURE__ */ React21__default.default.createElement("div", {
+      content: /* @__PURE__ */ React22__default.default.createElement("div", {
         className: MultiColumnSortDialog_default.sortColumnItem
-      }, /* @__PURE__ */ React21__default.default.createElement("span", {
+      }, /* @__PURE__ */ React22__default.default.createElement("span", {
         className: classnames7__default.default(MultiColumnSortDialog_default.sortColumnName, MultiColumnSortDialog_default.truncate)
-      }, item.name), /* @__PURE__ */ React21__default.default.createElement(button.Button, {
+      }, item.name), /* @__PURE__ */ React22__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__ */ React21__default.default.createElement(icons.SortAlphabetical, {
+      }, item.direction === "asc" ? /* @__PURE__ */ React22__default.default.createElement(icons.SortAlphabetical, {
         className: MultiColumnSortDialog_default.sortIcon
-      }) : /* @__PURE__ */ React21__default.default.createElement(icons.SortAlphabeticalDesc, {
+      }) : /* @__PURE__ */ React22__default.default.createElement(icons.SortAlphabeticalDesc, {
         className: MultiColumnSortDialog_default.sortIcon
       })))
     }));
   }, [selectedSortColumns, handleToggleSortDirection]);
-  const footer = React21.useMemo(() => /* @__PURE__ */ React21__default.default.createElement(React21__default.default.Fragment, null, /* @__PURE__ */ React21__default.default.createElement(ActionButton, {
+  const footer = React22.useMemo(() => /* @__PURE__ */ React22__default.default.createElement(React22__default.default.Fragment, null, /* @__PURE__ */ React22__default.default.createElement(ActionButton, {
     onClick: onClose
-  }, "Cancel"), /* @__PURE__ */ React21__default.default.createElement(ActionButton, {
+  }, "Cancel"), /* @__PURE__ */ React22__default.default.createElement(ActionButton, {
     variant: "primary",
     onClick: handleApply
   }, "Apply")), [handleApply, onClose]);
-  return /* @__PURE__ */ React21__default.default.createElement(Dialog, {
+  return /* @__PURE__ */ React22__default.default.createElement(Dialog, {
     isOpen,
     onOpenChange: onClose,
     title: DialogTitle2,
     footer
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: MultiColumnSortDialog_default.sortColumnsList
-  }, /* @__PURE__ */ React21__default.default.createElement(SortableItemsList, {
+  }, /* @__PURE__ */ React22__default.default.createElement(SortableItemsList, {
     items: sortableItems,
     onReorder: handleReorderSortColumns,
     onRemove: handleRemoveSortColumn,
     className: MultiColumnSortDialog_default.sortableList
-  }), /* @__PURE__ */ React21__default.default.createElement(menu.Menu.Root, {
+  }), /* @__PURE__ */ React22__default.default.createElement(menu.Menu.Root, {
     onOpenChange: handleMenuOpenChange
-  }, /* @__PURE__ */ React21__default.default.createElement(menu.Menu.Trigger, {
+  }, /* @__PURE__ */ React22__default.default.createElement(menu.Menu.Trigger, {
     className: MultiColumnSortDialog_default.addColumnButton,
     disabled: availableColumns.length === 0,
     "aria-label": "Add column to sort"
-  }, /* @__PURE__ */ React21__default.default.createElement(icons.Add, {
+  }, /* @__PURE__ */ React22__default.default.createElement(icons.Add, {
     className: MultiColumnSortDialog_default.addIcon
-  }), /* @__PURE__ */ React21__default.default.createElement("span", {
+  }), /* @__PURE__ */ React22__default.default.createElement("span", {
     className: MultiColumnSortDialog_default.addColumnText
-  }, "Add Column to Sort"), /* @__PURE__ */ React21__default.default.createElement(icons.CaretDown, {
+  }, "Add Column to Sort"), /* @__PURE__ */ React22__default.default.createElement(icons.CaretDown, {
     color: "currentColor"
-  })), /* @__PURE__ */ React21__default.default.createElement(menu.Menu.Portal, null, /* @__PURE__ */ React21__default.default.createElement(menu.Menu.Positioner, {
+  })), /* @__PURE__ */ React22__default.default.createElement(menu.Menu.Portal, null, /* @__PURE__ */ React22__default.default.createElement(menu.Menu.Positioner, {
     className: MultiColumnSortDialog_default.menuPositioner,
     sideOffset: 4
-  }, /* @__PURE__ */ React21__default.default.createElement(menu.Menu.Popup, {
+  }, /* @__PURE__ */ React22__default.default.createElement(menu.Menu.Popup, {
     className: MultiColumnSortDialog_default.dropdownMenu
-  }, /* @__PURE__ */ React21__default.default.createElement(SearchBar, {
+  }, /* @__PURE__ */ React22__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__ */ React21__default.default.createElement(AvailableColumnMenuItem, {
+  }), filteredAvailableColumns.map((column) => /* @__PURE__ */ React22__default.default.createElement(AvailableColumnMenuItem, {
     key: column.id,
     column,
     onAddColumn: handleAddColumn
-  })), filteredAvailableColumns.length === 0 && /* @__PURE__ */ React21__default.default.createElement("div", {
+  })), filteredAvailableColumns.length === 0 && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: MultiColumnSortDialog_default.menuEmptyState
   }, "No matching columns")))))));
 }
-var DialogTitle2 = /* @__PURE__ */ React21__default.default.createElement("div", {
+var DialogTitle2 = /* @__PURE__ */ React22__default.default.createElement("div", {
   className: MultiColumnSortDialog_default.title
-}, /* @__PURE__ */ React21__default.default.createElement(icons.Cog, null), "Sort on Multiple Columns");
+}, /* @__PURE__ */ React22__default.default.createElement(icons.Cog, null), "Sort on Multiple Columns");
 function AvailableColumnMenuItem({
   column,
   onAddColumn
 }) {
-  const onClick = React21.useCallback(() => onAddColumn(column), [onAddColumn, column]);
-  return /* @__PURE__ */ React21__default.default.createElement(menu.Menu.Item, {
+  const onClick = React22.useCallback(() => onAddColumn(column), [onAddColumn, column]);
+  return /* @__PURE__ */ React22__default.default.createElement(menu.Menu.Item, {
     className: classnames7__default.default(MultiColumnSortDialog_default.dropdownItem, MultiColumnSortDialog_default.truncate),
     onClick
   }, column.name);
@@ -4164,7 +4393,7 @@ var TableHeaderContent_default = {};
 function TableHeaderContent({
   header
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: TableHeaderContent_default.osdkHeaderContent
   }, reactTable.flexRender(header.column.columnDef.header, header.getContext()));
 }
@@ -4179,14 +4408,14 @@ function HeaderMenuItem({
   label,
   active = false
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement(menu.Menu.Item, {
+  return /* @__PURE__ */ React22__default.default.createElement(menu.Menu.Item, {
     closeOnClick: true,
     className: classnames7__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderMenuItem, active && TableHeaderWithPopover_default.osdkHeaderActiveMenuItem),
     onClick
-  }, /* @__PURE__ */ React21__default.default.createElement(Icon, {
+  }, /* @__PURE__ */ React22__default.default.createElement(Icon, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon,
     color: "currentColor"
-  }), /* @__PURE__ */ React21__default.default.createElement("span", null, label));
+  }), /* @__PURE__ */ React22__default.default.createElement("span", null, label));
 }
 function TableHeaderWithPopover({
   header,
@@ -4209,8 +4438,8 @@ function TableHeaderWithPopover({
     setSorting
   } = table;
   const currentSorting = table.getState().sorting;
-  const [isOpen, setIsOpen] = React21.useState(false);
-  const handlePinLeft = React21.useCallback(() => {
+  const [isOpen, setIsOpen] = React22.useState(false);
+  const handlePinLeft = React22.useCallback(() => {
     setColumnPinning((prev) => {
       return {
         left: [...prev.left || [], header.column.id],
@@ -4218,7 +4447,7 @@ function TableHeaderWithPopover({
       };
     });
   }, [header.column.id, setColumnPinning]);
-  const handleUnpin = React21.useCallback(() => {
+  const handleUnpin = React22.useCallback(() => {
     setColumnPinning((prev) => {
       return {
         left: prev.left?.filter((id) => id !== header.column.id) || [],
@@ -4226,39 +4455,39 @@ function TableHeaderWithPopover({
       };
     });
   }, [header.column.id, setColumnPinning]);
-  const handleSortAscending = React21.useCallback(() => {
+  const handleSortAscending = React22.useCallback(() => {
     header.column.toggleSorting(false);
     setSorting?.([{
       id: header.column.id,
       desc: false
     }]);
   }, [header.column, setSorting]);
-  const handleSortDescending = React21.useCallback(() => {
+  const handleSortDescending = React22.useCallback(() => {
     header.column.toggleSorting(true);
     setSorting?.([{
       id: header.column.id,
       desc: true
     }]);
   }, [header.column, setSorting]);
-  const handleClearAllSorts = React21.useCallback(() => {
+  const handleClearAllSorts = React22.useCallback(() => {
     header.column.clearSorting();
     setSorting?.([]);
   }, [header.column, setSorting]);
-  const handleResetSize = React21.useCallback(() => {
+  const handleResetSize = React22.useCallback(() => {
     header.column.resetSize();
     if (onResetSize) {
       onResetSize();
     }
   }, [header.column, onResetSize]);
-  const handleInteraction = React21.useCallback((e) => {
+  const handleInteraction = React22.useCallback((e) => {
     e.preventDefault();
     setIsOpen((prev) => !prev);
   }, []);
-  const handleOpenColumnConfig = React21.useCallback(() => {
+  const handleOpenColumnConfig = React22.useCallback(() => {
     onOpenColumnConfig?.();
     setIsOpen(false);
   }, [onOpenColumnConfig]);
-  const handleOpenMultiSort = React21.useCallback(() => {
+  const handleOpenMultiSort = React22.useCallback(() => {
     onOpenMultiSort?.();
     setIsOpen(false);
   }, [onOpenMultiSort]);
@@ -4266,72 +4495,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__ */ React21__default.default.createElement(React21__default.default.Fragment, null, /* @__PURE__ */ React21__default.default.createElement(menu.Menu.Root, {
+  return /* @__PURE__ */ React22__default.default.createElement(React22__default.default.Fragment, null, /* @__PURE__ */ React22__default.default.createElement(menu.Menu.Root, {
     open: isOpen,
     onOpenChange: setIsOpen
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContainer),
     onContextMenu: handleInteraction
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentLeft)
-  }, isColumnPinned && /* @__PURE__ */ React21__default.default.createElement(icons.Pin, {
+  }, isColumnPinned && /* @__PURE__ */ React22__default.default.createElement(icons.Pin, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon,
     color: "currentColor"
-  }), /* @__PURE__ */ React21__default.default.createElement(TableHeaderContent, {
+  }), /* @__PURE__ */ React22__default.default.createElement(TableHeaderContent, {
     header
-  })), /* @__PURE__ */ React21__default.default.createElement("div", {
+  })), /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentRight)
-  }, isSorted && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, isSorted && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: TableHeaderWithPopover_default.osdkCenterContainer
-  }, isSorted === "asc" ? /* @__PURE__ */ React21__default.default.createElement(icons.SortAlphabetical, {
+  }, isSorted === "asc" ? /* @__PURE__ */ React22__default.default.createElement(icons.SortAlphabetical, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon
-  }) : /* @__PURE__ */ React21__default.default.createElement(icons.SortAlphabeticalDesc, {
+  }) : /* @__PURE__ */ React22__default.default.createElement(icons.SortAlphabeticalDesc, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon
-  }), currentSorting.length > 1 && sortIndex >= 0 && /* @__PURE__ */ React21__default.default.createElement("span", {
+  }), currentSorting.length > 1 && sortIndex >= 0 && /* @__PURE__ */ React22__default.default.createElement("span", {
     className: TableHeaderWithPopover_default.sortIndex
-  }, sortIndex + 1)), hasAnyMenuItems && /* @__PURE__ */ React21__default.default.createElement(menu.Menu.Trigger, {
+  }, sortIndex + 1)), hasAnyMenuItems && /* @__PURE__ */ React22__default.default.createElement(menu.Menu.Trigger, {
     "aria-label": `Open header menu for column with id=${header.column.id}`,
     className: classnames7__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkHeaderPopoverTrigger)
-  }, /* @__PURE__ */ React21__default.default.createElement(icons.ChevronDown, {
+  }, /* @__PURE__ */ React22__default.default.createElement(icons.ChevronDown, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon
-  }))), /* @__PURE__ */ React21__default.default.createElement(menu.Menu.Portal, {
+  }))), /* @__PURE__ */ React22__default.default.createElement(menu.Menu.Portal, {
     container: document.body
-  }, /* @__PURE__ */ React21__default.default.createElement(menu.Menu.Positioner, {
+  }, /* @__PURE__ */ React22__default.default.createElement(menu.Menu.Positioner, {
     sideOffset: 4
-  }, /* @__PURE__ */ React21__default.default.createElement(menu.Menu.Popup, {
+  }, /* @__PURE__ */ React22__default.default.createElement(menu.Menu.Popup, {
     className: TableHeaderWithPopover_default.osdkHeaderPopup
-  }, showPinningItems && !isColumnPinned && /* @__PURE__ */ React21__default.default.createElement(HeaderMenuItem, {
+  }, showPinningItems && !isColumnPinned && /* @__PURE__ */ React22__default.default.createElement(HeaderMenuItem, {
     onClick: handlePinLeft,
     icon: icons.Pin,
     label: "Pin column"
-  }), showPinningItems && isColumnPinned && /* @__PURE__ */ React21__default.default.createElement(HeaderMenuItem, {
+  }), showPinningItems && isColumnPinned && /* @__PURE__ */ React22__default.default.createElement(HeaderMenuItem, {
     onClick: handleUnpin,
     icon: icons.Unpin,
     label: "Unpin Column",
     active: true
-  }), showSortingItems && isSortable && /* @__PURE__ */ React21__default.default.createElement(React21__default.default.Fragment, null, /* @__PURE__ */ React21__default.default.createElement(HeaderMenuItem, {
+  }), showSortingItems && isSortable && /* @__PURE__ */ React22__default.default.createElement(React22__default.default.Fragment, null, /* @__PURE__ */ React22__default.default.createElement(HeaderMenuItem, {
     onClick: handleSortAscending,
     icon: icons.SortAlphabetical,
     label: "Sort ascending",
     active: isSorted === "asc"
-  }), /* @__PURE__ */ React21__default.default.createElement(HeaderMenuItem, {
+  }), /* @__PURE__ */ React22__default.default.createElement(HeaderMenuItem, {
     onClick: handleSortDescending,
     icon: icons.SortAlphabeticalDesc,
     label: "Sort descending",
     active: isSorted === "desc"
-  }), columnOptions?.some((col) => col.canSort) && /* @__PURE__ */ React21__default.default.createElement(HeaderMenuItem, {
+  }), columnOptions?.some((col) => col.canSort) && /* @__PURE__ */ React22__default.default.createElement(HeaderMenuItem, {
     onClick: handleOpenMultiSort,
     icon: icons.Sort,
     label: "Sort on multiple columns"
-  })), showSortingItems && !!currentSorting?.length && /* @__PURE__ */ React21__default.default.createElement(HeaderMenuItem, {
+  })), showSortingItems && !!currentSorting?.length && /* @__PURE__ */ React22__default.default.createElement(HeaderMenuItem, {
     onClick: handleClearAllSorts,
     icon: icons.Remove,
     label: "Clear all sorts"
-  }), showResizeItem && /* @__PURE__ */ React21__default.default.createElement(HeaderMenuItem, {
+  }), showResizeItem && /* @__PURE__ */ React22__default.default.createElement(HeaderMenuItem, {
     onClick: handleResetSize,
     icon: icons.VerticalDistribution,
     label: "Reset Column Size"
-  }), showConfigItem && /* @__PURE__ */ React21__default.default.createElement(HeaderMenuItem, {
+  }), showConfigItem && /* @__PURE__ */ React22__default.default.createElement(HeaderMenuItem, {
     onClick: handleOpenColumnConfig,
     icon: icons.Settings,
     label: "Configure Columns"
@@ -4385,25 +4614,25 @@ function TableHeader({
   const currentVisibility = table.getState().columnVisibility;
   const currentColumnOrder = table.getState().columnOrder;
   const isResizing = !!table.getState().columnSizingInfo?.isResizingColumn;
-  const [configDialogOpen, setConfigDialogOpen] = React21.useState(false);
-  const [multiSortDialogOpen, setMultiSortDialogOpen] = React21.useState(false);
-  const handleOpenColumnConfig = React21.useCallback(() => {
+  const [configDialogOpen, setConfigDialogOpen] = React22.useState(false);
+  const [multiSortDialogOpen, setMultiSortDialogOpen] = React22.useState(false);
+  const handleOpenColumnConfig = React22.useCallback(() => {
     setConfigDialogOpen(true);
   }, []);
-  const handleCloseColumnConfig = React21.useCallback(() => {
+  const handleCloseColumnConfig = React22.useCallback(() => {
     setConfigDialogOpen(false);
   }, []);
-  const handleOpenMultiSort = React21.useCallback(() => {
+  const handleOpenMultiSort = React22.useCallback(() => {
     setMultiSortDialogOpen(true);
   }, []);
-  const handleCloseMultiSort = React21.useCallback(() => {
+  const handleCloseMultiSort = React22.useCallback(() => {
     setMultiSortDialogOpen(false);
   }, []);
-  const handleApplyMultiSort = React21.useCallback((sortColumns) => {
+  const handleApplyMultiSort = React22.useCallback((sortColumns) => {
     setMultiSortDialogOpen(false);
     setSorting?.(sortColumns);
   }, [setSorting]);
-  const handleApplyColumnConfig = React21.useCallback((updates) => {
+  const handleApplyColumnConfig = React22.useCallback((updates) => {
     const newVisibilityState = {};
     for (const update of updates) {
       newVisibilityState[update.columnId] = update.isVisible;
@@ -4411,7 +4640,7 @@ function TableHeader({
     setColumnOrder(updates.map((col) => col.columnId));
     setColumnVisibility(newVisibilityState);
   }, [setColumnOrder, setColumnVisibility]);
-  const columnOptions = React21.useMemo(() => {
+  const columnOptions = React22.useMemo(() => {
     const allHeaders = table.getHeaderGroups().flatMap((headerGroup) => headerGroup.headers);
     return table.getAllColumns().filter((column) => column.id !== SELECTION_COLUMN_ID).map((column) => {
       return {
@@ -4421,10 +4650,10 @@ function TableHeader({
       };
     });
   }, [table]);
-  return /* @__PURE__ */ React21__default.default.createElement(React21__default.default.Fragment, null, /* @__PURE__ */ React21__default.default.createElement("thead", {
+  return /* @__PURE__ */ React22__default.default.createElement(React22__default.default.Fragment, null, /* @__PURE__ */ React22__default.default.createElement("thead", {
     className: TableHeader_default.osdkTableHeader,
     "data-resizing": isResizing
-  }, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React21__default.default.createElement("tr", {
+  }, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React22__default.default.createElement("tr", {
     key: headerGroup.id,
     className: TableHeader_default.osdkTableHeaderRow
   }, headerGroup.headers.map((header) => {
@@ -4433,14 +4662,14 @@ function TableHeader({
     } = getColumnPinningStyles(header.column);
     const isColumnPinned = header.column.getIsPinned();
     const isSelectColumn = header.id === SELECTION_COLUMN_ID;
-    return /* @__PURE__ */ React21__default.default.createElement("th", {
+    return /* @__PURE__ */ React22__default.default.createElement("th", {
       key: header.id,
       "data-pinned": header.column.getIsPinned(),
       className: TableHeader_default.osdkTableHeaderCell,
       style: columnStyles
-    }, header.isPlaceholder ? null : isSelectColumn ? /* @__PURE__ */ React21__default.default.createElement(TableHeaderContent, {
+    }, header.isPlaceholder ? null : isSelectColumn ? /* @__PURE__ */ React22__default.default.createElement(TableHeaderContent, {
       header
-    }) : /* @__PURE__ */ React21__default.default.createElement(TableHeaderWithPopover, {
+    }) : /* @__PURE__ */ React22__default.default.createElement(TableHeaderWithPopover, {
       table,
       header,
       isColumnPinned,
@@ -4448,20 +4677,20 @@ function TableHeader({
       featureFlags: headerMenuFeatureFlags,
       onOpenColumnConfig: handleOpenColumnConfig,
       onOpenMultiSort: handleOpenMultiSort
-    }), header.column.getCanResize() && headerMenuFeatureFlags?.showResizeItem !== false && /* @__PURE__ */ React21__default.default.createElement("div", {
+    }), header.column.getCanResize() && headerMenuFeatureFlags?.showResizeItem !== false && /* @__PURE__ */ React22__default.default.createElement("div", {
       className: TableHeader_default.osdkTableHeaderResizer,
       onDoubleClick: () => header.column.resetSize(),
       onMouseDown: header.getResizeHandler(),
       onTouchStart: header.getResizeHandler()
     }));
-  })))), !!columnOptions?.length && /* @__PURE__ */ React21__default.default.createElement(ColumnConfigDialog, {
+  })))), !!columnOptions?.length && /* @__PURE__ */ React22__default.default.createElement(ColumnConfigDialog, {
     isOpen: configDialogOpen,
     onClose: handleCloseColumnConfig,
     columnOptions,
     currentVisibility,
     currentColumnOrder,
     onApply: handleApplyColumnConfig
-  }), columnOptions?.some((col) => col.canSort) && /* @__PURE__ */ React21__default.default.createElement(MultiColumnSortDialog, {
+  }), columnOptions?.some((col) => col.canSort) && /* @__PURE__ */ React22__default.default.createElement(MultiColumnSortDialog, {
     isOpen: multiSortDialogOpen,
     onClose: handleCloseMultiSort,
     columnOptions,
@@ -4481,13 +4710,13 @@ function LoadingStateTable({
 }) {
   const enableRowSelection = table.options.enableRowSelection;
   const minHeaderCount = enableRowSelection ? 1 : 0;
-  const headers = React21.useMemo(() => headerGroups.length > 0 ? headerGroups[0].headers : [], [headerGroups]);
+  const headers = React22.useMemo(() => headerGroups.length > 0 ? headerGroups[0].headers : [], [headerGroups]);
   const hasHeadersLoaded = headers.length > minHeaderCount;
-  const headerRef = React21.useRef(null);
-  const bodyRef = React21.useRef(null);
-  const [loadingRowCount, setLoadingRowCount] = React21.useState(MIN_ROWS);
-  const [loadingColumnCount, setLoadingColumnCount] = React21.useState(headers.length);
-  React21.useEffect(() => {
+  const headerRef = React22.useRef(null);
+  const bodyRef = React22.useRef(null);
+  const [loadingRowCount, setLoadingRowCount] = React22.useState(MIN_ROWS);
+  const [loadingColumnCount, setLoadingColumnCount] = React22.useState(headers.length);
+  React22.useEffect(() => {
     if (hasHeadersLoaded) {
       setLoadingColumnCount(headers.length);
     } else {
@@ -4500,7 +4729,7 @@ function LoadingStateTable({
       }
     }
   }, [columnWidth, hasHeadersLoaded, headers, tableContainerRef]);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     if (tableContainerRef.current) {
       const containerHeight = tableContainerRef.current.clientHeight;
       const availableHeight = containerHeight - rowHeight;
@@ -4510,32 +4739,32 @@ function LoadingStateTable({
       }
     }
   }, [tableContainerRef, rowHeight]);
-  return /* @__PURE__ */ React21__default.default.createElement(React21__default.default.Fragment, null, hasHeadersLoaded ? /* @__PURE__ */ React21__default.default.createElement(TableHeader, {
+  return /* @__PURE__ */ React22__default.default.createElement(React22__default.default.Fragment, null, hasHeadersLoaded ? /* @__PURE__ */ React22__default.default.createElement(TableHeader, {
     table
-  }) : /* @__PURE__ */ React21__default.default.createElement("thead", {
+  }) : /* @__PURE__ */ React22__default.default.createElement("thead", {
     className: TableHeader_default.osdkTableHeader,
     ref: headerRef
-  }, /* @__PURE__ */ React21__default.default.createElement("tr", {
+  }, /* @__PURE__ */ React22__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__ */ React21__default.default.createElement("th", {
+    return /* @__PURE__ */ React22__default.default.createElement("th", {
       key: `loading-header-${index}`,
       className: TableHeader_default.osdkTableHeaderCell,
       style: {
         width
       }
-    }, /* @__PURE__ */ React21__default.default.createElement("div", {
+    }, /* @__PURE__ */ React22__default.default.createElement("div", {
       className: classnames7__default.default(TableHeader_default.osdkLoadingHeaderCell, LoadingCell_default.osdkCellSkeleton)
     }));
-  }))), /* @__PURE__ */ React21__default.default.createElement("tbody", {
+  }))), /* @__PURE__ */ React22__default.default.createElement("tbody", {
     className: TableBody_default.osdkTableBody,
     ref: bodyRef
   }, Array.from({
     length: loadingRowCount
-  }).map((_, index) => /* @__PURE__ */ React21__default.default.createElement(LoadingRow, {
+  }).map((_, index) => /* @__PURE__ */ React22__default.default.createElement(LoadingRow, {
     key: `skeleton-${index}`,
     columnCount: loadingColumnCount,
     headers,
@@ -4552,9 +4781,9 @@ var NonIdealState_default = {};
 function NonIdealState({
   message
 }) {
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: NonIdealState_default.container
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: NonIdealState_default.message
   }, message));
 }
@@ -4572,8 +4801,8 @@ function CellContextMenu({
   onClose,
   renderContent
 }) {
-  const ref = React21.useRef(null);
-  React21.useEffect(() => {
+  const ref = React22.useRef(null);
+  React22.useEffect(() => {
     const handleClickOutside = (event) => {
       if (ref.current && !ref.current.contains(event.target)) {
         onClose();
@@ -4584,7 +4813,7 @@ function CellContextMenu({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  return /* @__PURE__ */ reactDom.createPortal(/* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ reactDom.createPortal(/* @__PURE__ */ React22__default.default.createElement("div", {
     ref,
     className: CellContextMenu_default.osdkCellContextMenu,
     style: {
@@ -4597,9 +4826,9 @@ function CellContextMenu({
 var useCellContextMenu = ({
   tdRef
 }) => {
-  const [popoverPosition, setPopoverPosition] = React21.useState(null);
-  const [isContextMenuOpen, setIsContextMenuOpen] = React21.useState(false);
-  const handleOpenContextMenu = React21.useCallback((event) => {
+  const [popoverPosition, setPopoverPosition] = React22.useState(null);
+  const [isContextMenuOpen, setIsContextMenuOpen] = React22.useState(false);
+  const handleOpenContextMenu = React22.useCallback((event) => {
     event.preventDefault();
     event.stopPropagation();
     if (tdRef.current) {
@@ -4613,7 +4842,7 @@ var useCellContextMenu = ({
       setIsContextMenuOpen(true);
     }
   }, [tdRef]);
-  const handleCloseContextMenu = React21.useCallback(() => {
+  const handleCloseContextMenu = React22.useCallback(() => {
     setIsContextMenuOpen(false);
     setPopoverPosition(null);
   }, []);
@@ -4630,7 +4859,7 @@ function TableCell({
   cell,
   renderCellContextMenu
 }) {
-  const tdRef = React21.useRef(null);
+  const tdRef = React22.useRef(null);
   const isSelectColumn = cell.column.id === SELECTION_COLUMN_ID;
   const {
     isContextMenuOpen,
@@ -4644,15 +4873,15 @@ function TableCell({
   const {
     columnStyles
   } = getColumnPinningStyles(cell.column);
-  return /* @__PURE__ */ React21__default.default.createElement(React21__default.default.Fragment, null, /* @__PURE__ */ React21__default.default.createElement("td", {
+  return /* @__PURE__ */ React22__default.default.createElement(React22__default.default.Fragment, null, /* @__PURE__ */ React22__default.default.createElement("td", {
     ref: tdRef,
     "data-pinned": cell.column.getIsPinned(),
     className: TableCell_default.osdkTableCell,
     style: columnStyles,
     onContextMenu: handleOpenContextMenu
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     className: TableCell_default.osdkTableCellContent
-  }, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()))), shouldRenderContextMenu && /* @__PURE__ */ React21__default.default.createElement(CellContextMenu, {
+  }, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()))), shouldRenderContextMenu && /* @__PURE__ */ React22__default.default.createElement(CellContextMenu, {
     cell,
     position: popoverPosition,
     onClose: handleCloseContextMenu,
@@ -4661,7 +4890,7 @@ function TableCell({
 }
 
 // src/object-table/TableRow.tsx
-function TableRowInner({
+function TableRow({
   row,
   virtualRow,
   onRowClick,
@@ -4670,13 +4899,13 @@ function TableRowInner({
   setFocusedRowId,
   isInEditMode
 }) {
-  const handleClick = React21.useCallback(() => {
+  const handleClick = React22.useCallback(() => {
     setFocusedRowId?.(row.id);
     if (!isInEditMode) {
       onRowClick?.(row.original);
     }
   }, [isInEditMode, onRowClick, row.original, row.id, setFocusedRowId]);
-  return /* @__PURE__ */ React21__default.default.createElement("tr", {
+  return /* @__PURE__ */ React22__default.default.createElement("tr", {
     "data-selected": row.getIsSelected(),
     "data-focused": focusedRowId === row.id,
     className: TableRow_default.osdkTableRow,
@@ -4685,13 +4914,12 @@ function TableRowInner({
       transform: `translateY(${virtualRow.start}px)`
     },
     onClick: handleClick
-  }, row.getVisibleCells().map((cell) => /* @__PURE__ */ React21__default.default.createElement(TableCell, {
+  }, row.getVisibleCells().map((cell) => /* @__PURE__ */ React22__default.default.createElement(TableCell, {
     key: cell.id,
     cell,
     renderCellContextMenu
   })));
 }
-var TableRow = /* @__PURE__ */ React21__default.default.memo(TableRowInner);
 
 // src/object-table/TableBody.tsx
 function TableBody({
@@ -4712,20 +4940,20 @@ function TableBody({
     getScrollElement: () => tableContainerRef.current,
     overscan: 5
   });
-  React21.useLayoutEffect(() => {
+  React22.useLayoutEffect(() => {
     rowVirtualizer.measure();
   }, [rowVirtualizer, rows.length]);
   const totalSize = rowVirtualizer.getTotalSize();
   const bodyHeight = isLoadingMore ? totalSize + rowHeight : totalSize;
   const headers = headerGroups[0]?.headers ?? [];
-  return /* @__PURE__ */ React21__default.default.createElement("tbody", {
+  return /* @__PURE__ */ React22__default.default.createElement("tbody", {
     className: TableBody_default.osdkTableBody,
     style: {
       height: `${bodyHeight}px`
     }
   }, rowVirtualizer.getVirtualItems().map((virtualRow) => {
     const row = rows[virtualRow.index];
-    return /* @__PURE__ */ React21__default.default.createElement(TableRow, {
+    return /* @__PURE__ */ React22__default.default.createElement(TableRow, {
       key: row.id,
       row,
       virtualRow,
@@ -4735,7 +4963,7 @@ function TableBody({
       setFocusedRowId,
       isInEditMode
     });
-  }), isLoadingMore && /* @__PURE__ */ React21__default.default.createElement(LoadingRow, {
+  }), isLoadingMore && /* @__PURE__ */ React22__default.default.createElement(LoadingRow, {
     headers,
     translateY: totalSize,
     rowHeight,
@@ -4758,10 +4986,10 @@ function TableEditContainer({
     editMode
   } = editableConfig ?? {};
   const hasEdits = Object.keys(cellEdits ?? {}).length > 0;
-  const [isSubmitting, setIsSubmitting] = React21.useState(false);
+  const [isSubmitting, setIsSubmitting] = React22.useState(false);
   const isInEditMode = editMode?.isActive;
   const canToggleEditMode = editMode?.type === "manual";
-  const handleSubmitEdits = React21.useCallback(async () => {
+  const handleSubmitEdits = React22.useCallback(async () => {
     setIsSubmitting(true);
     try {
       const success = await onSubmitEdits?.();
@@ -4775,32 +5003,32 @@ function TableEditContainer({
       setIsSubmitting(false);
     }
   }, [editMode, onSubmitEdits, clearEdits]);
-  const handleCancelEdits = React21.useCallback(() => {
+  const handleCancelEdits = React22.useCallback(() => {
     clearEdits?.();
     if (editMode?.type === "manual") {
       editMode.setActive(false);
     }
   }, [clearEdits, editMode]);
-  const handleEnterEditMode = React21.useCallback(() => {
+  const handleEnterEditMode = React22.useCallback(() => {
     if (editMode?.type === "manual") {
       editMode.setActive(true);
     }
   }, [editMode]);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: TableEditContainer_default.tableEditContainer
-  }, hasEdits ? /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, hasEdits ? /* @__PURE__ */ React22__default.default.createElement("div", {
     className: TableEditContainer_default.modificationCount
-  }, `${cellEdits ? Object.keys(cellEdits).length : 0} modifications`) : isInEditMode && !focusedRowId && /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, `${cellEdits ? Object.keys(cellEdits).length : 0} modifications`) : isInEditMode && !focusedRowId && /* @__PURE__ */ React22__default.default.createElement("div", {
     className: TableEditContainer_default.placeholder
-  }, "Select a row to edit data\u2026"), /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, "Select a row to edit data\u2026"), /* @__PURE__ */ React22__default.default.createElement("div", {
     className: TableEditContainer_default.editButtons
-  }, !isInEditMode && canToggleEditMode && /* @__PURE__ */ React21__default.default.createElement(ActionButton, {
+  }, !isInEditMode && canToggleEditMode && /* @__PURE__ */ React22__default.default.createElement(ActionButton, {
     variant: "primary",
     onClick: handleEnterEditMode
-  }, "Edit Table"), isInEditMode && canToggleEditMode && /* @__PURE__ */ React21__default.default.createElement(ActionButton, {
+  }, "Edit Table"), isInEditMode && canToggleEditMode && /* @__PURE__ */ React22__default.default.createElement(ActionButton, {
     variant: "secondary",
     onClick: handleCancelEdits
-  }, "Cancel"), isInEditMode && !!onSubmitEdits && /* @__PURE__ */ React21__default.default.createElement(ActionButton, {
+  }, "Cancel"), isInEditMode && !!onSubmitEdits && /* @__PURE__ */ React22__default.default.createElement(ActionButton, {
     variant: "primary",
     onClick: handleSubmitEdits,
     disabled: !hasEdits || isSubmitting
@@ -4820,16 +5048,16 @@ function BaseTable({
   headerMenuFeatureFlags,
   editableConfig
 }) {
-  const tableContainerRef = React21.useRef(null);
-  const [isLoadingMore, setIsLoadingMore] = React21.useState(false);
-  const [focusedRowId, setFocusedRowId] = React21.useState(null);
-  const fetchingRef = React21.useRef(false);
-  React21.useEffect(() => {
+  const tableContainerRef = React22.useRef(null);
+  const [isLoadingMore, setIsLoadingMore] = React22.useState(false);
+  const [focusedRowId, setFocusedRowId] = React22.useState(null);
+  const fetchingRef = React22.useRef(false);
+  React22.useEffect(() => {
     if (!isLoading || fetchNextPage == null) {
       setIsLoadingMore(false);
     }
   }, [isLoading, fetchNextPage]);
-  const fetchMoreOnEndReached = React21.useCallback(async (containerRefElement) => {
+  const fetchMoreOnEndReached = React22.useCallback(async (containerRefElement) => {
     if (containerRefElement && !fetchingRef.current && !isLoadingMore) {
       const {
         scrollHeight,
@@ -4847,14 +5075,14 @@ function BaseTable({
       }
     }
   }, [fetchNextPage, isLoading, isLoadingMore]);
-  const handleScroll = React21.useCallback(async (e) => {
+  const handleScroll = React22.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);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     const handleClickOutside = (event) => {
       if (tableContainerRef.current && !tableContainerRef.current.contains(event.target)) {
         setFocusedRowId(null);
@@ -4865,21 +5093,21 @@ function BaseTable({
       document.removeEventListener("click", handleClickOutside);
     };
   }, []);
-  return /* @__PURE__ */ React21__default.default.createElement("div", {
+  return /* @__PURE__ */ React22__default.default.createElement("div", {
     className: classnames7__default.default(Table_default.osdkTableWrapper, className)
-  }, /* @__PURE__ */ React21__default.default.createElement("div", {
+  }, /* @__PURE__ */ React22__default.default.createElement("div", {
     ref: tableContainerRef,
     className: Table_default.osdkTableContainer,
     onScroll: handleScroll
-  }, /* @__PURE__ */ React21__default.default.createElement("table", null, isLoading && !hasData ? /* @__PURE__ */ React21__default.default.createElement(LoadingStateTable, {
+  }, /* @__PURE__ */ React22__default.default.createElement("table", null, isLoading && !hasData ? /* @__PURE__ */ React22__default.default.createElement(LoadingStateTable, {
     table,
     headerGroups,
     rowHeight,
     tableContainerRef
-  }) : /* @__PURE__ */ React21__default.default.createElement(React21__default.default.Fragment, null, /* @__PURE__ */ React21__default.default.createElement(TableHeader, {
+  }) : /* @__PURE__ */ React22__default.default.createElement(React22__default.default.Fragment, null, /* @__PURE__ */ React22__default.default.createElement(TableHeader, {
     table,
     headerMenuFeatureFlags
-  }), /* @__PURE__ */ React21__default.default.createElement(TableBody, {
+  }), /* @__PURE__ */ React22__default.default.createElement(TableBody, {
     rows,
     tableContainerRef,
     onRowClick,
@@ -4890,11 +5118,11 @@ function BaseTable({
     focusedRowId,
     setFocusedRowId,
     isInEditMode: editableConfig?.editMode.isActive
-  }))), !hasData && error == null && /* @__PURE__ */ React21__default.default.createElement(NonIdealState, {
+  }))), !hasData && error == null && /* @__PURE__ */ React22__default.default.createElement(NonIdealState, {
     message: "No Data"
-  }), error != null && /* @__PURE__ */ React21__default.default.createElement(NonIdealState, {
+  }), error != null && /* @__PURE__ */ React22__default.default.createElement(NonIdealState, {
     message: `Error Loading Data: ${error.message}`
-  })), hasEditableColumns && /* @__PURE__ */ React21__default.default.createElement(TableEditContainer, {
+  })), hasEditableColumns && /* @__PURE__ */ React22__default.default.createElement(TableEditContainer, {
     editableConfig,
     focusedRowId
   }));
@@ -4987,7 +5215,7 @@ function ObjectTable({
     hasSelectionColumn: enableRowSelection,
     onColumnsPinnedChanged
   });
-  const allColumns = React21.useMemo(() => {
+  const allColumns = React22.useMemo(() => {
     return selectionColumn ? [selectionColumn, ...columns] : columns;
   }, [selectionColumn, columns]);
   const editableConfig = useEditableTable({
@@ -5028,17 +5256,17 @@ function ObjectTable({
       isInEditMode: editableConfig.editMode.isActive
     }
   });
-  const onRenderCellContextMenu = React21.useCallback((row, cell) => {
+  const onRenderCellContextMenu = React22.useCallback((row, cell) => {
     return renderCellContextMenu?.(row, cell.getValue());
   }, [renderCellContextMenu]);
   const isTableLoading = isLoading || isColumnsLoading;
-  const headerMenuFeatureFlags = React21.useMemo(() => ({
+  const headerMenuFeatureFlags = React22.useMemo(() => ({
     showSortingItems: enableOrdering,
     showPinningItems: enableColumnPinning,
     showResizeItem: enableColumnResizing,
     showConfigItem: enableColumnConfig
   }), [enableOrdering, enableColumnPinning, enableColumnResizing, enableColumnConfig]);
-  return /* @__PURE__ */ React21__default.default.createElement(BaseTable, {
+  return /* @__PURE__ */ React22__default.default.createElement(BaseTable, {
     table,
     isLoading: isTableLoading,
     fetchNextPage: fetchMore,