@floegence/floe-webapp-core 0.86.63 → 0.86.65

package/dist/components/ui/Dialog.js

@@ -1,21 +1,22 @@
-import { createComponent as r, use as G, setAttribute as c, style as ne, Portal as ae, spread as I, mergeProps as E, memo as p, insert as i, effect as P, className as q, template as m } from "solid-js/web";
-import { createSignal as T, onMount as le, onCleanup as M, createUniqueId as ie, createEffect as K, createMemo as U, Show as u, untrack as V } from "solid-js";
+import { createComponent as r, use as q, setAttribute as c, style as ne, Portal as ae, spread as E, mergeProps as M, memo as x, insert as s, effect as P, className as K, template as m } from "solid-js/web";
+import { createSignal as T, onMount as le, onCleanup as B, createUniqueId as ie, createEffect as j, createMemo as U, Show as u, untrack as V } from "solid-js";
 import { cn as g } from "../../utils/cn.js";
-import { Button as j } from "./Button.js";
+import { Button as H } from "./Button.js";
 import { X as de } from "../icons/index.js";
-import { useResolvedFloeConfig as fe } from "../../context/FloeConfigContext.js";
-import { useOverlayMask as se } from "../../hooks/useOverlayMask.js";
-import { resolveSurfacePortalHost as ce, DIALOG_SURFACE_BOUNDARY_ATTR as k, SURFACE_PORTAL_LAYER_ATTR as ue, DIALOG_SURFACE_HOST_ATTR as ge, isSurfacePortalMode as z, projectSurfacePortalRect as me, resolveSurfacePortalBoundaryRect as he, resolveSurfacePortalMount as ve } from "./dialogSurfaceScope.js";
+import { useResolvedFloeConfig as se } from "../../context/FloeConfigContext.js";
+import { useOverlayMask as fe } from "../../hooks/useOverlayMask.js";
+import { resolveSurfacePortalHost as ce, DIALOG_SURFACE_BOUNDARY_ATTR as S, SURFACE_PORTAL_LAYER_ATTR as ue, DIALOG_SURFACE_HOST_ATTR as ge, isSurfacePortalMode as z, projectSurfacePortalRect as me, resolveSurfacePortalBoundaryRect as he, resolveSurfacePortalMount as ve } from "./dialogSurfaceScope.js";
 import { LOCAL_INTERACTION_SURFACE_ATTR as ye } from "./localInteractionSurface.js";
-import { createFloatingPresence as we } from "./floatingPresence.js";
-import { useDialogPlacement as be } from "./DialogPlacementContext.js";
-import { observeViewport as pe, viewportStyle as xe } from "../../viewport.js";
-import { resolveFloatingBoundary as $e } from "./surfaceFloatingBoundary.js";
-var Ae = /* @__PURE__ */ m("<span aria-hidden=true>"), Ce = /* @__PURE__ */ m('<h2 class="text-[length:var(--floe-type-heading-sm)] font-semibold leading-[var(--floe-line-heading)] tracking-[var(--floe-tracking-tight)] text-[var(--floe-ink)]">'), _e = /* @__PURE__ */ m('<div data-floe-dialog-header class="flex shrink-0 items-start justify-between gap-[var(--floe-gap-control)] px-[var(--floe-pad-group)] py-[var(--floe-pad-control)] border-b border-[var(--floe-line)]"><div>'), ke = /* @__PURE__ */ m('<p class="mb-3 shrink-0 text-[length:var(--floe-type-body)] leading-[var(--floe-line-body)] text-[var(--floe-ink-soft)] last:mb-0">'), Se = /* @__PURE__ */ m('<div data-floe-dialog-footer class="flex shrink-0 items-center justify-end gap-[var(--floe-gap-control)] px-[var(--floe-pad-group)] py-[var(--floe-pad-control)] border-t border-[var(--floe-line)]">'), Oe = /* @__PURE__ */ m("<div><div></div><div><div data-floe-surface=floating><div data-floe-dialog-body>"), Re = /* @__PURE__ */ m("<h2 class=sr-only>");
-const De = {
+import { createFloatingPresence as be } from "./floatingPresence.js";
+import { observeDialogHeight as we } from "./dialogHeightMotion.js";
+import { useDialogPlacement as pe } from "./DialogPlacementContext.js";
+import { observeViewport as xe, viewportStyle as $e } from "../../viewport.js";
+import { resolveFloatingBoundary as Ae } from "./surfaceFloatingBoundary.js";
+var Ce = /* @__PURE__ */ m("<span aria-hidden=true>"), _e = /* @__PURE__ */ m('<h2 class="text-[length:var(--floe-type-heading-sm)] font-semibold leading-[var(--floe-line-heading)] tracking-[var(--floe-tracking-tight)] text-[var(--floe-ink)]">'), ke = /* @__PURE__ */ m('<div data-floe-dialog-header class="flex shrink-0 items-start justify-between gap-[var(--floe-gap-control)] px-[var(--floe-pad-group)] py-[var(--floe-pad-control)] border-b border-[var(--floe-line)]"><div>'), Se = /* @__PURE__ */ m('<p class="mb-3 shrink-0 text-[length:var(--floe-type-body)] leading-[var(--floe-line-body)] text-[var(--floe-ink-soft)] last:mb-0">'), Oe = /* @__PURE__ */ m('<div data-floe-dialog-footer class="flex shrink-0 items-center justify-end gap-[var(--floe-gap-control)] px-[var(--floe-pad-group)] py-[var(--floe-pad-control)] border-t border-[var(--floe-line)]">'), 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 = {
   display: "none"
 };
-function Pe(e) {
+function Te(e) {
   if (typeof queueMicrotask == "function") {
     queueMicrotask(e);
     return;
@@ -25,59 +26,64 @@ function Pe(e) {
 function Z(e) {
   return `${e.left}|${e.top}|${e.right}|${e.bottom}|${e.width}|${e.height}`;
 }
-function Te(e) {
+function Be(e) {
   return typeof window < "u" && typeof window.requestAnimationFrame == "function" ? window.requestAnimationFrame(e) : window.setTimeout(() => e(Date.now()), 16);
 }
-function Be(e) {
+function Fe(e) {
   if (typeof window < "u" && typeof window.cancelAnimationFrame == "function") {
     window.cancelAnimationFrame(e);
     return;
   }
   window.clearTimeout(e);
 }
-function Fe(e) {
-  const x = be(), [n, W] = T();
-  le(() => M(pe(window, W)));
-  const s = ie(), B = () => `dialog-${s}-title`, H = () => `dialog-${s}-description`;
-  let S;
-  const [O, Y] = T(null), [L, X] = T(0), [J, Q] = T(0), $ = () => e.presentation === "side-drawer", h = () => e.presentation === "bottom-drawer", f = we({
-    open: () => e.open && !!O() && L() > 0,
-    element: () => S
-  }), A = () => f.mounted() && !!O() && L() > 0;
-  K(() => e.onPresenceChange?.(A())), M(() => e.onPresenceChange?.(!1));
+function Ie(e) {
+  const $ = pe(), [n, W] = T();
+  le(() => B(xe(window, W)));
+  const f = ie(), F = () => `dialog-${f}-title`, L = () => `dialog-${f}-description`;
+  let A;
+  const [O, Y] = T(null), [N, X] = T(0), [J, Q] = T(0), C = () => e.presentation === "side-drawer", h = () => e.presentation === "bottom-drawer", i = be({
+    open: () => e.open && !!O() && N() > 0,
+    element: () => A
+  }), v = () => i.mounted() && !!O() && N() > 0;
+  j(() => {
+    const t = A, l = i.state();
+    !t || l !== "open" || !v() || B(we(t, {
+      isSettled: () => i.state() === "open"
+    }));
+  }), j(() => e.onPresenceChange?.(v())), B(() => e.onPresenceChange?.(!1));
   const ee = (t) => {
-    Y(t), Pe(() => {
-      V(O) === t && X((d) => d + 1);
+    Y(t), Te(() => {
+      V(O) === t && X((l) => l + 1);
     });
-  }, R = U(() => A() ? ce({
+  }, R = U(() => v() ? ce({
     owner: O()
   }) : {
     host: null,
     boundaryHost: null,
     mountHost: null,
     mode: "global"
-  }), C = () => `dialog-boundary-${s}`, a = () => x.mode() === "auto" && z(R()), te = () => a() ? ve(R()) : void 0, N = () => e.globalZIndex ?? x.globalZIndex(), F = (t) => me($e(t, void 0, V(n)?.safeArea) ?? he(t), t), oe = () => F(R()), D = U(() => (J(), n(), oe())), re = (t) => typeof Element < "u" && t instanceof Element ? !!t.closest(`[${k}="${C()}"]`) : typeof Node < "u" && t instanceof Node ? !!t.parentElement?.closest(`[${k}="${C()}"]`) : !1;
-  return K(() => {
+  }), _ = () => `dialog-boundary-${f}`, a = () => $.mode() === "auto" && z(R()), te = () => a() ? ve(R()) : void 0, G = () => e.globalZIndex ?? $.globalZIndex(), I = (t) => me(Ae(t, void 0, V(n)?.safeArea) ?? he(t), t), oe = () => I(R()), D = U(() => (J(), n(), oe())), re = (t) => typeof Element < "u" && t instanceof Element ? !!t.closest(`[${S}="${_()}"]`) : typeof Node < "u" && t instanceof Node ? !!t.parentElement?.closest(`[${S}="${_()}"]`) : !1;
+  return j(() => {
     const t = R();
-    if (!A() || !a() || typeof window > "u")
+    if (!v() || !a() || typeof window > "u")
       return;
-    let d = !1, v = null, l = Z(F(t));
-    const y = () => {
-      if (d || !z(t))
+    let l = !1, y = null, d = Z(I(t));
+    const b = () => {
+      if (l || !z(t))
         return;
-      const o = Z(F(t));
-      o !== l && (l = o, Q((w) => w + 1));
-    }, _ = () => {
-      d || (v = Te(() => {
-        y(), _();
+      const o = Z(I(t));
+      o !== d && (d = o, Q((w) => w + 1));
+    }, k = () => {
+      l || (y = Be(() => {
+        b(), k();
       }));
     };
-    _(), M(() => {
-      d = !0, v !== null && Be(v);
+    k(), B(() => {
+      l = !0, y !== null && Fe(y);
     });
-  }), se({
-    open: A,
-    root: () => S,
+  }), fe({
+    open: v,
+    root: () => A,
     containsTarget: re,
     onClose: () => e.onOpenChange(!1),
     lockBodyScroll: () => !a(),
@@ -90,11 +96,11 @@ function Fe(e) {
     blockTouchMove: () => a() ? "none" : "outside",
     restoreFocus: !0
   }), [(() => {
-    var t = Ae();
-    return G(ee, t), c(t, "data-floe-dialog-owner-anchor", s), ne(t, De), t;
+    var t = Ce();
+    return q(ee, t), c(t, "data-floe-dialog-owner-anchor", f), ne(t, Pe), t;
   })(), r(u, {
     get when() {
-      return A();
+      return v();
     },
     get children() {
       return r(ae, {
@@ -102,8 +108,8 @@ function Fe(e) {
           return te();
         },
         get children() {
-          var t = Oe(), d = t.firstChild, v = d.nextSibling, l = v.firstChild, y = l.firstChild;
-          c(t, "data-floe-dialog-overlay-root", s), I(t, E({
+          var t = Re(), l = t.firstChild, y = l.nextSibling, d = y.firstChild, b = d.firstChild;
+          c(t, "data-floe-dialog-overlay-root", f), E(t, M({
             get "data-floe-dialog-mode"() {
               return a() ? "surface" : "global";
             },
@@ -111,28 +117,28 @@ function Fe(e) {
               return e.presentation ?? "dialog";
             },
             get "data-floating-presence"() {
-              return f.state();
+              return i.state();
             },
             get "aria-hidden"() {
-              return f.exiting() ? "true" : void 0;
+              return i.exiting() ? "true" : void 0;
             }
           }, {
             [ye]: "true"
           }, () => ({
             [ue]: "true",
-            [k]: C()
+            [S]: _()
           }), {
             get class() {
-              return g(a() ? g("absolute z-20 box-border", !$() && "p-3") : g("fixed box-border p-4", N() === void 0 && "z-50"), h() && "floe-bottom-drawer-overlay", $() && "floe-side-drawer-overlay", f.exiting() && !h() && "pointer-events-none");
+              return g(a() ? g("absolute z-20 box-border", !C() && "p-3") : g("fixed box-border p-4", G() === void 0 && "z-50"), h() && "floe-bottom-drawer-overlay", C() && "floe-side-drawer-overlay", i.exiting() && !h() && "pointer-events-none");
             },
             get style() {
-              return p(() => !!a())() ? {
+              return x(() => !!a())() ? {
                 left: `${D().left}px`,
                 top: `${D().top}px`,
                 width: `${D().width}px`,
                 height: `${D().height}px`
               } : {
-                ...n() ? xe(n()) : {
+                ...n() ? $e(n()) : {
                   inset: "0"
                 },
                 "--floe-dialog-safe-top": `${(n()?.safeArea.top ?? 0) / (n()?.fixedScale ?? 1)}px`,
@@ -143,33 +149,33 @@ function Fe(e) {
                 "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))",
                 "padding-left": "max(var(--floe-dialog-gap-x, 1rem), var(--floe-dialog-safe-left))",
-                "z-index": N()
+                "z-index": G()
               };
             }
-          }), !1, !0), c(d, "data-floe-dialog-backdrop", s), I(d, E(() => ({
-            [k]: C()
+          }), !1, !0), c(l, "data-floe-dialog-backdrop", f), E(l, M(() => ({
+            [S]: _()
           }), {
             get "data-floating-presence"() {
-              return f.state();
+              return i.state();
             },
             get class() {
               return g("absolute inset-0 floe-floating-presence floe-floating-backdrop", e.closeOnBackdropClick === !1 ? "cursor-default" : "cursor-pointer", h() ? "floe-bottom-drawer-backdrop" : a() ? "bg-background/72 backdrop-blur-[2px]" : "bg-background/80 backdrop-blur-sm");
             },
             onClick: () => {
-              !f.exiting() && e.closeOnBackdropClick !== !1 && e.onOpenChange(!1);
+              !i.exiting() && e.closeOnBackdropClick !== !1 && e.onOpenChange(!1);
             }
           }), !1, !1);
-          var _ = S;
-          return typeof _ == "function" ? G(_, l) : S = l, c(l, "data-floe-dialog-panel", s), I(l, E({
+          var k = A;
+          return typeof k == "function" ? q(k, d) : A = d, c(d, "data-floe-dialog-panel", f), E(d, M({
             get "data-floe-drawer-side"() {
-              return p(() => !!$())() ? e.drawerSide ?? "right" : void 0;
+              return x(() => !!C())() ? e.drawerSide ?? "right" : void 0;
             }
           }, () => ({
-            [k]: C(),
+            [S]: _(),
             [ge]: "true"
           }), {
             get class() {
-              return g(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-popover text-popover-foreground rounded-panel shadow-[var(--floe-elevation-float-strong)]", "border border-[var(--floe-line)]", "floe-floating-presence", h() ? "floe-bottom-drawer-panel" : $() ? "floe-side-drawer-panel" : "floe-floating-dialog-panel", "pointer-events-auto flex flex-col", e.class);
+              return g(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-popover text-popover-foreground rounded-panel shadow-[var(--floe-elevation-float-strong)]", "border border-[var(--floe-line)]", "floe-floating-presence", h() ? "floe-bottom-drawer-panel" : C() ? "floe-side-drawer-panel" : "floe-floating-dialog-panel", "pointer-events-auto flex flex-col", e.class);
             },
             style: {
               "max-height": "100%",
@@ -177,24 +183,24 @@ function Fe(e) {
               "min-width": "0"
             },
             get "data-floating-presence"() {
-              return f.state();
+              return i.state();
             },
             get inert() {
-              return p(() => !!h())() && f.exiting();
+              return x(() => !!h())() && i.exiting();
             },
             role: "dialog",
             get "aria-modal"() {
               return a() ? void 0 : "true";
             },
             get "aria-labelledby"() {
-              return p(() => !!e.title)() ? B() : void 0;
+              return x(() => !!e.title)() ? F() : void 0;
             },
             get "aria-describedby"() {
-              return p(() => !!e.bodyDescription)() ? H() : void 0;
+              return x(() => !!e.bodyDescription)() ? L() : void 0;
             },
             onKeyDown: (o) => e.onKeyDown?.(o),
             tabIndex: -1
-          }), !1, !0), i(l, r(u, {
+          }), !1, !0), s(d, r(u, {
             get when() {
               return e.header === void 0;
             },
@@ -204,10 +210,10 @@ function Fe(e) {
                   return e.title;
                 },
                 get children() {
-                  var o = Re();
-                  return i(o, () => e.title), P(() => c(o, "id", B())), o;
+                  var o = De();
+                  return s(o, () => e.title), P(() => c(o, "id", F())), o;
                 }
-              }), p(() => e.header)];
+              }), x(() => e.header)];
             },
             get children() {
               return r(u, {
@@ -215,16 +221,16 @@ function Fe(e) {
                   return e.title;
                 },
                 get children() {
-                  var o = _e(), w = o.firstChild;
-                  return i(w, r(u, {
+                  var o = ke(), w = o.firstChild;
+                  return s(w, r(u, {
                     get when() {
                       return e.title;
                     },
                     get children() {
-                      var b = Ce();
-                      return i(b, () => e.title), P(() => c(b, "id", B())), b;
+                      var p = _e();
+                      return s(p, () => e.title), P(() => c(p, "id", F())), p;
                     }
-                  })), i(o, r(j, {
+                  })), s(o, r(H, {
                     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",
@@ -241,25 +247,25 @@ function Fe(e) {
                 }
               });
             }
-          }), y), i(y, r(u, {
+          }), b), s(b, r(u, {
             get when() {
               return e.bodyDescription;
             },
             get children() {
-              var o = ke();
-              return i(o, () => e.bodyDescription), P(() => c(o, "id", H())), o;
+              var o = Se();
+              return s(o, () => e.bodyDescription), P(() => c(o, "id", L())), o;
             }
-          }), null), i(y, () => e.children, null), i(l, r(u, {
+          }), null), s(b, () => e.children, null), s(d, r(u, {
             get when() {
               return e.footer;
             },
             get children() {
-              var o = Se();
-              return i(o, () => e.footer), o;
+              var o = Oe();
+              return s(o, () => e.footer), o;
             }
           }), null), P((o) => {
-            var w = g("pointer-events-none relative z-[1] flex h-full w-full", $() ? e.drawerSide === "left" ? "items-stretch justify-start" : "items-stretch justify-end" : h() ? "items-end justify-center" : "items-center justify-center"), b = g("min-h-0 flex-1 overflow-auto overscroll-contain px-[var(--floe-pad-group)] py-[var(--floe-pad-group)]", e.contentClass);
-            return w !== o.e && q(v, o.e = w), b !== o.t && q(y, o.t = b), o;
+            var w = g("pointer-events-none relative z-[1] flex h-full w-full", C() ? e.drawerSide === "left" ? "items-stretch justify-start" : "items-stretch justify-end" : h() ? "items-end justify-center" : "items-center justify-center"), p = g("min-h-0 flex-1 overflow-auto overscroll-contain px-[var(--floe-pad-group)] py-[var(--floe-pad-group)]", e.contentClass);
+            return w !== o.e && K(y, o.e = w), p !== o.t && K(b, o.t = p), o;
           }, {
             e: void 0,
             t: void 0
@@ -269,9 +275,9 @@ function Fe(e) {
     }
   })];
 }
-function We(e) {
-  const x = fe();
-  return r(Fe, {
+function Xe(e) {
+  const $ = se();
+  return r(Ie, {
     get open() {
       return e.open;
     },
@@ -288,16 +294,16 @@ function We(e) {
       return e.globalZIndex;
     },
     get footer() {
-      return [r(j, {
+      return [r(H, {
         variant: "ghost",
         onClick: () => e.onOpenChange(!1),
         get disabled() {
           return e.loading;
         },
         get children() {
-          return e.cancelText ?? x.config.strings.confirmDialog.cancel;
+          return e.cancelText ?? $.config.strings.confirmDialog.cancel;
         }
-      }), r(j, {
+      }), r(H, {
         get variant() {
           return e.variant === "destructive" ? "destructive" : "primary";
         },
@@ -308,7 +314,7 @@ function We(e) {
           return e.loading;
         },
         get children() {
-          return e.confirmText ?? x.config.strings.confirmDialog.confirm;
+          return e.confirmText ?? $.config.strings.confirmDialog.confirm;
         }
       })];
     },
@@ -318,6 +324,6 @@ function We(e) {
   });
 }
 export {
-  We as ConfirmDialog,
-  Fe as Dialog
+  Xe as ConfirmDialog,
+  Ie as Dialog
 };

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

@@ -0,0 +1,9 @@
+/**
+ * Animate the panel from its previous height to whatever its content now needs.
+ * Returns a disposer. A panel that is entering, exiting, suspended, or hidden
+ * is left alone: its own opening motion already owns the box, and animating a
+ * height nobody can see only queues late frames.
+ */
+export declare function observeDialogHeight(element: HTMLElement, options?: {
+    isSettled?: () => boolean;
+}): () => void;

package/dist/components/ui/dialogHeightMotion.js

@@ -0,0 +1,49 @@
+function g() {
+  const e = globalThis.matchMedia;
+  return typeof e != "function" ? !1 : e.call(globalThis, "(prefers-reduced-motion: reduce)").matches;
+}
+function p(e, l = {}) {
+  const u = globalThis.ResizeObserver;
+  if (typeof u != "function") return () => {
+  };
+  const f = () => e.offsetHeight, d = () => typeof e.getAnimations == "function" && e.getAnimations().some((t) => t !== n && t.playState === "running");
+  let a = f(), n = null, c = !1, i = null;
+  const b = () => {
+    n = null, e.style.willChange = "", !c && i && i.observe(e, { box: "border-box" });
+  }, h = (t) => {
+    const r = a;
+    if (a = t, !Number.isFinite(r) || Math.abs(r - t) < 0.5 || g()) return;
+    i?.unobserve(e);
+    const o = e.animate(
+      [{ height: `${r}px` }, { height: `${t}px` }],
+      {
+        duration: 220,
+        easing: "cubic-bezier(0.22, 1, 0.36, 1)",
+        fill: "none"
+      }
+    );
+    n = o, e.style.willChange = "height", o.addEventListener("finish", () => {
+      if (c) return;
+      b();
+      const s = f();
+      Math.abs(s - a) >= 0.5 && h(s);
+    }), o.oncancel = () => {
+      c || b();
+    };
+  };
+  return i = new u((t) => {
+    const r = t[t.length - 1];
+    if (!r || n) return;
+    const o = Array.isArray(r.borderBoxSize) ? r.borderBoxSize[0] : r.borderBoxSize, s = o ? o.blockSize : r.contentRect.height;
+    if (l.isSettled && !l.isSettled() || d()) {
+      a = s;
+      return;
+    }
+    h(s);
+  }), i.observe(e, { box: "border-box" }), () => {
+    c = !0, i.disconnect(), n?.cancel(), n = null, e.style.willChange = "";
+  };
+}
+export {
+  p as observeDialogHeight
+};

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

@@ -11,6 +11,7 @@ export { FloatingWindow, type FloatingWindowProps } from './FloatingWindow';
 export { SurfaceFloatingPanel, type SurfaceFloatingPanelProps, type SurfaceFloatingPanelHandleProps, } from './SurfaceFloatingPanel';
 export type { SurfaceFloatingPanelBoundaryInsets, SurfaceFloatingPanelPosition, } from './surfaceFloatingPanelGeometry';
 export { createFloatingPresence, type FloatingPresence, type FloatingPresenceOptions, type FloatingPresenceState, } from './floatingPresence';
+export { observeDialogHeight } from './dialogHeightMotion';
 export { MENU_ITEM_SELECTOR, focusMenuItem, getMenuItems, handleMenuKeyboardNavigation, moveMenuFocus, type MenuDismissReason, type MenuFocusMode, type MenuItemNavigationOptions, type MenuKeyboardNavigationOptions, } from './menuUtils';
 export { resolveFloatingWindowViewport, type FloatingWindowRect, type FloatingWindowViewport, type FloatingWindowViewportInsets, } from './floatingWindowGeometry';
 export { Dropdown, Select, type DropdownProps, type DropdownItem, type SelectProps, } from './Dropdown';