@homebound/beam 2.414.0-alpha.3 → 2.414.0

package/dist/index.cjs

@@ -8636,10 +8636,10 @@ function RowImpl(props) {
     const maybeSticky = (isGridCellContent(maybeContent) && maybeContent.sticky || column2.sticky) ?? void 0;
     const maybeStickyColumnStyles = maybeSticky && columnSizes ? {
       ...Css.sticky.z(zIndices.stickyColumns).bgWhite.$,
-      // For flex layouts, all sticky columns should have left/right: 0
-      // The flex layout handles their adjacency based on their widths
-      ...maybeSticky === "left" ? Css.left(0).$ : {},
-      ...maybeSticky === "right" ? Css.right(0).$ : {}
+      ...maybeSticky === "left" ? Css.left(columnIndex === 0 ? 0 : `calc(${columnSizes.slice(0, columnIndex).join(" + ")})`).$ : {},
+      ...maybeSticky === "right" ? Css.right(
+        columnIndex + 1 === columnSizes.length ? 0 : `calc(${columnSizes.slice(columnIndex + 1 - columnSizes.length).join(" + ")})`
+      ).$ : {}
     } : {};
     minStickyLeftOffset += maybeSticky === "left" ? parseInt(columnSizes[columnIndex].replace("px", ""), 10) : 0;
     const cellId = `${row.kind}_${row.id}_${column2.id}`;
@@ -8705,7 +8705,7 @@ function RowImpl(props) {
       const cellElementWithHandle = import_react33.default.cloneElement(cellElement, {
         css: {
           ...cellElement.props.css || {},
-          ...Css.relative.$
+          ...!maybeSticky && Css.relative.$
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
           cellElement.props.children,
@@ -17027,7 +17027,6 @@ function Filters(props) {
           Button,
           {
             label: "More Filters",
-            size: "md",
             endAdornment: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(CountBadge, { count: numModalFilters, hideIfZero: true }),
             variant: "secondary",
             onClick: () => openModal({
@@ -17037,7 +17036,7 @@ function Filters(props) {
             ...testId.moreFiltersBtn
           }
         ),
-        Object.keys(filter).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Button, { label: "Clear", size: "md", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn }) })
+        Object.keys(filter).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Button, { label: "Clear", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn }) })
       ]
     }
   );
@@ -17131,7 +17130,7 @@ function FilterDropdownMenu(props) {
         }
       ),
       renderFilters(),
-      activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Button, { label: "Clear", size: "md", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn })
+      activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Button, { label: "Clear", variant: "tertiary", onClick: () => onChange({}), ...testId.clearBtn })
     ] }),
     !isOpen && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       FilterChips,
@@ -17183,7 +17182,7 @@ function FilterChips({
   if (chips.length === 0) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { css: Css.df.gap1.fww.aic.order(1).$, children: [
     chips,
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Button, { label: "Clear", size: "md", variant: "tertiary", onClick: onClear, ...testId.clearBtn })
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Button, { label: "Clear", variant: "tertiary", onClick: onClear, ...testId.clearBtn })
   ] });
 }
 function buildFilterImpls(filterDefs) {
@@ -18081,12 +18080,11 @@ function DnDGrid(props) {
     (e) => {
       if (!reorderViaKeyboard.current && dragEl.current && gridEl.current) {
         initReorder();
-        const gridRect = gridEl.current.getBoundingClientRect();
         const rect = dragEl.current.getBoundingClientRect();
         const clientX = "clientX" in e ? e.clientX : e.touches[0].clientX;
         const clientY = "clientY" in e ? e.clientY : e.touches[0].clientY;
-        const top = rect.top - gridRect.top;
-        const left = rect.left - gridRect.left;
+        const top = rect.top;
+        const left = rect.left;
         transformFrom.current = { x: clientX - left, y: clientY - top };
         cloneEl.current = dragEl.current.cloneNode();
         cloneEl.current?.setAttribute(