@flamingo-stack/openframe-frontend-core 0.0.535-1762.4618.1 → 0.0.535

package/dist/{chunk-GS4HJA2G.js → chunk-4A736Z6S.js}

@@ -50,8 +50,8 @@ function useAutoLimitTags({
       return;
     }
     const middle = middleRef.current;
-    const measure = measureRef.current;
-    if (!middle || !measure) {
+    const measure2 = measureRef.current;
+    if (!middle || !measure2) {
       setVisibleCount(count);
       return;
     }
@@ -73,7 +73,7 @@ function useAutoLimitTags({
       trailingGap = gap;
     }
     const available = middleW - padL - padR - inputReservedW - trailingGap;
-    const tagEls = Array.from(measure.children);
+    const tagEls = Array.from(measure2.children);
     const widths = tagEls.map((el) => el.offsetWidth);
     let total = 0;
     for (let i = 0; i < widths.length; i++) {
@@ -203,7 +203,7 @@ function useHeaderHeight(defaultHeight = 72, options = {}) {
   const [height, setHeight] = useState4(defaultHeight);
   useEffect5(() => {
     if (!enabled) return;
-    const measure = () => {
+    const measure2 = () => {
       let total = 0;
       const header2 = document.querySelector("header");
       if (header2) total += header2.offsetHeight;
@@ -211,8 +211,8 @@ function useHeaderHeight(defaultHeight = 72, options = {}) {
       if (bar2 instanceof HTMLElement) total += bar2.offsetHeight;
       setHeight(total > 0 ? total : defaultHeight);
     };
-    measure();
-    const resizeObserver = new ResizeObserver(measure);
+    measure2();
+    const resizeObserver = new ResizeObserver(measure2);
     const header = document.querySelector("header");
     if (header) resizeObserver.observe(header);
     const bar = document.querySelector("[data-announcement-bar]");
@@ -220,7 +220,7 @@ function useHeaderHeight(defaultHeight = 72, options = {}) {
     const mutationObserver = new MutationObserver((mutations) => {
       for (const mutation of mutations) {
         if (mutation.type === "childList" || mutation.type === "attributes") {
-          measure();
+          measure2();
           const newBar = document.querySelector("[data-announcement-bar]");
           if (newBar) resizeObserver.observe(newBar);
         }
@@ -297,7 +297,7 @@ function useHorizontalScrollbar() {
       setCanScrollRight(right);
     }
   }, []);
-  const measure = useCallback3(() => {
+  const measure2 = useCallback3(() => {
     const el = scrollElRef.current;
     if (!el) return;
     const ratio = el.clientWidth / el.scrollWidth;
@@ -322,7 +322,7 @@ function useHorizontalScrollbar() {
     if (node) {
       const ratio = node.clientWidth / node.scrollWidth;
       setThumbRatio(ratio >= 1 ? 0 : ratio);
-      const ro = new ResizeObserver(measure);
+      const ro = new ResizeObserver(measure2);
       roRef.current = ro;
       const observeAll = () => {
         ro.disconnect();
@@ -332,7 +332,7 @@ function useHorizontalScrollbar() {
       observeAll();
       moRef.current = new MutationObserver(() => {
         observeAll();
-        measure();
+        measure2();
       });
       moRef.current.observe(node, { childList: true });
       requestAnimationFrame(() => {
@@ -346,7 +346,7 @@ function useHorizontalScrollbar() {
       setCanScrollLeft(false);
       setCanScrollRight(false);
     }
-  }, [measure, syncThumbToDOM, syncEdgeFades]);
+  }, [measure2, syncThumbToDOM, syncEdgeFades]);
   const onScroll = useCallback3(() => {
     if (isDraggingRef.current) return;
     if (rafIdRef.current) cancelAnimationFrame(rafIdRef.current);
@@ -547,6 +547,59 @@ function useIsTruncated(value, options) {
 import { useEffect as useEffect8, useLayoutEffect } from "react";
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect8;
 
+// src/hooks/ui/use-keyboard-collision-padding.ts
+import { useSyncExternalStore } from "react";
+var KEYBOARD_INSET_VAR = "--of-keyboard-inset";
+function measure() {
+  if (typeof document === "undefined") return 0;
+  const inset = Number.parseFloat(
+    getComputedStyle(document.documentElement).getPropertyValue(KEYBOARD_INSET_VAR)
+  );
+  if (!(inset > 0)) return 0;
+  const layoutHeight = document.documentElement.clientHeight;
+  const viewport = window.visualViewport;
+  const viewportBottom = viewport ? viewport.offsetTop + viewport.height : layoutHeight;
+  return Math.max(0, Math.round(viewportBottom - (layoutHeight - inset)));
+}
+var listeners = /* @__PURE__ */ new Set();
+var padding = 0;
+var teardown = null;
+function sync() {
+  const next = measure();
+  if (next === padding) return;
+  padding = next;
+  for (const notify of listeners) notify();
+}
+function subscribe(onStoreChange) {
+  listeners.add(onStoreChange);
+  if (listeners.size === 1) {
+    padding = measure();
+    const observer = new MutationObserver(sync);
+    observer.observe(document.documentElement, { attributes: true, attributeFilter: ["style"] });
+    const viewport = window.visualViewport;
+    viewport?.addEventListener("resize", sync);
+    viewport?.addEventListener("scroll", sync);
+    teardown = () => {
+      observer.disconnect();
+      viewport?.removeEventListener("resize", sync);
+      viewport?.removeEventListener("scroll", sync);
+    };
+  }
+  return () => {
+    listeners.delete(onStoreChange);
+    if (listeners.size > 0) return;
+    teardown?.();
+    teardown = null;
+  };
+}
+function useKeyboardCollisionPadding() {
+  return useSyncExternalStore(
+    subscribe,
+    () => padding,
+    () => 0
+  );
+}
+
 // src/hooks/ui/use-local-storage.ts
 import { useEffect as useEffect9, useRef as useRef4, useState as useState8 } from "react";
 function useLocalStorage(key, initialValue) {
@@ -748,22 +801,22 @@ function useNotificationPermission() {
   useEffect11(() => {
     if (typeof window === "undefined" || !("Notification" in window)) return;
     setSupported(true);
-    const sync = () => setPermission(Notification.permission);
-    sync();
+    const sync2 = () => setPermission(Notification.permission);
+    sync2();
     let cancelled = false;
     let status;
     navigator.permissions?.query({ name: "notifications" }).then((s) => {
       if (cancelled) return;
       status = s;
-      s.addEventListener("change", sync);
+      s.addEventListener("change", sync2);
     }).catch(() => void 0);
-    document.addEventListener("visibilitychange", sync);
-    window.addEventListener("focus", sync);
+    document.addEventListener("visibilitychange", sync2);
+    window.addEventListener("focus", sync2);
     return () => {
       cancelled = true;
-      status?.removeEventListener("change", sync);
-      document.removeEventListener("visibilitychange", sync);
-      window.removeEventListener("focus", sync);
+      status?.removeEventListener("change", sync2);
+      document.removeEventListener("visibilitychange", sync2);
+      window.removeEventListener("focus", sync2);
     };
   }, []);
   const request = useCallback7(async () => {
@@ -3983,6 +4036,7 @@ function useHumanitySignals() {
 export {
   useIsTruncated,
   useAutoLimitTags,
+  useKeyboardCollisionPadding,
   useDebounce,
   useDeferredError,
   useFocusTrap,
@@ -4116,4 +4170,4 @@ export {
   splitCsvEnv,
   useHumanitySignals
 };
-//# sourceMappingURL=chunk-GS4HJA2G.js.map
+//# sourceMappingURL=chunk-4A736Z6S.js.map