@floegence/floe-webapp-core 0.39.9 → 0.39.10

package/dist/components/ui/SurfaceFloatingLayer.d.ts

@@ -9,6 +9,8 @@ export type SurfaceFloatingLayerSize = Readonly<{
 }>;
 export interface SurfaceFloatingLayerProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'children' | 'class' | 'style' | 'ref'> {
     position: SurfaceFloatingLayerPosition;
+    /** Stable trigger or anchor used to resolve the owning projected surface. */
+    owner?: Element | null;
     estimatedSize?: SurfaceFloatingLayerSize;
     clamp?: boolean;
     class?: string;

package/dist/components/ui/SurfaceFloatingLayer.js

@@ -1,11 +1,11 @@
 import { createComponent as m, Portal as d, use as y, spread as S, mergeProps as P, insert as R, template as v } from "solid-js/web";
-import { splitProps as _, createMemo as i } from "solid-js";
+import { splitProps as _, createMemo as a } from "solid-js";
 import { cn as g } from "../../utils/cn.js";
 import { LOCAL_INTERACTION_SURFACE_ATTR as h } from "./localInteractionSurface.js";
 import { clampMenuPosition as A } from "./menuUtils.js";
 import { resolveSurfacePortalHost as T, SURFACE_FLOATING_LAYER_ATTR as z, resolveSurfacePortalMount as C, resolveSurfacePortalBoundaryRect as x, isSurfacePortalMode as L, projectSurfacePortalPosition as M } from "./dialogSurfaceScope.js";
 var $ = /* @__PURE__ */ v("<div>");
-function E() {
+function w() {
   return {
     left: 0,
     top: 0,
@@ -15,22 +15,24 @@ function E() {
     height: 0
   };
 }
-function j(n) {
-  const [e, l] = _(n, ["position", "estimatedSize", "clamp", "class", "style", "children", "layerRef"]), o = i(() => T()), r = () => L(o()), c = () => x(o()) ?? E(), u = () => e.clamp !== !1 && !!e.estimatedSize, p = i(() => {
+function O(i) {
+  const [e, l] = _(i, ["position", "owner", "estimatedSize", "clamp", "class", "style", "children", "layerRef"]), o = a(() => T({
+    owner: e.owner ?? null
+  })), r = () => L(o()), c = () => x(o()) ?? w(), u = () => e.clamp !== !1 && !!e.estimatedSize, p = a(() => {
     const t = e.position;
     return !u() || !e.estimatedSize ? t : A(t, e.estimatedSize, c());
-  }), s = () => M(p(), o()), f = () => ({
+  }), n = () => M(p(), o()), f = () => ({
     ...e.style ?? {},
-    left: `${s().x}px`,
-    top: `${s().y}px`
+    left: `${n().x}px`,
+    top: `${n().y}px`
   });
   return m(d, {
     get mount() {
       return C(o());
     },
     get children() {
-      var t = $(), a = e.layerRef;
-      return typeof a == "function" ? y(a, t) : e.layerRef = t, S(t, P(l, {
+      var t = $(), s = e.layerRef;
+      return typeof s == "function" ? y(s, t) : e.layerRef = t, S(t, P(l, {
         get class() {
           return g(r() ? "absolute z-20" : "fixed z-50", e.class);
         },
@@ -46,5 +48,5 @@ function j(n) {
   });
 }
 export {
-  j as SurfaceFloatingLayer
+  O as SurfaceFloatingLayer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.39.9",
+  "version": "0.39.10",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",