@dxos/plugin-deck 0.6.13-main.548ca8d → 0.6.13-main.ed424a1

package/dist/lib/browser/index.mjs

@@ -30,7 +30,7 @@ import { Surface as Surface9, firstIdInPart, usePlugin } from "@dxos/app-framewo
 import { Button as Button3, Dialog, Main as Main3, Popover as Popover2, useOnTransition, useTranslation as useTranslation5 } from "@dxos/react-ui";
 import { useAttended as useAttended3 } from "@dxos/react-ui-attention";
 import { Deck } from "@dxos/react-ui-deck";
-import { getSize } from "@dxos/react-ui-theme";
+import { getSize, mainPaddingTransitions as mainPaddingTransitions2 } from "@dxos/react-ui-theme";
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx
 import React from "react";
@@ -383,16 +383,17 @@ var ComplementarySidebar = ({ layoutParts, flatDeck }) => {
     popoverAnchorId,
     flatDeck,
     actions
-  }), node && /* @__PURE__ */ React5.createElement(Surface3, {
+  }), /* @__PURE__ */ React5.createElement("div", {
+    className: "row-span-2"
+  }, node && /* @__PURE__ */ React5.createElement(Surface3, {
     role: `complementary--${part}`,
     data: {
       subject: node.properties.object,
       popoverAnchorId
     },
-    limit: 1,
     fallback: PlankContentError,
     placeholder: /* @__PURE__ */ React5.createElement(PlankLoading, null)
-  })));
+  }))));
 };
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx
@@ -640,13 +641,13 @@ var Sidebar = ({ layoutParts }) => {
 // packages/plugins/plugin-deck/src/components/DeckLayout/StatusBar.tsx
 import React11 from "react";
 import { Surface as Surface8 } from "@dxos/app-framework";
-import { mainPadding, mx as mx4 } from "@dxos/react-ui-theme";
+import { mainPadding, mainPaddingTransitions, mx as mx4 } from "@dxos/react-ui-theme";
 var StatusBar = ({ showHints }) => {
   const sizeAttrs = useMainSize();
   return /* @__PURE__ */ React11.createElement("div", {
     role: "none",
     ...sizeAttrs,
-    className: mx4("fixed flex justify-between block-end-0 inset-inline-0 items-center border-bs border-separator z-[2]", mainPadding)
+    className: mx4("fixed flex justify-between block-end-0 inset-inline-0 items-center border-bs border-separator z-[2]", mainPadding, mainPaddingTransitions)
   }, /* @__PURE__ */ React11.createElement("div", {
     role: "none"
   }, showHints && /* @__PURE__ */ React11.createElement(Surface8, {
@@ -705,7 +706,10 @@ var getEffectivePart = (partName, layoutMode) => layoutMode === "solo" && partNa
 import { PLANK_DEFAULTS } from "@dxos/react-ui-deck";
 var calculateOverscroll = (planks, plankSizing, sidebarOpen, complementarySidebarOpen) => {
   if (!planks?.length) {
-    return;
+    return {
+      paddingInlineStart: 0,
+      paddingInlineEnd: 0
+    };
   }
   const sidebarWidth = sidebarOpen ? "270px" : "0px";
   const complementarySidebarWidth = complementarySidebarOpen ? "360px" : "0px";
@@ -715,8 +719,8 @@ var calculateOverscroll = (planks, plankSizing, sidebarOpen, complementarySideba
     const plankSize = getPlankSize(plank.id);
     const overscrollPadding = `max(0px, calc(((100dvw - ${sidebarWidth} - ${complementarySidebarWidth} - (${plankSize} + 20px)) / 2)))`;
     return {
-      paddingLeft: overscrollPadding,
-      paddingRight: overscrollPadding
+      paddingInlineStart: overscrollPadding,
+      paddingInlineEnd: overscrollPadding
     };
   } else {
     const first = planks[0];
@@ -724,8 +728,8 @@ var calculateOverscroll = (planks, plankSizing, sidebarOpen, complementarySideba
     const last = planks[planks.length - 1];
     const lastSize = getPlankSize(last.id);
     return {
-      paddingLeft: `max(0px, calc(((100dvw - (${firstSize} + 20px)) / 2) - ${sidebarWidth}))`,
-      paddingRight: `max(0px, calc(((100dvw - (${lastSize} + 20px)) / 2) - ${complementarySidebarWidth}))`
+      paddingInlineStart: `max(0px, calc(((100dvw - (${firstSize} + 20px)) / 2) - ${sidebarWidth}))`,
+      paddingInlineEnd: `max(0px, calc(((100dvw - (${lastSize} + 20px)) / 2) - ${complementarySidebarWidth}))`
     };
   }
 };
@@ -860,6 +864,7 @@ var DeckLayout = ({ layoutParts, toasts, flatDeck, overscroll, showHints, slots,
     style: padding,
     classNames: [
       !flatDeck && "bg-deck",
+      mainPaddingTransitions2,
       "absolute inset-0",
       slots?.wallpaper?.classNames
     ],