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

package/build/cjs/public/experimental.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
 var button = require('@base-ui/react/button');
-var classnames14 = require('classnames');
+var classnames13 = require('classnames');
 var React54 = require('react');
+var icons = require('@blueprintjs/icons');
 var core = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
 var utilities = require('@dnd-kit/utilities');
 var input = require('@base-ui/react/input');
-var icons = require('@blueprintjs/icons');
 var lodashEs = require('lodash-es');
 var _switch = require('@base-ui/react/switch');
 var experimental = require('@osdk/react/experimental');
 var checkbox = require('@base-ui/react/checkbox');
 var combobox = require('@base-ui/react/combobox');
 var select = require('@base-ui/react/select');
-var reactTable = require('@tanstack/react-table');
 var react = require('@osdk/react');
+var reactTable = require('@tanstack/react-table');
 var tooltip = require('@base-ui/react/tooltip');
 var collapsible = require('@base-ui/react/collapsible');
 var dialog = require('@base-ui/react/dialog');
@@ -25,10 +25,65 @@ var reactDom = require('react-dom');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var classnames14__default = /*#__PURE__*/_interopDefault(classnames14);
+var classnames13__default = /*#__PURE__*/_interopDefault(classnames13);
 var React54__default = /*#__PURE__*/_interopDefault(React54);
 
 // src/filter-list/base/BaseFilterList.tsx
+function IncludeIcon() {
+  return /* @__PURE__ */ React54__default.default.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    "aria-hidden": "true"
+  }, /* @__PURE__ */ React54__default.default.createElement("path", {
+    d: "M2 3h12M5 8h6M7 13h2",
+    strokeLinecap: "round"
+  }));
+}
+function ExcludeIcon() {
+  return /* @__PURE__ */ React54__default.default.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    "aria-hidden": "true"
+  }, /* @__PURE__ */ React54__default.default.createElement("path", {
+    d: "M2 3h12M5 8h6M7 13h2",
+    strokeLinecap: "round"
+  }), /* @__PURE__ */ React54__default.default.createElement("path", {
+    d: "M3 14L13 2",
+    strokeLinecap: "round"
+  }));
+}
+function RemoveIcon() {
+  return /* @__PURE__ */ React54__default.default.createElement(icons.Cross, {
+    color: "currentColor",
+    size: 14
+  });
+}
+function CollapseIcon() {
+  return /* @__PURE__ */ React54__default.default.createElement(icons.DoubleChevronLeft, {
+    color: "currentColor",
+    size: 14
+  });
+}
+function ExpandIcon() {
+  return /* @__PURE__ */ React54__default.default.createElement(icons.DoubleChevronRight, {
+    color: "currentColor",
+    size: 14
+  });
+}
+function ResetIcon() {
+  return /* @__PURE__ */ React54__default.default.createElement(icons.Undo, {
+    color: "currentColor",
+    size: 14
+  });
+}
 
 // src/filter-list/base/FilterList.module.css
 var FilterList_default = {};
@@ -167,51 +222,6 @@ function DragHandleIcon() {
     r: "1.5"
   }));
 }
-function IncludeIcon() {
-  return /* @__PURE__ */ React54__default.default.createElement("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    "aria-hidden": "true"
-  }, /* @__PURE__ */ React54__default.default.createElement("path", {
-    d: "M2 3h12M5 8h6M7 13h2",
-    strokeLinecap: "round"
-  }));
-}
-function ExcludeIcon() {
-  return /* @__PURE__ */ React54__default.default.createElement("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    "aria-hidden": "true"
-  }, /* @__PURE__ */ React54__default.default.createElement("path", {
-    d: "M2 3h12M5 8h6M7 13h2",
-    strokeLinecap: "round"
-  }), /* @__PURE__ */ React54__default.default.createElement("path", {
-    d: "M3 14L13 2",
-    strokeLinecap: "round"
-  }));
-}
-function RemoveIcon() {
-  return /* @__PURE__ */ React54__default.default.createElement("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    "aria-hidden": "true"
-  }, /* @__PURE__ */ React54__default.default.createElement("path", {
-    d: "M4 4l8 8M12 4l-8 8",
-    strokeLinecap: "round"
-  }));
-}
 
 // src/filter-list/base/FilterListItem.module.css
 var FilterListItem_default = {};
@@ -256,7 +266,7 @@ function FilterListItemInner({
   const isExcluding = filterState?.isExcluding ?? false;
   const showExcludeToggle = supportsExcluding(filterState);
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(FilterListItem_default.filterItem, className),
+    className: classnames13__default.default(FilterListItem_default.filterItem, className),
     style,
     "data-excluding": isExcluding || void 0
   }, /* @__PURE__ */ React54__default.default.createElement("div", {
@@ -314,7 +324,7 @@ function SortableFilterListItem({
   return /* @__PURE__ */ React54__default.default.createElement("div", {
     ref: setNodeRef,
     style,
-    className: classnames14__default.default(isDragging && FilterListItem_default.dragging)
+    className: classnames13__default.default(isDragging && FilterListItem_default.dragging)
   }, /* @__PURE__ */ React54__default.default.createElement(FilterListItem, {
     definition,
     filterKey,
@@ -436,14 +446,14 @@ function FilterListContent({
   }), [announcements]);
   if (!renderDefinitions || renderDefinitions.length === 0) {
     return /* @__PURE__ */ React54__default.default.createElement("div", {
-      className: classnames14__default.default(FilterListContent_default.content, className),
+      className: classnames13__default.default(FilterListContent_default.content, className),
       style,
       "data-empty": "true"
     });
   }
   if (enableSorting) {
     return /* @__PURE__ */ React54__default.default.createElement("div", {
-      className: classnames14__default.default(FilterListContent_default.content, className),
+      className: classnames13__default.default(FilterListContent_default.content, className),
       style
     }, /* @__PURE__ */ React54__default.default.createElement(core.DndContext, {
       sensors,
@@ -486,7 +496,7 @@ function FilterListContent({
     }))));
   }
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(FilterListContent_default.content, className),
+    className: classnames13__default.default(FilterListContent_default.content, className),
     style
   }, renderDefinitions.map((definition) => {
     const filterKey = getFilterKey2(definition);
@@ -524,18 +534,6 @@ function FilterListHeaderInner({
   }, [onCollapsedChange, collapsed]);
   return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: FilterListHeader_default.header
-  }, showCollapseButton && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
-    className: FilterListHeader_default.collapseButton,
-    onClick: handleCollapseClick,
-    "aria-expanded": !collapsed,
-    "aria-label": collapsed ? "Expand filters" : "Collapse filters"
-  }, /* @__PURE__ */ React54__default.default.createElement("span", {
-    className: classnames14__default.default(FilterListHeader_default.collapseIcon, collapsed && FilterListHeader_default.collapsed)
-  })), /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: FilterListHeader_default.headerContentWrapper,
-    "data-collapsed": collapsed
-  }, /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: FilterListHeader_default.headerContentInner
   }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: FilterListHeader_default.titleContainer
   }, titleIcon && /* @__PURE__ */ React54__default.default.createElement("span", {
@@ -544,11 +542,18 @@ function FilterListHeaderInner({
     className: FilterListHeader_default.title
   }, title), showActiveFilterCount && activeFilterCount > 0 && /* @__PURE__ */ React54__default.default.createElement("span", {
     className: FilterListHeader_default.activeCount
-  }, "(", activeFilterCount, ")")), showResetButton && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
+  }, "(", activeFilterCount, ")")), /* @__PURE__ */ React54__default.default.createElement("div", {
+    className: FilterListHeader_default.actions
+  }, showResetButton && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     className: FilterListHeader_default.resetButton,
     onClick: onReset,
     disabled: activeFilterCount === 0
-  }, "Reset"))));
+  }, /* @__PURE__ */ React54__default.default.createElement(ResetIcon, null), " Reset"), showCollapseButton && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
+    className: FilterListHeader_default.collapseButton,
+    onClick: handleCollapseClick,
+    "aria-expanded": !collapsed,
+    "aria-label": collapsed ? "Expand filters" : "Collapse filters"
+  }, /* @__PURE__ */ React54__default.default.createElement(CollapseIcon, null))));
 }
 var FilterListHeader = /* @__PURE__ */ React54.memo(FilterListHeaderInner);
 
@@ -577,8 +582,23 @@ function BaseFilterList(props) {
   } = props;
   const showHeader = title || titleIcon || showResetButton || showActiveFilterCount || onCollapsedChange;
   const showAddButton = renderAddFilterButton != null || onFilterAdded != null;
+  const handleExpand = React54.useCallback(() => {
+    onCollapsedChange?.(false);
+  }, [onCollapsedChange]);
+  const isCollapsed = collapsed && onCollapsedChange != null;
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(FilterList_default.filterList, className),
+    className: classnames13__default.default(FilterList_default.filterList, className)
+  }, isCollapsed && /* @__PURE__ */ React54__default.default.createElement("div", {
+    className: FilterList_default.filterListCollapsed,
+    "data-collapsed": "true"
+  }, /* @__PURE__ */ React54__default.default.createElement(button.Button, {
+    className: FilterList_default.expandButton,
+    onClick: handleExpand,
+    "aria-label": "Expand filters"
+  }, /* @__PURE__ */ React54__default.default.createElement(ExpandIcon, null)), /* @__PURE__ */ React54__default.default.createElement("span", {
+    className: FilterList_default.collapsedLabel
+  }, title ?? "Filters")), /* @__PURE__ */ React54__default.default.createElement("div", {
+    className: classnames13__default.default(FilterList_default.expandedContent, isCollapsed && FilterList_default.hiddenContent),
     "data-active-count": activeFilterCount
   }, showHeader && /* @__PURE__ */ React54__default.default.createElement(FilterListHeader, {
     title,
@@ -589,12 +609,7 @@ function BaseFilterList(props) {
     onReset,
     showActiveFilterCount,
     activeFilterCount
-  }), /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: FilterList_default.contentWrapper,
-    "data-collapsed": collapsed
-  }, /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: FilterList_default.contentInner
-  }, /* @__PURE__ */ React54__default.default.createElement(FilterListContent, {
+  }), /* @__PURE__ */ React54__default.default.createElement(FilterListContent, {
     filterDefinitions,
     filterStates,
     onFilterStateChanged,
@@ -603,12 +618,13 @@ function BaseFilterList(props) {
     getFilterKey: getFilterKey2,
     getFilterLabel: getFilterLabel2,
     enableSorting
-  }))), !collapsed && showAddButton && /* @__PURE__ */ React54__default.default.createElement("div", {
+  }), showAddButton && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: FilterList_default.addButtonContainer
   }, renderAddFilterButton ? renderAddFilterButton() : /* @__PURE__ */ React54__default.default.createElement(button.Button, {
     type: "button",
-    className: FilterList_default.addButton
-  }, "+ Add filter")));
+    className: FilterList_default.addButton,
+    onClick: onFilterAdded
+  }, "+ Add filter"))));
 }
 
 // src/filter-list/base/inputs/ContainsTextInput.module.css
@@ -650,7 +666,7 @@ function ContainsTextInputInner({
     onChangeRef.current(void 0);
   }, [debouncedOnChange]);
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(ContainsTextInput_default.textInput, className),
+    className: classnames13__default.default(ContainsTextInput_default.textInput, className),
     style,
     "data-has-value": !!localValue
   }, /* @__PURE__ */ React54__default.default.createElement("div", {
@@ -696,9 +712,9 @@ function Switch({
   ...rest
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(_switch.Switch.Root, _extends2({
-    className: classnames14__default.default(Switch_default.osdkSwitchRoot, className)
+    className: classnames13__default.default(Switch_default.osdkSwitchRoot, className)
   }, rest), /* @__PURE__ */ React54__default.default.createElement(_switch.Switch.Thumb, _extends2({}, thumbProps, {
-    className: classnames14__default.default(Switch_default.osdkSwitchThumb, thumbProps?.className)
+    className: classnames13__default.default(Switch_default.osdkSwitchThumb, thumbProps?.className)
   })));
 }
 
@@ -713,7 +729,7 @@ function ToggleInputInner({
   className,
   style
 }) {
-  const rootClassName = classnames14__default.default(ToggleInput_default.toggleInput, className);
+  const rootClassName = classnames13__default.default(ToggleInput_default.toggleInput, className);
   return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: rootClassName,
     style,
@@ -749,10 +765,10 @@ function Checkbox({
   ...rest
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(checkbox.Checkbox.Root, _extends3({
-    className: classnames14__default.default(Checkbox_default.osdkCheckboxRoot, className),
+    className: classnames13__default.default(Checkbox_default.osdkCheckboxRoot, className),
     indeterminate
   }, rest), /* @__PURE__ */ React54__default.default.createElement(checkbox.Checkbox.Indicator, _extends3({}, indicatorProps, {
-    className: classnames14__default.default(Checkbox_default.osdkCheckboxIndicator, indicatorProps?.className)
+    className: classnames13__default.default(Checkbox_default.osdkCheckboxIndicator, indicatorProps?.className)
   }), indeterminate ? /* @__PURE__ */ React54__default.default.createElement(icons.Minus, {
     color: "currentColor"
   }) : /* @__PURE__ */ React54__default.default.createElement(icons.Tick, {
@@ -796,7 +812,7 @@ function CheckboxListInputInner({
     }
   }, [allSelected, displayValues, onChange]);
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(CheckboxListInput_default.checkboxList, className),
+    className: classnames13__default.default(CheckboxListInput_default.checkboxList, className),
     style,
     "data-loading": isLoading
   }, error && /* @__PURE__ */ React54__default.default.createElement("div", {
@@ -990,7 +1006,7 @@ function RangeInputInner({
     debouncedMaxChange(newValue);
   }, [debouncedMaxChange]);
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(RangeInput_default.rangeInput, className),
+    className: classnames13__default.default(RangeInput_default.rangeInput, className),
     style,
     "data-loading": isLoading
   }, showHistogram && buckets.length > 0 && /* @__PURE__ */ React54__default.default.createElement("div", {
@@ -1104,7 +1120,7 @@ function ListogramInputInner({
   }, [values, maxVisibleItems, isExpanded]);
   const hasMore = maxVisibleItems != null && values.length > maxVisibleItems;
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(ListogramInput_default.listogram, className),
+    className: classnames13__default.default(ListogramInput_default.listogram, className),
     style,
     "data-loading": isLoading
   }, isLoading && /* @__PURE__ */ React54__default.default.createElement("div", {
@@ -1184,7 +1200,7 @@ function MultiDateInputInner({
     }
   }, [addDate]);
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(MultiDateInput_default.multiDate, className),
+    className: classnames13__default.default(MultiDateInput_default.multiDate, className),
     style
   }, selectedDates.length > 0 && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: shared_default.tagContainer
@@ -1230,7 +1246,7 @@ function ComboboxInput({
   ...rest
 }) {
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(Combobox_default.osdkComboboxInputWrapper, className)
+    className: classnames13__default.default(Combobox_default.osdkComboboxInputWrapper, className)
   }, /* @__PURE__ */ React54__default.default.createElement(icons.Search, {
     className: Combobox_default.osdkComboboxSearchIcon,
     color: "currentColor"
@@ -1244,7 +1260,7 @@ function ComboboxPositioner({
   ...rest
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(combobox.Combobox.Positioner, _extends6({
-    className: classnames14__default.default(Combobox_default.osdkComboboxPositioner, className),
+    className: classnames13__default.default(Combobox_default.osdkComboboxPositioner, className),
     sideOffset: 4
   }, rest), children);
 }
@@ -1254,7 +1270,7 @@ function ComboboxPopup({
   ...rest
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(combobox.Combobox.Popup, _extends6({
-    className: classnames14__default.default(Combobox_default.osdkComboboxPopup, className)
+    className: classnames13__default.default(Combobox_default.osdkComboboxPopup, className)
   }, rest), children);
 }
 function ComboboxItem({
@@ -1263,7 +1279,7 @@ function ComboboxItem({
   ...rest
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(combobox.Combobox.Item, _extends6({
-    className: classnames14__default.default(Combobox_default.osdkComboboxItem, className)
+    className: classnames13__default.default(Combobox_default.osdkComboboxItem, className)
   }, rest), children);
 }
 function ComboboxClear({
@@ -1271,7 +1287,7 @@ function ComboboxClear({
   ...rest
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(combobox.Combobox.Clear, _extends6({
-    className: classnames14__default.default(Combobox_default.osdkComboboxClear, className),
+    className: classnames13__default.default(Combobox_default.osdkComboboxClear, className),
     "aria-label": "Clear all"
   }, rest), /* @__PURE__ */ React54__default.default.createElement(icons.Cross, {
     color: "currentColor"
@@ -1282,7 +1298,7 @@ function ComboboxEmpty({
   className
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(combobox.Combobox.Empty, {
-    className: classnames14__default.default(Combobox_default.osdkComboboxEmpty, className)
+    className: classnames13__default.default(Combobox_default.osdkComboboxEmpty, className)
   }, children);
 }
 var Combobox = {
@@ -1325,7 +1341,7 @@ function MultiSelectInputInner({
   const displayedTags = selectedValues.slice(0, maxDisplayedTags);
   const remainingCount = selectedValues.length - maxDisplayedTags;
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(MultiSelectInput_default.multiSelect, className),
+    className: classnames13__default.default(MultiSelectInput_default.multiSelect, className),
     style,
     "data-loading": isLoading
   }, error && /* @__PURE__ */ React54__default.default.createElement("div", {
@@ -1390,7 +1406,7 @@ function NullValueWrapperInner({
     onIncludeNullChange(!includeNull);
   }, [includeNull, onIncludeNullChange]);
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(NullValueWrapper_default.nullWrapper, className),
+    className: classnames13__default.default(NullValueWrapper_default.nullWrapper, className),
     style
   }, children, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: NullValueWrapper_default.nullValueRow,
@@ -1470,7 +1486,7 @@ function SingleDateInputInner({
     onChange(void 0);
   }, [onChange]);
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(SingleDateInput_default.singleDate, className),
+    className: classnames13__default.default(SingleDateInput_default.singleDate, className),
     style
   }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: SingleDateInput_default.dateContainer
@@ -1517,7 +1533,7 @@ function SelectTrigger({
   ...rest
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(select.Select.Trigger, _extends8({
-    className: classnames14__default.default(Select_default.osdkSelectTrigger, className)
+    className: classnames13__default.default(Select_default.osdkSelectTrigger, className)
   }, rest), children ?? /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(select.Select.Value, null, (value) => value != null ? String(value) : placeholder), /* @__PURE__ */ React54__default.default.createElement(select.Select.Icon, {
     className: Select_default.osdkSelectIcon
   }, /* @__PURE__ */ React54__default.default.createElement(icons.CaretDown, {
@@ -1530,7 +1546,7 @@ function SelectPositioner({
   ...rest
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(select.Select.Positioner, _extends8({
-    className: classnames14__default.default(Select_default.osdkSelectPositioner, className),
+    className: classnames13__default.default(Select_default.osdkSelectPositioner, className),
     sideOffset: 4
   }, rest), children);
 }
@@ -1540,7 +1556,7 @@ function SelectPopup({
   ...rest
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(select.Select.Popup, _extends8({
-    className: classnames14__default.default(Select_default.osdkSelectPopup, className)
+    className: classnames13__default.default(Select_default.osdkSelectPopup, className)
   }, rest), children);
 }
 function SelectItem({
@@ -1549,7 +1565,7 @@ function SelectItem({
   ...rest
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(select.Select.Item, _extends8({
-    className: classnames14__default.default(Select_default.osdkSelectItem, className)
+    className: classnames13__default.default(Select_default.osdkSelectItem, className)
   }, rest), /* @__PURE__ */ React54__default.default.createElement(select.Select.ItemText, null, children));
 }
 var Select = {
@@ -1595,7 +1611,7 @@ function SingleSelectInputInner({
     return result;
   }, [values, showCounts]);
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(SingleSelectInput_default.singleSelect, className),
+    className: classnames13__default.default(SingleSelectInput_default.singleSelect, className),
     style,
     "data-loading": isLoading
   }, isLoading && /* @__PURE__ */ React54__default.default.createElement("div", {
@@ -1710,7 +1726,7 @@ function TextTagsInputInner({
     }
   }, [tags, onChange]);
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(TextTagsInput_default.textTags, className),
+    className: classnames13__default.default(TextTagsInput_default.textTags, className),
     style,
     "data-loading": isLoading
   }, error && /* @__PURE__ */ React54__default.default.createElement("div", {
@@ -1771,7 +1787,7 @@ function TimelineInputInner({
   const startInputMax = React54.useMemo(() => endDate ?? maxDate, [endDate, maxDate]);
   const endInputMin = React54.useMemo(() => startDate ?? minDate, [startDate, minDate]);
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(TimelineInput_default.timeline, className)
+    className: classnames13__default.default(TimelineInput_default.timeline, className)
   }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: TimelineInput_default.labels
   }, /* @__PURE__ */ React54__default.default.createElement("span", null, formatDateForDisplay(startDate, "\u2014")), /* @__PURE__ */ React54__default.default.createElement("span", null, "to"), /* @__PURE__ */ React54__default.default.createElement("span", null, formatDateForDisplay(endDate, "\u2014")), (startDate || endDate) && /* @__PURE__ */ React54__default.default.createElement(button.Button, {
@@ -1894,7 +1910,7 @@ function createNullWhereClause(propertyKey) {
   };
 }
 
-// src/filter-list/utils/assertUnreachable.ts
+// src/shared/assertUnreachable.ts
 function assertUnreachable(value) {
   throw new Error(`Unhandled value: ${String(value)}`);
 }
@@ -2137,7 +2153,7 @@ function LinkedPropertyInputInner({
     }
   })();
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(LinkedPropertyInput_default.linkedProperty, className),
+    className: classnames13__default.default(LinkedPropertyInput_default.linkedProperty, className),
     style
   }, content);
 }
@@ -3051,38 +3067,52 @@ function getFilterKey(definition) {
 }
 
 // src/filter-list/utils/filterStateToWhereClause.ts
-function liftCompoundPropertyFilter(propertyKey, filter) {
-  if (typeof filter === "object" && !Array.isArray(filter)) {
-    if ("$and" in filter && Array.isArray(filter.$and)) {
-      return {
-        $and: filter.$and.map((f) => liftCompoundPropertyFilter(propertyKey, f))
-      };
-    }
-    if ("$or" in filter && Array.isArray(filter.$or)) {
-      return {
-        $or: filter.$or.map((f) => liftCompoundPropertyFilter(propertyKey, f))
-      };
-    }
+function isCompoundFilter(f) {
+  return typeof f === "object" && f != null && "__compound" in f;
+}
+var NUMERIC_BOUNDS = {
+  byte: {
+    min: -128,
+    max: 127
+  },
+  short: {
+    min: -32768,
+    max: 32767
+  },
+  integer: {
+    min: -2147483648,
+    max: 2147483647
+  },
+  long: {
+    min: Number.MIN_SAFE_INTEGER,
+    max: Number.MAX_SAFE_INTEGER
   }
-  return {
-    [propertyKey]: filter
-  };
+};
+function clampToPropertyBounds(value, propertyType) {
+  if (propertyType === void 0) {
+    return value;
+  }
+  const bounds = NUMERIC_BOUNDS[propertyType];
+  if (bounds === void 0) {
+    return value;
+  }
+  return Math.max(bounds.min, Math.min(bounds.max, value));
+}
+function formatDateValue(date, propertyType) {
+  if (propertyType === "datetime") {
+    return formatDateForInput(date);
+  }
+  return date.toISOString();
 }
-function filterStateToPropertyFilter(state) {
+function filterStateToPropertyFilter(state, propertyType) {
   switch (state.type) {
     case "CONTAINS_TEXT": {
       if (!state.value) {
         return void 0;
       }
-      const filter = {
+      return {
         $containsAnyTerm: state.value
       };
-      if (state.isExcluding) {
-        return {
-          $not: filter
-        };
-      }
-      return filter;
     }
     case "TOGGLE": {
       return state.enabled;
@@ -3091,134 +3121,100 @@ function filterStateToPropertyFilter(state) {
       const conditions = [];
       if (state.minValue !== void 0) {
         conditions.push({
-          $gte: state.minValue.toISOString()
+          $gte: formatDateValue(state.minValue, propertyType)
         });
       }
       if (state.maxValue !== void 0) {
         conditions.push({
-          $lte: state.maxValue.toISOString()
+          $lte: formatDateValue(state.maxValue, propertyType)
         });
       }
       if (conditions.length === 0 && !state.includeNull) {
         return void 0;
       }
-      let rangeFilter;
-      if (conditions.length === 1) {
-        rangeFilter = conditions[0];
-      } else if (conditions.length > 1) {
-        rangeFilter = {
-          $and: conditions
-        };
-      }
-      if (state.includeNull) {
-        if (rangeFilter) {
-          return {
-            $or: [rangeFilter, {
-              $isNull: true
-            }]
-          };
-        }
+      if (conditions.length === 0 && state.includeNull) {
         return {
           $isNull: true
         };
       }
-      return rangeFilter;
+      if (conditions.length === 1 && !state.includeNull) {
+        return conditions[0];
+      }
+      return {
+        __compound: true,
+        conditions,
+        includeNull: state.includeNull ?? false
+      };
     }
     case "NUMBER_RANGE": {
       const conditions = [];
       if (state.minValue !== void 0) {
         conditions.push({
-          $gte: state.minValue
+          $gte: clampToPropertyBounds(state.minValue, propertyType)
         });
       }
       if (state.maxValue !== void 0) {
         conditions.push({
-          $lte: state.maxValue
+          $lte: clampToPropertyBounds(state.maxValue, propertyType)
         });
       }
       if (conditions.length === 0 && !state.includeNull) {
         return void 0;
       }
-      let rangeFilter;
-      if (conditions.length === 1) {
-        rangeFilter = conditions[0];
-      } else if (conditions.length > 1) {
-        rangeFilter = {
-          $and: conditions
-        };
-      }
-      if (state.includeNull) {
-        if (rangeFilter) {
-          return {
-            $or: [rangeFilter, {
-              $isNull: true
-            }]
-          };
-        }
+      if (conditions.length === 0 && state.includeNull) {
         return {
           $isNull: true
         };
       }
-      return rangeFilter;
+      if (conditions.length === 1 && !state.includeNull) {
+        return conditions[0];
+      }
+      return {
+        __compound: true,
+        conditions,
+        includeNull: state.includeNull ?? false
+      };
     }
     case "EXACT_MATCH": {
       if (state.values.length === 0) {
         return void 0;
       }
-      const filter = state.values.length === 1 ? state.values[0] : {
+      return state.values.length === 1 ? state.values[0] : {
         $in: state.values
       };
-      if (state.isExcluding) {
-        return {
-          $not: filter
-        };
-      }
-      return filter;
     }
     case "SELECT": {
       if (state.selectedValues.length === 0) {
         return void 0;
       }
-      const values = state.selectedValues.map((v) => v instanceof Date ? v.toISOString() : v);
-      const filter = values.length === 1 ? values[0] : {
+      const values = state.selectedValues.map((v) => v instanceof Date ? formatDateValue(v, propertyType) : v);
+      return values.length === 1 ? values[0] : {
         $in: values
       };
-      if (state.isExcluding) {
-        return {
-          $not: filter
-        };
-      }
-      return filter;
     }
     case "TIMELINE": {
       const conditions = [];
       if (state.startDate !== void 0) {
         conditions.push({
-          $gte: state.startDate.toISOString()
+          $gte: formatDateValue(state.startDate, propertyType)
         });
       }
       if (state.endDate !== void 0) {
         conditions.push({
-          $lte: state.endDate.toISOString()
+          $lte: formatDateValue(state.endDate, propertyType)
         });
       }
       if (conditions.length === 0) {
         return void 0;
       }
-      let rangeFilter;
       if (conditions.length === 1) {
-        rangeFilter = conditions[0];
-      } else {
-        rangeFilter = {
-          $and: conditions
-        };
+        return conditions[0];
       }
-      if (state.isExcluding) {
-        return {
-          $not: rangeFilter
-        };
-      }
-      return rangeFilter;
+      return {
+        __compound: true,
+        conditions,
+        includeNull: false
+      };
     }
     // These filter types are handled separately in buildWhereClause
     // since they need access to the full definition, not just state
@@ -3231,7 +3227,7 @@ function filterStateToPropertyFilter(state) {
       return assertUnreachable(state);
   }
 }
-function buildWhereClause(definitions, filterStates, operator, objectType, excludeFilterKey) {
+function buildWhereClause(definitions, filterStates, operator, propertyTypes, excludeFilterKey) {
   if (!definitions || definitions.length === 0) {
     return {};
   }
@@ -3247,9 +3243,37 @@ function buildWhereClause(definitions, filterStates, operator, objectType, exclu
     }
     switch (definition.type) {
       case "PROPERTY": {
-        const filter = filterStateToPropertyFilter(state);
+        const propertyType = propertyTypes?.get(definition.key)?.type;
+        const filter = filterStateToPropertyFilter(state, propertyType);
         if (filter !== void 0) {
-          clauses.push(liftCompoundPropertyFilter(definition.key, filter));
+          const isExcluding = "isExcluding" in state && state.isExcluding;
+          if (isCompoundFilter(filter)) {
+            const fieldClauses = filter.conditions.map((c) => ({
+              [definition.key]: c
+            }));
+            let rangeClause = fieldClauses.length === 1 ? fieldClauses[0] : {
+              $and: fieldClauses
+            };
+            if (filter.includeNull) {
+              rangeClause = {
+                $or: [rangeClause, {
+                  [definition.key]: {
+                    $isNull: true
+                  }
+                }]
+              };
+            }
+            clauses.push(isExcluding ? {
+              $not: rangeClause
+            } : rangeClause);
+          } else {
+            const clause = {
+              [definition.key]: filter
+            };
+            clauses.push(isExcluding ? {
+              $not: clause
+            } : clause);
+          }
         }
         break;
       }
@@ -3290,11 +3314,16 @@ function buildWhereClause(definitions, filterStates, operator, objectType, exclu
         const properties = definition.properties;
         let propertiesToSearch;
         if (properties === "all") {
-          if (objectType?.__DefinitionMetadata?.properties) {
-            propertiesToSearch = Object.entries(objectType.__DefinitionMetadata.properties).filter(([, prop]) => prop.type === "string" && !prop.multiplicity).map(([key2]) => key2);
+          if (propertyTypes && propertyTypes.size > 0) {
+            propertiesToSearch = [];
+            for (const [key2, info] of propertyTypes) {
+              if (info.type === "string" && !info.multiplicity) {
+                propertiesToSearch.push(key2);
+              }
+            }
           } else {
             if (process.env.NODE_ENV !== "production") {
-              console.warn("[FilterList] Keyword search with properties: 'all' requires objectType to be provided. Filter will be skipped.");
+              console.warn("[FilterList] Keyword search with properties: 'all' requires propertyTypes to be provided. Filter will be skipped.");
             }
             break;
           }
@@ -3306,21 +3335,21 @@ function buildWhereClause(definitions, filterStates, operator, objectType, exclu
         }
         const containsOp = state.operator === "AND" ? "$containsAllTerms" : "$containsAnyTerm";
         const propertySearches = propertiesToSearch.map((prop) => ({
-          [prop]: state.isExcluding ? {
-            $not: {
-              [containsOp]: searchTerm
-            }
-          } : {
+          [prop]: {
             [containsOp]: searchTerm
           }
         }));
+        let searchClause;
         if (propertySearches.length === 1) {
-          clauses.push(propertySearches[0]);
+          searchClause = propertySearches[0];
         } else {
-          clauses.push({
+          searchClause = {
             $or: propertySearches
-          });
+          };
         }
+        clauses.push(state.isExcluding ? {
+          $not: searchClause
+        } : searchClause);
         break;
       }
       case "CUSTOM": {
@@ -3408,6 +3437,23 @@ function useFilterListState(props) {
     initialFilterStates
   } = props;
   const objectType = objectSet.$objectSetInternals.def;
+  const {
+    metadata
+  } = react.useOsdkMetadata(objectType);
+  const propertyTypes = React54.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    if (metadata?.properties) {
+      for (const [key, prop] of Object.entries(metadata.properties)) {
+        if (typeof prop.type === "string") {
+          map.set(key, {
+            type: prop.type,
+            multiplicity: prop.multiplicity === true
+          });
+        }
+      }
+    }
+    return map;
+  }, [metadata?.properties]);
   const [filterStates, setFilterStates] = React54.useState(() => {
     const states = buildInitialStates(filterDefinitions);
     if (initialFilterStates) {
@@ -3418,22 +3464,22 @@ function useFilterListState(props) {
     return states;
   });
   const setFilterState = React54.useCallback((filterKey, state) => {
-    let computedClause;
+    let newWhereClause;
     setFilterStates((prev) => {
       const next = new Map(prev);
       next.set(filterKey, state);
-      computedClause = buildWhereClause(filterDefinitions, next, filterOperator, objectType);
+      newWhereClause = buildWhereClause(filterDefinitions, next, filterOperator, propertyTypes);
       return next;
     });
-    if (computedClause !== void 0) {
-      onFilterClauseChanged?.(computedClause);
+    if (newWhereClause !== void 0) {
+      onFilterClauseChanged?.(newWhereClause);
     }
     const definition = filterDefinitions?.find((d) => getFilterKey(d) === filterKey);
     if (definition) {
       onFilterStateChanged?.(definition, state);
     }
-  }, [filterDefinitions, filterOperator, objectType, onFilterClauseChanged, onFilterStateChanged]);
-  const whereClause = React54.useMemo(() => buildWhereClause(filterDefinitions, filterStates, filterOperator, objectType), [filterDefinitions, filterStates, filterOperator, objectType]);
+  }, [filterDefinitions, filterOperator, propertyTypes, onFilterClauseChanged, onFilterStateChanged]);
+  const whereClause = React54.useMemo(() => buildWhereClause(filterDefinitions, filterStates, filterOperator, propertyTypes), [filterDefinitions, filterStates, filterOperator, propertyTypes]);
   const perFilterWhereClauses = React54.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     if (!filterDefinitions) {
@@ -3441,10 +3487,10 @@ function useFilterListState(props) {
     }
     for (const definition of filterDefinitions) {
       const key = getFilterKey(definition);
-      map.set(key, buildWhereClause(filterDefinitions, filterStates, filterOperator, objectType, key));
+      map.set(key, buildWhereClause(filterDefinitions, filterStates, filterOperator, propertyTypes, key));
     }
     return map;
-  }, [filterDefinitions, filterStates, filterOperator, objectType]);
+  }, [filterDefinitions, filterStates, filterOperator, propertyTypes]);
   const activeFilterCount = React54.useMemo(() => {
     let count = 0;
     for (const state of filterStates.values()) {
@@ -3457,8 +3503,9 @@ function useFilterListState(props) {
   const reset = React54.useCallback(() => {
     const initialStates = buildInitialStates(filterDefinitions);
     setFilterStates(initialStates);
-    onFilterClauseChanged?.(buildWhereClause(filterDefinitions, initialStates, filterOperator, objectType));
-  }, [filterDefinitions, filterOperator, objectType, onFilterClauseChanged]);
+    const newWhereClause = buildWhereClause(filterDefinitions, initialStates, filterOperator, propertyTypes);
+    onFilterClauseChanged?.(newWhereClause);
+  }, [filterDefinitions, filterOperator, propertyTypes, onFilterClauseChanged]);
   return React54.useMemo(() => ({
     filterStates,
     setFilterState,
@@ -3617,7 +3664,7 @@ function TooltipTrigger({
   ...rest
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(tooltip.Tooltip.Trigger, _extends9({
-    className: classnames14__default.default(Tooltip_default.osdkTooltipTrigger, className)
+    className: classnames13__default.default(Tooltip_default.osdkTooltipTrigger, className)
   }, rest), children);
 }
 function TooltipPositioner({
@@ -3627,7 +3674,7 @@ function TooltipPositioner({
   ...rest
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(tooltip.Tooltip.Positioner, _extends9({
-    className: classnames14__default.default(Tooltip_default.osdkTooltipPositioner, className),
+    className: classnames13__default.default(Tooltip_default.osdkTooltipPositioner, className),
     sideOffset
   }, rest), children);
 }
@@ -3637,7 +3684,7 @@ function TooltipPopup({
   ...rest
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(tooltip.Tooltip.Popup, _extends9({
-    className: classnames14__default.default(Tooltip_default.osdkTooltipPopup, className)
+    className: classnames13__default.default(Tooltip_default.osdkTooltipPopup, className)
   }, rest), children);
 }
 function TooltipArrow() {
@@ -3785,7 +3832,7 @@ function EditableCellInner({
   return /* @__PURE__ */ React54__default.default.createElement(Tooltip.Provider, null, /* @__PURE__ */ React54__default.default.createElement(Tooltip.Root, {
     disabled: !hasValidationError
   }, /* @__PURE__ */ React54__default.default.createElement(Tooltip.Trigger, null, /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(EditableCell_default.osdkEditableCell, {
+    className: classnames13__default.default(EditableCell_default.osdkEditableCell, {
       [EditableCell_default.error]: hasValidationError,
       [EditableCell_default.osdkEditedInput]: isEdited
     })
@@ -4505,7 +4552,7 @@ function LoadingCell({
       width
     }
   }, /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(LoadingCell_default.osdkLoadingCell, LoadingCell_default.osdkCellSkeleton)
+    className: classnames13__default.default(LoadingCell_default.osdkLoadingCell, LoadingCell_default.osdkCellSkeleton)
   }));
 }
 
@@ -4559,7 +4606,7 @@ function ActionButton({
   ...rest
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(button.Button, _extends10({
-    className: classnames14__default.default(ActionButton_default.button, variant === "primary" ? ActionButton_default.primaryButton : ActionButton_default.secondaryButton, className)
+    className: classnames13__default.default(ActionButton_default.button, variant === "primary" ? ActionButton_default.primaryButton : ActionButton_default.secondaryButton, className)
   }, rest));
 }
 
@@ -4581,7 +4628,7 @@ function Dialog({
   }, /* @__PURE__ */ React54__default.default.createElement(dialog.Dialog.Portal, null, /* @__PURE__ */ React54__default.default.createElement(dialog.Dialog.Backdrop, {
     className: Dialog_default.backdrop
   }), /* @__PURE__ */ React54__default.default.createElement(dialog.Dialog.Popup, {
-    className: classnames14__default.default(Dialog_default.popup, className)
+    className: classnames13__default.default(Dialog_default.popup, className)
   }, /* @__PURE__ */ React54__default.default.createElement("div", {
     className: Dialog_default.header
   }, /* @__PURE__ */ React54__default.default.createElement(dialog.Dialog.Title, {
@@ -4690,7 +4737,7 @@ function DraggableList({
   const DndContext2 = core.DndContext;
   return /* @__PURE__ */ React54__default.default.createElement("div", {
     ref: containerRef,
-    className: classnames14__default.default(DraggableList_default.draggableListContainer, className)
+    className: classnames13__default.default(DraggableList_default.draggableListContainer, className)
   }, /* @__PURE__ */ React54__default.default.createElement(DndContext2, {
     sensors,
     collisionDetection: core.closestCenter,
@@ -4747,7 +4794,7 @@ function SearchBar({
   onKeyDown
 }) {
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(SearchBar_default.searchBar, className)
+    className: classnames13__default.default(SearchBar_default.searchBar, className)
   }, /* @__PURE__ */ React54__default.default.createElement(icons.Search, {
     className: SearchBar_default.searchIcon
   }), /* @__PURE__ */ React54__default.default.createElement(input.Input, {
@@ -4928,7 +4975,7 @@ function AvailableColumnsList({
   return /* @__PURE__ */ React54__default.default.createElement("div", {
     className: ColumnConfigDialog_default.availableColumnsContainer
   }, /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(ColumnConfigDialog_default.sectionHeader, ColumnConfigDialog_default.sectionTitle)
+    className: classnames13__default.default(ColumnConfigDialog_default.sectionHeader, ColumnConfigDialog_default.sectionTitle)
   }, "Add or Remove Columns"), /* @__PURE__ */ React54__default.default.createElement(SearchBar, {
     value: searchQuery,
     onChange: onSearchChange,
@@ -5080,7 +5127,7 @@ function MultiColumnSortDialog({
       content: /* @__PURE__ */ React54__default.default.createElement("div", {
         className: MultiColumnSortDialog_default.sortColumnItem
       }, /* @__PURE__ */ React54__default.default.createElement("span", {
-        className: classnames14__default.default(MultiColumnSortDialog_default.sortColumnName, MultiColumnSortDialog_default.truncate)
+        className: classnames13__default.default(MultiColumnSortDialog_default.sortColumnName, MultiColumnSortDialog_default.truncate)
       }, item.name), /* @__PURE__ */ React54__default.default.createElement(button.Button, {
         className: MultiColumnSortDialog_default.sortDirectionButton,
         onClick: () => handleToggleSortDirection(item.id),
@@ -5154,7 +5201,7 @@ function AvailableColumnMenuItem({
 }) {
   const onClick = React54.useCallback(() => onAddColumn(column), [onAddColumn, column]);
   return /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Item, {
-    className: classnames14__default.default(MultiColumnSortDialog_default.dropdownItem, MultiColumnSortDialog_default.truncate),
+    className: classnames13__default.default(MultiColumnSortDialog_default.dropdownItem, MultiColumnSortDialog_default.truncate),
     onClick
   }, column.name);
 }
@@ -5186,7 +5233,7 @@ function HeaderMenuItem({
 }) {
   return /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Item, {
     closeOnClick: true,
-    className: classnames14__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderMenuItem, active && TableHeaderWithPopover_default.osdkHeaderActiveMenuItem),
+    className: classnames13__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderMenuItem, active && TableHeaderWithPopover_default.osdkHeaderActiveMenuItem),
     onClick
   }, /* @__PURE__ */ React54__default.default.createElement(Icon, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon,
@@ -5275,17 +5322,17 @@ function TableHeaderWithPopover({
     open: isOpen,
     onOpenChange: setIsOpen
   }, /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContainer),
+    className: classnames13__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContainer),
     onContextMenu: handleInteraction
   }, /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentLeft)
+    className: classnames13__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentLeft)
   }, isColumnPinned && /* @__PURE__ */ React54__default.default.createElement(icons.Pin, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon,
     color: "currentColor"
   }), /* @__PURE__ */ React54__default.default.createElement(TableHeaderContent, {
     header
   })), /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentRight)
+    className: classnames13__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentRight)
   }, isSorted && /* @__PURE__ */ React54__default.default.createElement("div", {
     className: TableHeaderWithPopover_default.osdkCenterContainer
   }, isSorted === "asc" ? /* @__PURE__ */ React54__default.default.createElement(icons.SortAlphabetical, {
@@ -5296,7 +5343,7 @@ function TableHeaderWithPopover({
     className: TableHeaderWithPopover_default.sortIndex
   }, sortIndex + 1)), hasAnyMenuItems && /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Trigger, {
     "aria-label": `Open header menu for column with id=${header.column.id}`,
-    className: classnames14__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkHeaderPopoverTrigger)
+    className: classnames13__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkHeaderPopoverTrigger)
   }, /* @__PURE__ */ React54__default.default.createElement(icons.ChevronDown, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon
   }))), /* @__PURE__ */ React54__default.default.createElement(menu.Menu.Portal, {
@@ -5441,7 +5488,9 @@ function TableHeader({
     return /* @__PURE__ */ React54__default.default.createElement("th", {
       key: header.id,
       "data-pinned": header.column.getIsPinned(),
-      className: TableHeader_default.osdkTableHeaderCell,
+      className: classnames13__default.default(TableHeader_default.osdkTableHeaderCell, {
+        [TableHeader_default.osdkTableSelectionHeaderCell]: isSelectColumn
+      }),
       style: columnStyles
     }, header.isPlaceholder ? null : isSelectColumn ? /* @__PURE__ */ React54__default.default.createElement(TableHeaderContent, {
       header
@@ -5533,7 +5582,7 @@ function LoadingStateTable({
         width
       }
     }, /* @__PURE__ */ React54__default.default.createElement("div", {
-      className: classnames14__default.default(TableHeader_default.osdkLoadingHeaderCell, LoadingCell_default.osdkCellSkeleton)
+      className: classnames13__default.default(TableHeader_default.osdkLoadingHeaderCell, LoadingCell_default.osdkCellSkeleton)
     }));
   }))), /* @__PURE__ */ React54__default.default.createElement("tbody", {
     className: TableBody_default.osdkTableBody,
@@ -5880,7 +5929,7 @@ function BaseTable({
     };
   }, []);
   return /* @__PURE__ */ React54__default.default.createElement("div", {
-    className: classnames14__default.default(Table_default.osdkTableWrapper, className)
+    className: classnames13__default.default(Table_default.osdkTableWrapper, className)
   }, /* @__PURE__ */ React54__default.default.createElement("div", {
     ref: tableContainerRef,
     className: Table_default.osdkTableContainer,