@flytedan/flytebot-design-system 0.57.0 → 0.58.0

package/dist/index.cjs

@@ -49,6 +49,7 @@ __export(index_exports, {
   CHANNEL_WEIGHTS: () => CHANNEL_WEIGHTS,
   CHAT_UNAVAILABLE: () => CHAT_UNAVAILABLE,
   COPIED_FEEDBACK_MS: () => COPIED_FEEDBACK_MS,
+  CORNER_STACK_INSET_PROPERTY: () => CORNER_STACK_INSET_PROPERTY,
   Calendar: () => Calendar,
   Card: () => Card,
   CardGrid: () => CardGrid,
@@ -1386,9 +1387,11 @@ var React10 = __toESM(require("react"), 1);
 // src/kits/cornerStack.tsx
 var React9 = __toESM(require("react"), 1);
 var import_react_dom5 = require("react-dom");
+var CORNER_STACK_INSET_PROPERTY = "--fd-corner-stack-inset";
 var SLOTS = ["jobs", "toasts"];
 var references = /* @__PURE__ */ new Map();
 var host = null;
+var hostObserver = null;
 var slotElements = /* @__PURE__ */ new Map();
 function createHost() {
   const stack = document.createElement("div");
@@ -1402,8 +1405,18 @@ function createHost() {
     slotElements.set(slot, element);
   }
   document.body.appendChild(stack);
+  publishInset(stack);
+  if (typeof ResizeObserver === "function") {
+    hostObserver = new ResizeObserver(() => publishInset(stack));
+    hostObserver.observe(stack);
+  }
   return stack;
 }
+function publishInset(stack) {
+  const height = stack.offsetHeight;
+  const inset = height > 0 ? height + parseFloat(getComputedStyle(stack).bottom) : 0;
+  document.documentElement.style.setProperty(CORNER_STACK_INSET_PROPERTY, `${inset}px`);
+}
 function acquire(slot) {
   host ??= createHost();
   references.set(slot, (references.get(slot) ?? 0) + 1);
@@ -1414,6 +1427,9 @@ function release(slot) {
   if (remaining > 0) references.set(slot, remaining);
   else references.delete(slot);
   if (references.size === 0 && host) {
+    hostObserver?.disconnect();
+    hostObserver = null;
+    document.documentElement.style.removeProperty(CORNER_STACK_INSET_PROPERTY);
     host.remove();
     host = null;
     slotElements.clear();
@@ -1852,7 +1868,7 @@ function AppShell({
             /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               "div",
               {
-                className: contentClassName,
+                className: ["fd-app-shell-content", contentClassName].filter(Boolean).join(" "),
                 style: {
                   flex: 1,
                   minWidth: 0,
@@ -1860,7 +1876,6 @@ function AppShell({
                   // table) is contained and clipped by this scroller, never stretching the document.
                   position: "relative",
                   overflowY: "auto",
-                  padding: 24,
                   maxWidth: contentMaxWidth,
                   margin: "0 auto",
                   width: "100%",
@@ -14713,6 +14728,7 @@ function useDocumentTitle(routeTitle, appName) {
   CHANNEL_WEIGHTS,
   CHAT_UNAVAILABLE,
   COPIED_FEEDBACK_MS,
+  CORNER_STACK_INSET_PROPERTY,
   Calendar,
   Card,
   CardGrid,