npm - @floegence/floe-webapp-core - Versions diffs - 0.74.0 → 0.74.2 - Mend

@floegence/floe-webapp-core 0.74.0 → 0.74.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/components/ui/Dialog.js +48 -48
package/dist/components/ui/FloatingWindow.js +197 -197
package/dist/viewport.d.ts +4 -1
package/dist/viewport.js +55 -50
package/package.json +1 -1

package/dist/components/ui/Dialog.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { createComponent as o, use as G, setAttribute as f, style as ne, Portal as ae, spread as I, mergeProps as M, memo as C, insert as i, effect as D, className as q, template as m } from "solid-js/web";
-import { createSignal as P, onMount as ie, onCleanup as E, createUniqueId as le, createEffect as K, createMemo as U, Show as g, untrack as V } from "solid-js";
+import { createComponent as o, use as G, setAttribute as f, style as ne, Portal as ae, spread as I, mergeProps as M, memo as C, insert as l, effect as S, className as q, template as m } from "solid-js/web";
+import { createSignal as D, onMount as ie, onCleanup as E, createUniqueId as le, createEffect as K, createMemo as U, Show as g, untrack as V } from "solid-js";
 import { cn as y } from "../../utils/cn.js";
 import { Button as j } from "./Button.js";
 import { X as de } from "../icons/index.js";
@@ -11,11 +11,11 @@ import { createFloatingPresence as we } from "./floatingPresence.js";
 import { useDialogPlacement as ye } from "./DialogPlacementContext.js";
 import { observeViewport as xe, viewportStyle as pe } from "../../viewport.js";
 import { resolveFloatingBoundary as $e } from "./surfaceFloatingBoundary.js";
-var Ae = /* @__PURE__ */ m("<span aria-hidden=true>"), Ce = /* @__PURE__ */ m('<h2 class="text-sm font-semibold">'), _e = /* @__PURE__ */ m('<div data-floe-dialog-header class="flex shrink-0 items-start justify-between p-3 border-b border-border"><div>'), ke = /* @__PURE__ */ m('<p class="mb-3 shrink-0 text-sm text-muted-foreground last:mb-0">'), Oe = /* @__PURE__ */ m('<div data-floe-dialog-footer class="flex shrink-0 items-center justify-end gap-2 p-3 border-t border-border">'), Re = /* @__PURE__ */ m("<div><div></div><div><div data-floe-surface=floating><div data-floe-dialog-body>"), De = /* @__PURE__ */ m("<h2 class=sr-only>");
-const Pe = {
+var Ae = /* @__PURE__ */ m("<span aria-hidden=true>"), Ce = /* @__PURE__ */ m('<h2 class="text-sm font-semibold">'), _e = /* @__PURE__ */ m('<div data-floe-dialog-header class="flex shrink-0 items-start justify-between p-3 border-b border-border"><div>'), ke = /* @__PURE__ */ m('<p class="mb-3 shrink-0 text-sm text-muted-foreground last:mb-0">'), Oe = /* @__PURE__ */ m('<div data-floe-dialog-footer class="flex shrink-0 items-center justify-end gap-2 p-3 border-t border-border">'), Re = /* @__PURE__ */ m("<div><div></div><div><div data-floe-surface=floating><div data-floe-dialog-body>"), Se = /* @__PURE__ */ m("<h2 class=sr-only>");
+const De = {
   display: "none"
 };
-function Se(e) {
+function Pe(e) {
   if (typeof queueMicrotask == "function") {
     queueMicrotask(e);
     return;
@@ -36,11 +36,11 @@ function Be(e) {
   window.clearTimeout(e);
 }
 function Fe(e) {
-  const x = ye(), [d, W] = P();
+  const x = ye(), [n, W] = D();
   ie(() => E(xe(window, W)));
-  const c = le(), S = () => `dialog-${c}-title`, H = () => `dialog-${c}-description`;
+  const c = le(), P = () => `dialog-${c}-title`, H = () => `dialog-${c}-description`;
   let T;
-  const [k, Y] = P(null), [L, X] = P(0), [J, Q] = P(0), B = () => e.presentation === "side-drawer", u = () => e.presentation === "bottom-drawer", s = we({
+  const [k, Y] = D(null), [L, X] = D(0), [J, Q] = D(0), B = () => e.presentation === "side-drawer", u = () => e.presentation === "bottom-drawer", s = we({
     open: () => e.open && !!k() && L() > 0,
     get exitDurationMs() {
       return u() ? 180 : 160;
@@ -48,8 +48,8 @@ function Fe(e) {
   }), p = () => s.mounted() && !!k() && L() > 0;
   K(() => e.onPresenceChange?.(p())), E(() => e.onPresenceChange?.(!1));
   const ee = (t) => {
-    Y(t), Se(() => {
-      V(k) === t && X((l) => l + 1);
+    Y(t), Pe(() => {
+      V(k) === t && X((d) => d + 1);
     });
   }, O = U(() => p() ? ue({
     owner: k()
@@ -58,42 +58,42 @@ function Fe(e) {
     boundaryHost: null,
     mountHost: null,
     mode: "global"
-  }), $ = () => `dialog-boundary-${c}`, n = () => x.mode() === "auto" && z(O()), te = () => n() ? be(O()) : void 0, N = () => e.globalZIndex ?? x.globalZIndex(), F = (t) => me($e(t, void 0, V(d)?.safeArea) ?? he(t), t), re = () => F(O()), R = U(() => (J(), d(), re())), oe = (t) => typeof Element < "u" && t instanceof Element ? !!t.closest(`[${_}="${$()}"]`) : typeof Node < "u" && t instanceof Node ? !!t.parentElement?.closest(`[${_}="${$()}"]`) : !1;
+  }), $ = () => `dialog-boundary-${c}`, a = () => x.mode() === "auto" && z(O()), te = () => a() ? be(O()) : void 0, N = () => e.globalZIndex ?? x.globalZIndex(), F = (t) => me($e(t, void 0, V(n)?.safeArea) ?? he(t), t), re = () => F(O()), R = U(() => (J(), n(), re())), oe = (t) => typeof Element < "u" && t instanceof Element ? !!t.closest(`[${_}="${$()}"]`) : typeof Node < "u" && t instanceof Node ? !!t.parentElement?.closest(`[${_}="${$()}"]`) : !1;
   return K(() => {
     const t = O();
-    if (!p() || !n() || typeof window > "u")
+    if (!p() || !a() || typeof window > "u")
       return;
-    let l = !1, h = null, a = Z(F(t));
+    let d = !1, h = null, i = Z(F(t));
     const b = () => {
-      if (l || !z(t))
+      if (d || !z(t))
         return;
       const r = Z(F(t));
-      r !== a && (a = r, Q((v) => v + 1));
+      r !== i && (i = r, Q((v) => v + 1));
     }, A = () => {
-      l || (h = Te(() => {
+      d || (h = Te(() => {
         b(), A();
       }));
     };
     A(), E(() => {
-      l = !0, h !== null && Be(h);
+      d = !0, h !== null && Be(h);
     });
   }), ce({
     open: p,
     root: () => T,
     containsTarget: oe,
     onClose: () => e.onOpenChange(!1),
-    lockBodyScroll: () => !n(),
+    lockBodyScroll: () => !a(),
     trapFocus: !0,
-    closeOnEscape: () => n() ? "inside" : !0,
+    closeOnEscape: () => a() ? "inside" : !0,
     escapeKeyPhase: () => e.escapeKeyPhase ?? "capture",
     blockHotkeys: !0,
     // Block scroll bleed outside the dialog while keeping the dialog content scrollable.
-    blockWheel: () => n() ? "none" : "outside",
-    blockTouchMove: () => n() ? "none" : "outside",
+    blockWheel: () => a() ? "none" : "outside",
+    blockTouchMove: () => a() ? "none" : "outside",
     restoreFocus: !0
   }), [(() => {
     var t = Ae();
-    return G(ee, t), f(t, "data-floe-dialog-owner-anchor", c), ne(t, Pe), t;
+    return G(ee, t), f(t, "data-floe-dialog-owner-anchor", c), ne(t, De), t;
   })(), o(g, {
     get when() {
       return p();
@@ -104,10 +104,10 @@ function Fe(e) {
           return te();
         },
         get children() {
-          var t = Re(), l = t.firstChild, h = l.nextSibling, a = h.firstChild, b = a.firstChild;
+          var t = Re(), d = t.firstChild, h = d.nextSibling, i = h.firstChild, b = i.firstChild;
           f(t, "data-floe-dialog-overlay-root", c), I(t, M({
             get "data-floe-dialog-mode"() {
-              return n() ? "surface" : "global";
+              return a() ? "surface" : "global";
             },
             get "data-floe-dialog-presentation"() {
               return e.presentation ?? "dialog";
@@ -125,22 +125,22 @@ function Fe(e) {
             [_]: $()
           }), {
             get class() {
-              return y(n() ? "absolute z-20 box-border p-3" : y("fixed box-border p-4", N() === void 0 && "z-50"), u() && "floe-bottom-drawer-overlay", B() && "floe-side-drawer-overlay", s.exiting() && !u() && "pointer-events-none");
+              return y(a() ? "absolute z-20 box-border p-3" : y("fixed box-border p-4", N() === void 0 && "z-50"), u() && "floe-bottom-drawer-overlay", B() && "floe-side-drawer-overlay", s.exiting() && !u() && "pointer-events-none");
             },
             get style() {
-              return C(() => !!n())() ? {
+              return C(() => !!a())() ? {
                 left: `${R().left}px`,
                 top: `${R().top}px`,
                 width: `${R().width}px`,
                 height: `${R().height}px`
               } : {
-                ...d() ? pe(d()) : {
+                ...n() ? pe(n()) : {
                   inset: "0"
                 },
-                "--floe-dialog-safe-top": `${d()?.safeArea.top ?? 0}px`,
-                "--floe-dialog-safe-right": `${d()?.safeArea.right ?? 0}px`,
-                "--floe-dialog-safe-bottom": `${d()?.safeArea.bottom ?? 0}px`,
-                "--floe-dialog-safe-left": `${d()?.safeArea.left ?? 0}px`,
+                "--floe-dialog-safe-top": `${(n()?.safeArea.top ?? 0) / (n()?.fixedScale ?? 1)}px`,
+                "--floe-dialog-safe-right": `${(n()?.safeArea.right ?? 0) / (n()?.fixedScale ?? 1)}px`,
+                "--floe-dialog-safe-bottom": `${(n()?.safeArea.bottom ?? 0) / (n()?.fixedScale ?? 1)}px`,
+                "--floe-dialog-safe-left": `${(n()?.safeArea.left ?? 0) / (n()?.fixedScale ?? 1)}px`,
                 "padding-top": "max(var(--floe-dialog-gap-y, 1rem), var(--floe-dialog-safe-top))",
                 "padding-right": "max(var(--floe-dialog-gap-x, 1rem), var(--floe-dialog-safe-right))",
                 "padding-bottom": "max(var(--floe-dialog-gap-y, 1rem), var(--floe-dialog-safe-bottom))",
@@ -148,26 +148,26 @@ function Fe(e) {
                 "z-index": N()
               };
             }
-          }), !1, !0), f(l, "data-floe-dialog-backdrop", c), I(l, M(() => ({
+          }), !1, !0), f(d, "data-floe-dialog-backdrop", c), I(d, M(() => ({
             [_]: $()
           }), {
             get "data-floating-presence"() {
               return s.state();
             },
             get class() {
-              return y("absolute inset-0 floe-floating-presence floe-floating-backdrop", e.closeOnBackdropClick === !1 ? "cursor-default" : "cursor-pointer", u() ? "floe-bottom-drawer-backdrop" : n() ? "bg-background/72 backdrop-blur-[2px]" : "bg-background/80 backdrop-blur-sm");
+              return y("absolute inset-0 floe-floating-presence floe-floating-backdrop", e.closeOnBackdropClick === !1 ? "cursor-default" : "cursor-pointer", u() ? "floe-bottom-drawer-backdrop" : a() ? "bg-background/72 backdrop-blur-[2px]" : "bg-background/80 backdrop-blur-sm");
             },
             onClick: () => {
               !s.exiting() && e.closeOnBackdropClick !== !1 && e.onOpenChange(!1);
             }
           }), !1, !1);
           var A = T;
-          return typeof A == "function" ? G(A, a) : T = a, f(a, "data-floe-dialog-panel", c), I(a, M(() => ({
+          return typeof A == "function" ? G(A, i) : T = i, f(i, "data-floe-dialog-panel", c), I(i, M(() => ({
             [_]: $(),
             [ge]: "true"
           }), {
             get class() {
-              return y(n() ? "flex max-h-[calc(100%-1rem)] w-[min(32rem,calc(100%-1rem))] max-w-[calc(100%-1rem)] flex-col" : "w-full max-w-md", "bg-card text-card-foreground rounded-md shadow-lg", "border border-border", "floe-floating-presence", u() ? "floe-bottom-drawer-panel" : B() ? "floe-side-drawer-panel" : "floe-floating-dialog-panel", "pointer-events-auto flex flex-col", e.class);
+              return y(a() ? "flex max-h-[calc(100%-1rem)] w-[min(32rem,calc(100%-1rem))] max-w-[calc(100%-1rem)] flex-col" : "w-full max-w-md", "bg-card text-card-foreground rounded-md shadow-lg", "border border-border", "floe-floating-presence", u() ? "floe-bottom-drawer-panel" : B() ? "floe-side-drawer-panel" : "floe-floating-dialog-panel", "pointer-events-auto flex flex-col", e.class);
             },
             style: {
               "max-height": "100%",
@@ -182,17 +182,17 @@ function Fe(e) {
             },
             role: "dialog",
             get "aria-modal"() {
-              return n() ? void 0 : "true";
+              return a() ? void 0 : "true";
             },
             get "aria-labelledby"() {
-              return C(() => !!e.title)() ? S() : void 0;
+              return C(() => !!e.title)() ? P() : void 0;
             },
             get "aria-describedby"() {
               return C(() => !!e.bodyDescription)() ? H() : void 0;
             },
             onKeyDown: (r) => e.onKeyDown?.(r),
             tabIndex: -1
-          }), !1, !0), i(a, o(g, {
+          }), !1, !0), l(i, o(g, {
             get when() {
               return e.header === void 0;
             },
@@ -202,8 +202,8 @@ function Fe(e) {
                   return e.title;
                 },
                 get children() {
-                  var r = De();
-                  return i(r, () => e.title), D(() => f(r, "id", S())), r;
+                  var r = Se();
+                  return l(r, () => e.title), S(() => f(r, "id", P())), r;
                 }
               }), C(() => e.header)];
             },
@@ -214,15 +214,15 @@ function Fe(e) {
                 },
                 get children() {
                   var r = _e(), v = r.firstChild;
-                  return i(v, o(g, {
+                  return l(v, o(g, {
                     get when() {
                       return e.title;
                     },
                     get children() {
                       var w = Ce();
-                      return i(w, () => e.title), D(() => f(w, "id", S())), w;
+                      return l(w, () => e.title), S(() => f(w, "id", P())), w;
                     }
-                  })), i(r, o(j, {
+                  })), l(r, o(j, {
                     variant: "ghost-destructive",
                     size: "icon",
                     class: "-my-2 -mr-2 h-[46px] w-[46px] shrink-0 sm:my-0 sm:-mr-1 sm:h-6 sm:w-6",
@@ -239,23 +239,23 @@ function Fe(e) {
                 }
               });
             }
-          }), b), i(b, o(g, {
+          }), b), l(b, o(g, {
             get when() {
               return e.bodyDescription;
             },
             get children() {
               var r = ke();
-              return i(r, () => e.bodyDescription), D(() => f(r, "id", H())), r;
+              return l(r, () => e.bodyDescription), S(() => f(r, "id", H())), r;
             }
-          }), null), i(b, () => e.children, null), i(a, o(g, {
+          }), null), l(b, () => e.children, null), l(i, o(g, {
             get when() {
               return e.footer;
             },
             get children() {
               var r = Oe();
-              return i(r, () => e.footer), r;
+              return l(r, () => e.footer), r;
             }
-          }), null), D((r) => {
+          }), null), S((r) => {
             var v = y("pointer-events-none relative z-[1] flex h-full w-full", B() ? "items-stretch justify-end" : u() ? "items-end justify-center" : "items-center justify-center"), w = y("min-h-0 flex-1 overflow-auto overscroll-contain p-3", e.contentClass);
             return v !== r.e && q(h, r.e = v), w !== r.t && q(b, r.t = w), r;
           }, {

package/dist/components/ui/FloatingWindow.js CHANGED Viewed

@@ -1,67 +1,67 @@
-import { createComponent as l, Portal as Ge, spread as _e, mergeProps as Se, memo as O, insert as c, effect as f, setAttribute as Qe, addEventListener as b, className as w, template as s, use as Pe, delegateEvents as Ze } from "solid-js/web";
-import { createSignal as g, createUniqueId as Je, onCleanup as C, onMount as Ke, createEffect as p, untrack as B, Show as z, batch as ee } from "solid-js";
-import { useMediaQuery as et } from "../../hooks/useMediaQuery.js";
-import { cn as D } from "../../utils/cn.js";
-import { useOptionalLayout as tt } from "../../context/LayoutContext.js";
-import { Button as Ie } from "./Button.js";
-import { Restore as nt, Maximize as it, X as ot } from "../icons/index.js";
-import { startHotInteraction as rt } from "../../utils/hotInteraction.js";
-import { startPointerSession as lt } from "./pointerSession.js";
-import { resolveFloatingWindowViewport as te, normalizeFloatingWindowRect as at, resolveFloatingWindowRect as st } from "./floatingWindowGeometry.js";
-import { observeViewport as dt } from "../../viewport.js";
-import { createFloatingPresence as ut } from "./floatingPresence.js";
-import { LOCAL_INTERACTION_SURFACE_ATTR as Re } from "./localInteractionSurface.js";
-import { resolveFloatingBoundary as ct } from "./surfaceFloatingBoundary.js";
-import { SURFACE_PORTAL_LAYER_ATTR as ft, resolveSurfacePortalHost as ht, SURFACE_FLOATING_LAYER_ATTR as wt } from "./dialogSurfaceScope.js";
-var gt = /* @__PURE__ */ s("<span hidden>"), mt = /* @__PURE__ */ s('<h2 class="text-xs leading-none font-medium truncate select-none">'), vt = /* @__PURE__ */ s('<div data-floe-floating-window-header-actions=true class="flex shrink-0 cursor-default items-center gap-1"><span aria-hidden=true class="mx-2 h-4 w-px shrink-0 bg-border">'), xt = /* @__PURE__ */ s('<div data-floe-floating-window-footer=true class="flex items-center justify-end gap-2 p-3 border-t border-border">'), yt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=n style=touch-action:none>"), bt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=s style=touch-action:none>"), pt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=e style=touch-action:none>"), zt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=w style=touch-action:none>"), $t = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=ne style=touch-action:none>"), _t = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=nw style=touch-action:none>"), St = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=se style=touch-action:none>"), Pt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=sw style=touch-action:none>"), It = /* @__PURE__ */ s('<div data-floe-geometry-surface=floating-window><div data-floe-dialog-surface-host=true><div data-floe-floating-window-titlebar=true style=touch-action:none><div class="flex-1 min-w-0 px-2"></div><div class="flex h-full shrink-0 items-stretch"></div></div><div data-floe-floating-window-content=true class="min-h-0 flex-1 overflow-auto overscroll-contain p-3">');
-function Xt(n) {
-  const ne = () => n.resizable ?? !0, W = () => n.maximizable ?? !0, ie = () => n.draggable ?? !0, oe = () => n.minSize ?? {
+import { createComponent as l, Portal as Qe, spread as Se, mergeProps as Pe, memo as D, insert as c, effect as f, setAttribute as Ze, addEventListener as b, className as w, template as s, use as Ie, delegateEvents as Je } from "solid-js/web";
+import { createSignal as g, createUniqueId as Ke, onCleanup as F, onMount as et, createEffect as p, untrack as W, Show as z, batch as te } from "solid-js";
+import { useMediaQuery as tt } from "../../hooks/useMediaQuery.js";
+import { cn as q } from "../../utils/cn.js";
+import { useOptionalLayout as nt } from "../../context/LayoutContext.js";
+import { Button as Re } from "./Button.js";
+import { Restore as it, Maximize as ot, X as rt } from "../icons/index.js";
+import { startHotInteraction as lt } from "../../utils/hotInteraction.js";
+import { startPointerSession as at } from "./pointerSession.js";
+import { resolveFloatingWindowViewport as ne, normalizeFloatingWindowRect as st, resolveFloatingWindowRect as dt } from "./floatingWindowGeometry.js";
+import { observeViewport as ut } from "../../viewport.js";
+import { createFloatingPresence as ct } from "./floatingPresence.js";
+import { LOCAL_INTERACTION_SURFACE_ATTR as Ae } from "./localInteractionSurface.js";
+import { resolveFloatingBoundary as ft } from "./surfaceFloatingBoundary.js";
+import { SURFACE_PORTAL_LAYER_ATTR as ht, resolveSurfacePortalHost as wt, SURFACE_FLOATING_LAYER_ATTR as gt } from "./dialogSurfaceScope.js";
+var mt = /* @__PURE__ */ s("<span hidden>"), vt = /* @__PURE__ */ s('<h2 class="text-xs leading-none font-medium truncate select-none">'), xt = /* @__PURE__ */ s('<div data-floe-floating-window-header-actions=true class="flex shrink-0 cursor-default items-center gap-1"><span aria-hidden=true class="mx-2 h-4 w-px shrink-0 bg-border">'), yt = /* @__PURE__ */ s('<div data-floe-floating-window-footer=true class="flex items-center justify-end gap-2 p-3 border-t border-border">'), bt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=n style=touch-action:none>"), pt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=s style=touch-action:none>"), zt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=e style=touch-action:none>"), $t = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=w style=touch-action:none>"), _t = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=ne style=touch-action:none>"), St = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=nw style=touch-action:none>"), Pt = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=se style=touch-action:none>"), It = /* @__PURE__ */ s("<div data-floe-floating-window-resize-handle=sw style=touch-action:none>"), Rt = /* @__PURE__ */ s('<div data-floe-geometry-surface=floating-window><div data-floe-dialog-surface-host=true><div data-floe-floating-window-titlebar=true style=touch-action:none><div class="flex-1 min-w-0 px-2"></div><div class="flex h-full shrink-0 items-stretch"></div></div><div data-floe-floating-window-content=true class="min-h-0 flex-1 overflow-auto overscroll-contain p-3">');
+function Ht(n) {
+  const ie = () => n.resizable ?? !0, Y = () => n.maximizable ?? !0, oe = () => n.draggable ?? !0, re = () => n.minSize ?? {
     width: 200,
     height: 150
-  }, re = () => n.maxSize ?? {
+  }, le = () => n.maxSize ?? {
     width: 1 / 0,
     height: 1 / 0
   };
-  let q;
-  const [Y, Ae] = g(), [R, Ee] = g({
+  let N;
+  const [k, Ee] = g(), [A, Ce] = g({
     x: 0,
     y: 0,
     width: 0,
     height: 0
   }, {
     equals: (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height
-  }), [N, Ce] = g(!0), h = () => !!(n.compactBelow && R().width < n.compactBelow), S = () => n.viewportInsets, X = (e) => ({
-    x: e.x + (Y()?.fixedOffset.left ?? 0),
-    y: e.y + (Y()?.fixedOffset.top ?? 0)
-  }), Fe = () => n.zIndex ?? 100, ke = Je(), F = tt()?.isMobile ?? et("(max-width: 767px)"), le = 16, ae = () => `floating-window-${ke}-title`, [H, Le] = g(n.defaultPosition ?? {
+  }), [X, Fe] = g(!0), h = () => !!(n.compactBelow && A().width < n.compactBelow), S = () => n.viewportInsets, P = () => k()?.fixedScale ?? 1, H = (e) => ({
+    x: (e.x + (k()?.fixedOffset.left ?? 0)) / P(),
+    y: (e.y + (k()?.fixedOffset.top ?? 0)) / P()
+  }), ke = () => n.zIndex ?? 100, Le = Ke(), L = nt()?.isMobile ?? tt("(max-width: 767px)"), ae = 16, se = () => `floating-window-${Le}-title`, [U, Me] = g(n.defaultPosition ?? {
     x: 0,
     y: 0
-  }), [U, Me] = g(n.defaultSize ?? {
+  }), [V, Te] = g(n.defaultSize ?? {
     width: 400,
     height: 300
-  }), [d, se] = g(!1), [k, de] = g(!1), [L, ue] = g(!1), [Te, V] = g(!1), P = ut({
+  }), [d, de] = g(!1), [M, ue] = g(!1), [T, ce] = g(!1), [Oe, j] = g(!1), I = ct({
     open: () => n.open
   });
-  let ce = {
+  let fe = {
     x: 0,
     y: 0
-  }, fe = {
+  }, he = {
     x: 0,
     y: 0,
     width: 0,
     height: 0
-  }, he = {
+  }, we = {
     x: 0,
     y: 0
-  }, we = {
+  }, ge = {
     x: 0,
     y: 0,
     width: 0,
     height: 0
-  }, ge = "se", a, u = null, M, m = null, A = {
+  }, me = "se", a, u = null, O, m = null, E = {
     x: 0,
     y: 0
-  }, I = null, T = null, j = !1, $ = {
+  }, R = null, B = null, G = !1, $ = {
     x: n.defaultPosition?.x ?? 0,
     y: n.defaultPosition?.y ?? 0,
     width: n.defaultSize?.width ?? 400,
@@ -69,16 +69,16 @@ function Xt(n) {
   }, v = {
     ...$
   }, _;
-  const me = (e) => {
+  const ve = (e) => {
     v = {
       ...e
     };
-    const t = te(R(), S());
+    const t = ne(A(), S());
     _ = {
       x: t.width > e.width ? (e.x - t.x) / (t.width - e.width) : _?.x ?? 0.5,
       y: t.height > e.height ? (e.y - t.y) / (t.height - e.height) : _?.y ?? 0.5
     };
-  }, Oe = {
+  }, Be = {
     n: "ns-resize",
     s: "ns-resize",
     e: "ew-resize",
@@ -87,50 +87,50 @@ function Xt(n) {
     nw: "nwse-resize",
     se: "nwse-resize",
     sw: "nesw-resize"
-  }, G = (e, t) => {
+  }, Q = (e, t) => {
     if (!e) {
-      T?.(), T = null;
+      B?.(), B = null;
       return;
     }
-    T?.(), T = rt({
+    B?.(), B = lt({
       kind: m === "resize" ? "resize" : "drag",
       cursor: t,
       lockUserSelect: !0
     });
-  }, ve = (e) => {
+  }, xe = (e) => {
     if ($ = e, !a) return;
-    const t = X(e);
-    a.style.transform = `translate3d(${t.x}px, ${t.y}px, 0)`, a.style.width = `${e.width}px`, a.style.height = `${e.height}px`;
-  }, Be = () => {
-    const e = H(), t = U();
+    const t = H(e);
+    a.style.transform = `translate3d(${t.x}px, ${t.y}px, 0)`, a.style.width = `${e.width / P()}px`, a.style.height = `${e.height / P()}px`;
+  }, De = () => {
+    const e = U(), t = V();
     return {
       x: e.x,
       y: e.y,
       width: t.width,
       height: t.height
     };
-  }, Q = (e) => {
-    $ = e, Le((t) => t.x === e.x && t.y === e.y ? t : {
+  }, Z = (e) => {
+    $ = e, Me((t) => t.x === e.x && t.y === e.y ? t : {
       x: e.x,
       y: e.y
-    }), Me((t) => t.width === e.width && t.height === e.height ? t : {
+    }), Te((t) => t.width === e.width && t.height === e.height ? t : {
       width: e.width,
       height: e.height
     });
-  }, De = () => {
+  }, We = () => {
     try {
       a?.focus({
         preventScroll: !0
       });
     } catch {
     }
-  }, We = (e) => {
+  }, qe = (e) => {
     const t = e instanceof Element ? e : null;
     return t ? t.closest('button, input, select, textarea, a, [role="button"], [tabindex]:not([tabindex="-1"])') === null : !0;
-  }, Z = (e) => !!a && e instanceof Node && a.contains(e), qe = (e) => {
-    const o = (e instanceof Element ? e : null)?.closest('[role="menu"]')?.closest(`[${wt}="true"]`);
+  }, J = (e) => !!a && e instanceof Node && a.contains(e), Ye = (e) => {
+    const o = (e instanceof Element ? e : null)?.closest('[role="menu"]')?.closest(`[${gt}="true"]`);
     return !!(o && a?.contains(o));
-  }, Ye = () => {
+  }, Ne = () => {
     if (!a) return null;
     const e = a.getBoundingClientRect();
     return {
@@ -139,83 +139,83 @@ function Xt(n) {
       width: e.width,
       height: e.height
     };
-  }, xe = () => {
-    n.open && (u === null || m === null || typeof window > "u" || ve(st({
+  }, ye = () => {
+    n.open && (u === null || m === null || typeof window > "u" || xe(dt({
       mode: m,
-      pointer: A,
-      dragStartPos: ce,
-      dragStartRect: fe,
-      resizeStartPos: he,
-      resizeStartRect: we,
-      resizeHandle: ge,
-      minSize: oe(),
-      maxSize: re(),
-      viewport: R(),
+      pointer: E,
+      dragStartPos: fe,
+      dragStartRect: he,
+      resizeStartPos: we,
+      resizeStartRect: ge,
+      resizeHandle: me,
+      minSize: re(),
+      maxSize: le(),
+      viewport: A(),
       viewportInsets: S(),
-      mobile: F(),
-      mobilePadding: le
+      mobile: L(),
+      mobilePadding: ae
     })));
-  }, E = (e) => {
+  }, C = (e) => {
     if (typeof window > "u") return;
-    const t = R();
+    const t = A();
     if (d() || h()) {
-      Q(te(t, S()));
+      Z(ne(t, S()));
       return;
     }
-    let r = at({
+    let r = st({
       rect: v,
-      minSize: oe(),
-      maxSize: re(),
+      minSize: re(),
+      maxSize: le(),
       viewport: t,
       viewportInsets: S(),
-      mobile: n.boundary === void 0 && F(),
-      mobilePadding: le,
+      mobile: n.boundary === void 0 && L(),
+      mobilePadding: ae,
       center: e?.center ?? !1
     });
     if (n.boundary !== void 0 && _ && !e?.center) {
-      const o = te(t, S());
+      const o = ne(t, S());
       r = {
         ...r,
         x: o.x + _.x * Math.max(0, o.width - r.width),
         y: o.y + _.y * Math.max(0, o.height - r.height)
       };
     }
-    if (Q(r), !_) {
+    if (Z(r), !_) {
       const o = {
         width: v.width,
         height: v.height
       };
-      me(r), Object.assign(v, o);
+      ve(r), Object.assign(v, o);
     }
-  }, ye = (e) => {
-    I !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(I), I = null), e && xe();
-    const t = e ? Ye() ?? $ : null;
-    ee(() => {
+  }, be = (e) => {
+    R !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(R), R = null), e && ye();
+    const t = e ? Ne() ?? $ : null;
+    te(() => {
       if (t) {
-        Q(t);
+        Z(t);
         const r = {
           width: v.width,
           height: v.height
         };
-        me(t), m === "drag" && Object.assign(v, r);
+        ve(t), m === "drag" && Object.assign(v, r);
       }
-      u = null, m = null, de(!1), ue(!1);
-    }), G(!1, ""), M = void 0;
-  }, J = (e = !1) => {
-    M ? M.stop({
+      u = null, m = null, ue(!1), ce(!1);
+    }), Q(!1, ""), O = void 0;
+  }, K = (e = !1) => {
+    O ? O.stop({
       commit: e
-    }) : ye(e);
+    }) : be(e);
   };
-  C(() => J(!1)), Ke(() => {
+  F(() => K(!1)), et(() => {
     const e = () => {
-      const t = Y(), r = n.boundary === void 0 ? {
+      const t = k(), r = n.boundary === void 0 ? {
         boundaryHost: null,
         mode: "global"
-      } : ht({
-        owner: q
-      }), o = ct(r, n.boundary, t?.safeArea);
-      ee(() => {
-        Ce(!!(o && o.width > 16 && o.height > 16)), Ee(o ? {
+      } : wt({
+        owner: N
+      }), o = ft(r, n.boundary, t?.safeArea);
+      te(() => {
+        Fe(!!(o && o.width > 16 && o.height > 16)), Ce(o ? {
           x: o.left,
           y: o.top,
           width: o.width,
@@ -228,27 +228,27 @@ function Xt(n) {
         });
       });
     };
-    C(dt(window, (t) => {
-      ee(() => {
-        Ae(t), B(e);
+    F(ut(window, (t) => {
+      te(() => {
+        Ee(t), W(e);
       });
     })), p(() => {
       if (!n.open || n.boundary === void 0) return;
       let t = 0;
       const r = () => {
-        B(e), t = requestAnimationFrame(r);
+        W(e), t = requestAnimationFrame(r);
       };
-      r(), C(() => cancelAnimationFrame(t));
-    }), n.open || E({
+      r(), F(() => cancelAnimationFrame(t));
+    }), n.open || C({
       center: !n.defaultPosition
     });
   }), p(() => {
     if (!n.open) return;
-    F();
-    const e = !j && !n.defaultPosition, t = () => {
-      E({
+    L();
+    const e = !G && !n.defaultPosition, t = () => {
+      C({
         center: e
-      }), j = !0;
+      }), G = !0;
     };
     if (typeof requestAnimationFrame > "u") {
       t();
@@ -256,12 +256,12 @@ function Xt(n) {
     }
     requestAnimationFrame(t);
   }), p(() => {
-    S(), R(), h(), !(!n.open || !j || u !== null) && B(() => E({
+    S(), A(), h(), !(!n.open || !G || u !== null) && W(() => C({
       center: !1
     }));
   }), p(() => {
-    W() || !d() || B(() => {
-      se(!1), E({
+    Y() || !d() || W(() => {
+      de(!1), C({
         center: !1
       });
     });
@@ -270,88 +270,88 @@ function Xt(n) {
     const e = (t) => {
       if (t.key !== "Escape") return;
       const r = typeof document < "u" ? document.activeElement : null;
-      !Z(t.target) && !Z(r) || qe(t.target) || (t.preventDefault(), typeof t.stopImmediatePropagation == "function" ? t.stopImmediatePropagation() : t.stopPropagation(), n.onOpenChange(!1));
+      !J(t.target) && !J(r) || Ye(t.target) || (t.preventDefault(), typeof t.stopImmediatePropagation == "function" ? t.stopImmediatePropagation() : t.stopPropagation(), n.onOpenChange(!1));
     };
-    document.addEventListener("keydown", e, !0), C(() => document.removeEventListener("keydown", e, !0));
+    document.addEventListener("keydown", e, !0), F(() => document.removeEventListener("keydown", e, !0));
   }), p(() => {
     if (!n.open) {
-      V(!1), J(!1);
+      j(!1), K(!1);
       return;
     }
-    V(!0);
+    j(!0);
   }), p(() => {
     if (!n.open) return;
     const e = (o) => {
-      V(Z(o));
+      j(J(o));
     }, t = (o) => {
       e(o.target);
     }, r = (o) => {
       e(o.target);
     };
-    document.addEventListener("pointerdown", t), document.addEventListener("focusin", r), C(() => {
+    document.addEventListener("pointerdown", t), document.addEventListener("focusin", r), F(() => {
       document.removeEventListener("pointerdown", t), document.removeEventListener("focusin", r);
     });
   }), p(() => {
     if (!n.open) return;
-    const e = Be();
-    u === null ? ve(e) : $ = e;
+    const e = De();
+    u === null ? xe(e) : $ = e;
   });
-  const Ne = (e) => {
-    !ie() || d() || h() || u !== null || e.pointerType === "mouse" && e.button !== 0 || e.target?.closest('button, input, select, textarea, a, [role="button"], [data-floe-floating-window-header-actions]') || (e.preventDefault(), u = e.pointerId, m = "drag", de(!0), ce = {
+  const Xe = (e) => {
+    !oe() || d() || h() || u !== null || e.pointerType === "mouse" && e.button !== 0 || e.target?.closest('button, input, select, textarea, a, [role="button"], [data-floe-floating-window-header-actions]') || (e.preventDefault(), u = e.pointerId, m = "drag", ue(!0), fe = {
       x: e.clientX,
       y: e.clientY
-    }, fe = {
+    }, he = {
       ...$
-    }, A = {
+    }, E = {
       x: e.clientX,
       y: e.clientY
-    }, G(!0, "grabbing"), pe(e));
+    }, Q(!0, "grabbing"), ze(e));
   }, x = (e) => (t) => {
-    !ne() || d() || h() || u !== null || t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), t.stopPropagation(), u = t.pointerId, m = "resize", ue(!0), ge = e, he = {
+    !ie() || d() || h() || u !== null || t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), t.stopPropagation(), u = t.pointerId, m = "resize", ce(!0), me = e, we = {
       x: t.clientX,
       y: t.clientY
-    }, we = {
+    }, ge = {
       ...$
-    }, A = {
+    }, E = {
       x: t.clientX,
       y: t.clientY
-    }, G(!0, Oe[e]), pe(t));
-  }, be = () => {
-    I = null, xe();
-  }, Xe = (e) => {
-    if (!(u === null || e.pointerId !== u) && m !== null && (A = {
+    }, Q(!0, Be[e]), ze(t));
+  }, pe = () => {
+    R = null, ye();
+  }, He = (e) => {
+    if (!(u === null || e.pointerId !== u) && m !== null && (E = {
       x: e.clientX,
       y: e.clientY
-    }, I === null)) {
+    }, R === null)) {
       if (typeof requestAnimationFrame > "u") {
-        be();
+        pe();
         return;
       }
-      I = requestAnimationFrame(be);
+      R = requestAnimationFrame(pe);
     }
-  }, pe = (e) => {
-    M = lt({
+  }, ze = (e) => {
+    O = at({
       pointerEvent: e,
       captureEl: a,
-      onMove: Xe,
+      onMove: He,
       onEnd: ({
         commit: t,
         reason: r,
         snapshot: o
       }) => {
-        A = {
+        E = {
           x: o.latestClientX,
           y: o.latestClientY
-        }, ye(t || r === "pointer_cancel");
+        }, be(t || r === "pointer_cancel");
       }
     });
-  }, ze = () => {
-    !W() || h() || (u !== null && J(!0), se(!d()), E());
-  }, He = (e) => {
-    e.target?.closest("button, [data-floe-floating-window-header-actions]") || ze();
+  }, $e = () => {
+    !Y() || h() || (u !== null && K(!0), de(!d()), C());
   }, Ue = (e) => {
-    We(e.target) && De();
-  }, y = (e) => D("absolute z-10", {
+    e.target?.closest("button, [data-floe-floating-window-header-actions]") || $e();
+  }, Ve = (e) => {
+    qe(e.target) && We();
+  }, y = (e) => q("absolute z-10", {
     n: "cursor-ns-resize top-0 left-2 right-2 h-1",
     s: "cursor-ns-resize bottom-0 left-2 right-2 h-1",
     e: "cursor-ew-resize right-0 top-2 bottom-2 w-1",
@@ -362,67 +362,67 @@ function Xt(n) {
     sw: "cursor-nesw-resize bottom-0 left-0 w-2 h-2"
   }[e]);
   return [(() => {
-    var e = gt(), t = q;
-    return typeof t == "function" ? Pe(t, e) : q = e, e;
+    var e = mt(), t = N;
+    return typeof t == "function" ? Ie(t, e) : N = e, e;
   })(), l(z, {
     get when() {
-      return P.mounted();
+      return I.mounted();
     },
     get children() {
-      return l(Ge, {
+      return l(Qe, {
         get children() {
-          var e = It(), t = e.firstChild, r = t.firstChild, o = r.firstChild, K = o.nextSibling, Ve = r.nextSibling, $e = a;
-          return typeof $e == "function" ? Pe($e, e) : a = e, _e(e, Se({
+          var e = Rt(), t = e.firstChild, r = t.firstChild, o = r.firstChild, ee = o.nextSibling, je = r.nextSibling, _e = a;
+          return typeof _e == "function" ? Ie(_e, e) : a = e, Se(e, Pe({
             get "data-floating-presence"() {
-              return P.state();
+              return I.state();
             },
             get "aria-hidden"() {
-              return P.exiting() || !N() ? "true" : void 0;
+              return I.exiting() || !X() ? "true" : void 0;
             },
             get inert() {
-              return P.exiting() || !N();
+              return I.exiting() || !X();
             },
             get "data-floe-floating-window-compact"() {
               return h() ? "true" : void 0;
             }
           }, {
-            [Re]: "true"
+            [Ae]: "true"
           }, {
             get class() {
-              return D("fixed left-0 top-0 z-[100] flex flex-col", (k() || L()) && "select-none", P.exiting() && "pointer-events-none");
+              return q("fixed left-0 top-0 z-[100] flex flex-col", (M() || T()) && "select-none", I.exiting() && "pointer-events-none");
             },
             get style() {
               return {
-                visibility: N() ? void 0 : "hidden",
-                width: `${U().width}px`,
-                height: `${U().height}px`,
-                transform: `translate3d(${X(H()).x}px, ${X(H()).y}px, 0)`,
-                "z-index": Fe(),
-                "will-change": k() ? "transform" : L() ? "transform, width, height" : void 0
+                visibility: X() ? void 0 : "hidden",
+                width: `${V().width / P()}px`,
+                height: `${V().height / P()}px`,
+                transform: `translate3d(${H(U()).x}px, ${H(U()).y}px, 0)`,
+                "z-index": ke(),
+                "will-change": M() ? "transform" : T() ? "transform, width, height" : void 0
               };
             },
             role: "dialog",
             get "aria-labelledby"() {
-              return O(() => !!n.title)() ? ae() : void 0;
+              return D(() => !!n.title)() ? se() : void 0;
             },
             tabIndex: -1,
-            onPointerDown: Ue
-          }), !1, !0), _e(t, Se({
-            [ft]: "true"
+            onPointerDown: Ve
+          }), !1, !0), Se(t, Pe({
+            [ht]: "true"
           }, {
             "data-floe-floating-window-surface": "true",
             "data-floe-surface": "floating",
             get "data-floe-surface-interacting"() {
-              return k() || L() ? "true" : void 0;
+              return M() || T() ? "true" : void 0;
             },
             get "data-floe-floating-window-state"() {
-              return Te() ? "active" : "inactive";
+              return Oe() ? "active" : "inactive";
             }
           }, {
-            [Re]: "true"
+            [Ae]: "true"
           }, {
             get class() {
-              return D("relative flex h-full w-full flex-col overflow-hidden", "text-card-foreground rounded-md", "border", "floe-floating-presence floe-floating-window-motion", (k() || L()) && "floe-floating-presence--suspended", d() && "rounded-none", n.class);
+              return q("relative flex h-full w-full flex-col overflow-hidden", "text-card-foreground rounded-md", "border", "floe-floating-presence floe-floating-window-motion", (M() || T()) && "floe-floating-presence--suspended", d() && "rounded-none", n.class);
             },
             get style() {
               return {
@@ -430,39 +430,39 @@ function Xt(n) {
               };
             },
             get "data-floating-presence"() {
-              return P.state();
+              return I.state();
             }
-          }), !1, !0), r.$$dblclick = He, r.$$pointerdown = Ne, c(o, l(z, {
+          }), !1, !0), r.$$dblclick = Ue, r.$$pointerdown = Xe, c(o, l(z, {
             get when() {
               return n.title;
             },
             get children() {
-              var i = mt();
-              return c(i, () => n.title), f(() => Qe(i, "id", ae())), i;
+              var i = vt();
+              return c(i, () => n.title), f(() => Ze(i, "id", se())), i;
             }
           })), c(r, l(z, {
             get when() {
               return n.headerActions;
             },
             get children() {
-              var i = vt(), je = i.firstChild;
-              return c(i, () => n.headerActions, je), i;
+              var i = xt(), Ge = i.firstChild;
+              return c(i, () => n.headerActions, Ge), i;
             }
-          }), K), c(K, l(z, {
+          }), ee), c(ee, l(z, {
             get when() {
-              return O(() => !!W())() && !h();
+              return D(() => !!Y())() && !h();
             },
             get children() {
-              return l(Ie, {
+              return l(Re, {
                 variant: "ghost",
                 size: "icon",
                 "data-floe-floating-window-control": "maximize",
                 class: "h-full w-9 shrink-0 rounded-none border-0 px-0 active:scale-100",
                 onClick: (i) => {
-                  i.stopPropagation(), ze();
+                  i.stopPropagation(), $e();
                 },
                 get "aria-label"() {
-                  return O(() => !!d())() ? n.labels?.restore ?? "Restore" : n.labels?.maximize ?? "Maximize";
+                  return D(() => !!d())() ? n.labels?.restore ?? "Restore" : n.labels?.maximize ?? "Maximize";
                 },
                 get children() {
                   return l(z, {
@@ -470,12 +470,12 @@ function Xt(n) {
                       return d();
                     },
                     get fallback() {
-                      return l(it, {
+                      return l(ot, {
                         class: "w-3 h-3"
                       });
                     },
                     get children() {
-                      return l(nt, {
+                      return l(it, {
                         class: "w-3 h-3"
                       });
                     }
@@ -483,7 +483,7 @@ function Xt(n) {
                 }
               });
             }
-          }), null), c(K, l(Ie, {
+          }), null), c(ee, l(Re, {
             variant: "ghost-destructive",
             size: "icon",
             "data-floe-floating-window-control": "close",
@@ -495,63 +495,63 @@ function Xt(n) {
               return n.labels?.close ?? "Close";
             },
             get children() {
-              return l(ot, {
+              return l(rt, {
                 class: "w-3.5 h-3.5"
               });
             }
-          }), null), c(Ve, () => n.children), c(t, l(z, {
+          }), null), c(je, () => n.children), c(t, l(z, {
             get when() {
               return n.footer;
             },
             get children() {
-              var i = xt();
+              var i = yt();
               return c(i, () => n.footer), i;
             }
           }), null), c(t, l(z, {
             get when() {
-              return O(() => !!(ne() && !d()))() && !h();
+              return D(() => !!(ie() && !d()))() && !h();
             },
             get children() {
               return [(() => {
-                var i = yt();
+                var i = bt();
                 return b(i, "pointerdown", x("n"), !0), f(() => w(i, y("n"))), i;
               })(), (() => {
-                var i = bt();
+                var i = pt();
                 return b(i, "pointerdown", x("s"), !0), f(() => w(i, y("s"))), i;
               })(), l(z, {
                 get when() {
-                  return !F();
+                  return !L();
                 },
                 get children() {
                   return [(() => {
-                    var i = pt();
+                    var i = zt();
                     return b(i, "pointerdown", x("e"), !0), f(() => w(i, y("e"))), i;
                   })(), (() => {
-                    var i = zt();
+                    var i = $t();
                     return b(i, "pointerdown", x("w"), !0), f(() => w(i, y("w"))), i;
                   })(), (() => {
-                    var i = $t();
+                    var i = _t();
                     return b(i, "pointerdown", x("ne"), !0), f(() => w(i, y("ne"))), i;
                   })(), (() => {
-                    var i = _t();
+                    var i = St();
                     return b(i, "pointerdown", x("nw"), !0), f(() => w(i, y("nw"))), i;
                   })(), (() => {
-                    var i = St();
+                    var i = Pt();
                     return b(i, "pointerdown", x("se"), !0), f(() => w(i, y("se"))), i;
                   })(), (() => {
-                    var i = Pt();
+                    var i = It();
                     return b(i, "pointerdown", x("sw"), !0), f(() => w(i, y("sw"))), i;
                   })()];
                 }
               })];
             }
-          }), null), f(() => w(r, D("flex shrink-0 items-center justify-between h-8", "border-b", d() ? "rounded-none" : "rounded-t-md", ie() && !d() && !h() && "cursor-move"))), e;
+          }), null), f(() => w(r, q("flex shrink-0 items-center justify-between h-8", "border-b", d() ? "rounded-none" : "rounded-t-md", oe() && !d() && !h() && "cursor-move"))), e;
         }
       });
     }
   })];
 }
-Ze(["pointerdown", "dblclick"]);
+Je(["pointerdown", "dblclick"]);
 export {
-  Xt as FloatingWindow
+  Ht as FloatingWindow
 };

package/dist/viewport.d.ts CHANGED Viewed

@@ -22,11 +22,13 @@ export interface ViewportSnapshot {
     };
     safeArea: ViewportInsets;
     keyboardOpen: boolean;
-    /** Add to client coordinates when positioning a document-level fixed element. */
+    /** Add to client coordinates before dividing by fixedScale for document-level fixed CSS. */
     fixedOffset: {
         left: number;
         top: number;
     };
+    /** Effective CSS zoom inherited by a document-body portal. Client bounds stay unscaled. */
+    fixedScale: number;
 }
 export interface ViewportSource {
     width: number;
@@ -35,6 +37,7 @@ export interface ViewportSource {
         left: number;
         top: number;
     };
+    fixedScale?: number;
     visualViewport?: {
         width: number;
         height: number;

package/dist/viewport.js CHANGED Viewed

@@ -1,90 +1,95 @@
-const u = (t, e) => Number.isFinite(t) && Number(t) > 0 ? Number(t) : Math.max(0, e);
+const p = (t, e) => Number.isFinite(t) && Number(t) > 0 ? Number(t) : Math.max(0, e);
 function g(t) {
-  const e = t.visualViewport, n = u(e?.width, t.width), i = u(e?.height, t.height), o = t.fixedOrigin ?? { left: 0, top: 0 }, s = Math.max(0, e?.offsetLeft || 0) + o.left, a = Math.max(0, e?.offsetTop || 0) + o.top, r = t.touch && t.editing && Math.abs((e?.scale ?? 1) - 1) < 0.01 && t.height - i > 100;
+  const e = t.visualViewport, o = p(e?.width, t.width), s = p(e?.height, t.height), n = t.fixedOrigin ?? { left: 0, top: 0 }, r = Math.max(0, e?.offsetLeft || 0) + n.left, a = Math.max(0, e?.offsetTop || 0) + n.top, i = t.touch && t.editing && Math.abs((e?.scale ?? 1) - 1) < 0.01 && t.height - s > 100;
   return {
-    visible: { left: s, top: a, width: n, height: i, right: s + n, bottom: a + i },
+    visible: { left: r, top: a, width: o, height: s, right: r + o, bottom: a + s },
     layout: { width: t.width, height: t.height },
-    safeArea: { ...t.safeArea, bottom: r ? 0 : t.safeArea.bottom },
-    keyboardOpen: r,
-    fixedOffset: { left: -o.left, top: -o.top }
+    safeArea: { ...t.safeArea, bottom: i ? 0 : t.safeArea.bottom },
+    keyboardOpen: i,
+    fixedOffset: { left: -n.left, top: -n.top },
+    fixedScale: p(t.fixedScale, 1)
   };
 }
-function b(t) {
+function x(t) {
   let e = t.activeElement;
   for (; e?.shadowRoot?.activeElement; ) e = e.shadowRoot.activeElement;
   return !e || e.matches('[disabled], [readonly], [inputmode="none"]') ? !1 : e.matches('textarea, input:not([type]), input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="number"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]');
 }
-function m(t) {
+function b(t) {
   const e = t.document.createElement("div");
   return e.setAttribute("aria-hidden", "true"), e.style.cssText = "position:fixed;top:0;left:0;width:100%;height:100dvh;visibility:hidden;pointer-events:none;box-sizing:border-box;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)", t.document.documentElement.append(e), e;
 }
-function l(t, e) {
-  const n = e.getBoundingClientRect(), i = t.getComputedStyle(e), o = (s) => Math.max(0, Number.parseFloat(s) || 0);
+function u(t, e) {
+  const o = e.getBoundingClientRect(), s = t.getComputedStyle(e), n = (i) => Math.max(0, Number.parseFloat(i) || 0), r = (i) => i ? p(Number.parseFloat(t.getComputedStyle(i).zoom), 1) : 1, a = r(t.document.documentElement);
   return g({
-    width: n.width || t.innerWidth,
-    height: n.height || t.innerHeight,
+    width: o.width || t.innerWidth,
+    height: o.height / a || t.innerHeight,
     visualViewport: t.visualViewport,
-    fixedOrigin: { left: n.left, top: n.top },
-    safeArea: { top: o(i.paddingTop), right: o(i.paddingRight), bottom: o(i.paddingBottom), left: o(i.paddingLeft) },
-    editing: b(t.document),
+    fixedOrigin: { left: o.left, top: o.top },
+    fixedScale: a * r(t.document.body),
+    safeArea: { top: n(s.paddingTop), right: n(s.paddingRight), bottom: n(s.paddingBottom), left: n(s.paddingLeft) },
+    editing: x(t.document),
     touch: t.matchMedia?.("(any-pointer: coarse)").matches ?? !1
   });
 }
-const d = /* @__PURE__ */ new WeakMap();
-function x(t) {
-  const e = d.get(t);
+const c = /* @__PURE__ */ new WeakMap();
+function y(t) {
+  const e = c.get(t);
   if (e) return e.snapshot;
-  const n = m(t);
+  const o = b(t);
   try {
-    return l(t, n);
+    return u(t, o);
   } finally {
-    n.remove();
+    o.remove();
   }
 }
-function y(t, e) {
-  let n = d.get(t);
-  if (!n) {
-    const o = m(t);
-    let s = 0;
-    const a = /* @__PURE__ */ new Set(), r = { snapshot: l(t, o), listeners: a, dispose: () => {
-    } }, c = () => {
-      s || (s = t.requestAnimationFrame(() => {
-        s = 0, r.snapshot = l(t, o);
-        for (const p of a) p(r.snapshot);
+function S(t, e) {
+  let o = c.get(t);
+  if (!o) {
+    const n = b(t);
+    let r = 0;
+    const a = /* @__PURE__ */ new Set(), i = { snapshot: u(t, n), listeners: a, dispose: () => {
+    } }, f = () => {
+      r || (r = t.requestAnimationFrame(() => {
+        r = 0, i.snapshot = u(t, n);
+        for (const d of a) d(i.snapshot);
       }));
-    }, f = [
+    }, l = [
       [t, "resize"],
       [t, "scroll"],
       [t, "orientationchange"],
       [t.document, "focusin"],
       [t.document, "focusout"]
     ];
-    t.visualViewport && f.push([t.visualViewport, "resize"], [t.visualViewport, "scroll"]);
-    for (const [p, h] of f) p.addEventListener(h, c);
-    r.dispose = () => {
-      for (const [p, h] of f) p.removeEventListener(h, c);
-      s && t.cancelAnimationFrame(s), o.remove(), d.delete(t);
-    }, d.set(t, r), n = r;
+    t.visualViewport && l.push([t.visualViewport, "resize"], [t.visualViewport, "scroll"]);
+    for (const [d, h] of l) d.addEventListener(h, f);
+    const m = new MutationObserver(f);
+    for (const d of [t.document.documentElement, t.document.body])
+      d && m.observe(d, { attributes: !0, attributeFilter: ["class", "style"] });
+    i.dispose = () => {
+      for (const [d, h] of l) d.removeEventListener(h, f);
+      m.disconnect(), r && t.cancelAnimationFrame(r), n.remove(), c.delete(t);
+    }, c.set(t, i), o = i;
   }
-  n.listeners.add(e), e(n.snapshot);
-  const i = n;
+  o.listeners.add(e), e(o.snapshot);
+  const s = o;
   return () => {
-    i.listeners.delete(e), i.listeners.size === 0 && i.dispose();
+    s.listeners.delete(e), s.listeners.size === 0 && s.dispose();
   };
 }
-function V(t) {
-  const { visible: e } = t;
+function E(t) {
+  const { visible: e, fixedScale: o } = t;
   return {
     position: "fixed",
-    left: `${e.left + t.fixedOffset.left}px`,
-    top: `${e.top + t.fixedOffset.top}px`,
-    width: `${e.width}px`,
-    height: `${e.height}px`
+    left: `${(e.left + t.fixedOffset.left) / o}px`,
+    top: `${(e.top + t.fixedOffset.top) / o}px`,
+    width: `${e.width / o}px`,
+    height: `${e.height / o}px`
   };
 }
 export {
-  y as observeViewport,
-  x as readViewportSnapshot,
+  S as observeViewport,
+  y as readViewportSnapshot,
   g as resolveViewportSnapshot,
-  V as viewportStyle
+  E as viewportStyle
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.74.0",
+  "version": "0.74.2",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",