@flamingo-stack/openframe-frontend-core 0.0.592 → 0.0.593

package/dist/{chunk-WVHQQ3NY.js → chunk-VUGQ3Z6E.js}

@@ -13948,6 +13948,8 @@ function DataTableSkeleton({ rows = 10, className, rowClassName, rowHeightClassN
     {
       className: cn(
         "relative animate-pulse overflow-hidden rounded-md border border-ods-border bg-ods-card",
+        // The slot height sits on the card, matching a real row.
+        rowHeightClassName,
         className
       ),
       children: [
@@ -13957,7 +13959,7 @@ function DataTableSkeleton({ rows = 10, className, rowClassName, rowHeightClassN
             className: cn(
               "hidden py-0 md:flex",
               ROW_SHELL_CLASSES,
-              rowHeightClassName ?? ROW_HEIGHT_DESKTOP2,
+              rowHeightClassName ? "h-full" : ROW_HEIGHT_DESKTOP2,
               rowClassName
             ),
             children: columns.map((column) => {
@@ -13991,7 +13993,7 @@ function DataTableSkeleton({ rows = 10, className, rowClassName, rowHeightClassN
             className: cn(
               "flex justify-start py-0 md:hidden",
               ROW_SHELL_CLASSES,
-              rowHeightClassName ?? ROW_HEIGHT_MOBILE2,
+              rowHeightClassName ? "h-full" : ROW_HEIGHT_MOBILE2,
               rowClassName
             ),
             children: /* @__PURE__ */ jsxs98("div", { className: "flex min-w-0 flex-1 flex-col justify-center py-[var(--spacing-system-sf)]", children: [
@@ -14038,7 +14040,11 @@ function DataTableRowImpl({
     [onClick, row.original, isLinkMode]
   );
   const containerClassName = cn(
-    "block overflow-hidden rounded-md border border-ods-border bg-ods-card text-inherit no-underline",
+    "overflow-hidden rounded-md border border-ods-border bg-ods-card text-inherit no-underline",
+    // A stated slot height goes HERE, on the card, with the cells flexing to
+    // fill whatever the sub-row leaves. `border-box` sizing means the number a
+    // caller writes is the number the row occupies, borders included.
+    rowHeightClassName ? `flex flex-col ${rowHeightClassName}` : "block",
     // With a sub-row the link wraps only the cells, so keep the clickable affordance off the whole card.
     (onClick || isWholeCardLink) && "cursor-pointer transition-colors hover:bg-ods-bg-active",
     className
@@ -14049,7 +14055,7 @@ function DataTableRowImpl({
       className: cn(
         "flex",
         ROW_SHELL_CLASSES,
-        rowHeightClassName ? `py-0 ${rowHeightClassName}` : compact ? "py-[var(--spacing-system-xsf)]" : autoHeight ? "min-h-[66px] py-[var(--spacing-system-sf)] md:min-h-[78px]" : `py-0 ${ROW_HEIGHT_DESKTOP2}`,
+        rowHeightClassName ? "min-h-0 flex-1 py-0" : compact ? "py-[var(--spacing-system-xsf)]" : autoHeight ? "min-h-[66px] py-[var(--spacing-system-sf)] md:min-h-[78px]" : `py-0 ${ROW_HEIGHT_DESKTOP2}`,
         hasSubRow && "border-b border-ods-border"
       ),
       children: row.getVisibleCells().map((cell) => {
@@ -14096,7 +14102,10 @@ function DataTableRowImpl({
           {
             href,
             prefetch: false,
-            className: "block cursor-pointer text-inherit no-underline transition-colors hover:bg-ods-bg-active",
+            className: cn(
+              "cursor-pointer text-inherit no-underline transition-colors hover:bg-ods-bg-active",
+              rowHeightClassName ? "flex min-h-0 flex-1 flex-col" : "block"
+            ),
             onClick: handleClick,
             children: cells
           }
@@ -14174,17 +14183,29 @@ function PlaceholderRows({ count, rowHeightClassName }) {
   return /* @__PURE__ */ jsx130(Fragment20, { children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsxs100(
     "div",
     {
-      className: "pointer-events-none relative overflow-hidden rounded-md border border-transparent",
+      className: cn(
+        "pointer-events-none relative overflow-hidden rounded-md border border-transparent",
+        // The stated slot height belongs on the CARD, exactly as a real
+        // row carries it — a real row with a sub-row is taller than its
+        // cells, so reserving the cells' height here left every pad row
+        // short by the sub-row.
+        rowHeightClassName
+      ),
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx130("div", { className: cn("hidden py-0 md:flex", ROW_SHELL_CLASSES, rowHeightClassName ?? ROW_HEIGHT_DESKTOP2) }),
+        /* @__PURE__ */ jsx130(
+          "div",
+          {
+            className: cn("hidden py-0 md:flex", ROW_SHELL_CLASSES, rowHeightClassName ? "h-full" : ROW_HEIGHT_DESKTOP2)
+          }
+        ),
         /* @__PURE__ */ jsx130(
           "div",
           {
             className: cn(
               "flex justify-start py-0 md:hidden",
               ROW_SHELL_CLASSES,
-              rowHeightClassName ?? ROW_HEIGHT_MOBILE2
+              rowHeightClassName ? "h-full" : ROW_HEIGHT_MOBILE2
             )
           }
         )
@@ -30656,4 +30677,4 @@ export {
   FilterPillRow,
   LazyMount
 };
-//# sourceMappingURL=chunk-WVHQQ3NY.js.map
+//# sourceMappingURL=chunk-VUGQ3Z6E.js.map