@floegence/floe-webapp-core 0.35.9 → 0.35.10

package/dist/components/ui/MobileKeyboard.js

@@ -1,16 +1,27 @@
-import { spread as B, mergeProps as N, insert as l, createComponent as b, memo as te, effect as re, className as ae, setStyleProperty as ie, template as f, setAttribute as $e, use as Se, delegateEvents as Re } from "solid-js/web";
-import { splitProps as Ee, createSignal as u, createMemo as k, createEffect as Ae, onCleanup as Ke, Show as W, For as _ } from "solid-js";
-import { cn as H } from "../../utils/cn.js";
-import { isRepeatableTerminalAction as Ce, DEFAULT_MOBILE_KEYBOARD_QUICK_INSERTS as Oe, applyTerminalModifiers as De, createMobileKeyboardPressTracker as Le, mapTerminalActionToKey as Me } from "./mobileKeyboardModel.js";
-import { floeTouchSurfaceAttrs as q, preventTouchSurfacePointerDown as oe } from "../../utils/touchSurfaceGuard.js";
-var xe = /* @__PURE__ */ f("<button type=button>"), Be = /* @__PURE__ */ f("<button>Hide"), Ne = /* @__PURE__ */ f('<div class=mobile-keyboard-rail-shell><div class=mobile-keyboard-suggestion-rail role=list aria-label="Terminal suggestions">'), We = /* @__PURE__ */ f('<div><div class=mobile-keyboard-panel><div></div><div class=mobile-keyboard-scroll><div class=mobile-keyboard-rail-shell><div class=mobile-keyboard-top-strip></div></div><div class=mobile-keyboard-main></div><div class=mobile-keyboard-bottom-zone><div class=mobile-keyboard-direction-pad role=group aria-label="Arrow keys">'), He = /* @__PURE__ */ f("<button>"), qe = /* @__PURE__ */ f("<div class=mobile-keyboard-row>");
-const Ye = ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"], Ue = ["a", "s", "d", "f", "g", "h", "j", "k", "l"], ze = ["z", "x", "c", "v", "b", "n", "m"], Fe = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"], je = ["@", "#", "$", "%", "&", "*", "(", ")", "[", "]"], Qe = ["+", "=", "{", "}", ".", ",", "?", "!", "'"], Ve = [{
+import { spread as V, mergeProps as N, insert as l, createComponent as p, memo as oe, effect as ae, className as se, setStyleProperty as le, template as v, setAttribute as Ae, use as Ce, delegateEvents as Le } from "solid-js/web";
+import { splitProps as Oe, createSignal as y, createMemo as u, createEffect as ne, onCleanup as ce, Show as z, For as _ } from "solid-js";
+import { cn as q } from "../../utils/cn.js";
+import { isRepeatableTerminalAction as Me, DEFAULT_MOBILE_KEYBOARD_QUICK_INSERTS as De, applyTerminalModifiers as xe, createMobileKeyboardPressTracker as We, mapTerminalActionToKey as Be } from "./mobileKeyboardModel.js";
+import { floeTouchSurfaceAttrs as Y, preventTouchSurfacePointerDown as de } from "../../utils/touchSurfaceGuard.js";
+import { buildMobileKeyboardViewportStyle as He, resolveMobileKeyboardViewportMetrics as Ve } from "./mobileKeyboardViewport.js";
+var Ne = /* @__PURE__ */ v("<button type=button>"), ze = /* @__PURE__ */ v("<button>Hide"), qe = /* @__PURE__ */ v('<div class=mobile-keyboard-rail-shell><div class=mobile-keyboard-suggestion-rail role=list aria-label="Terminal suggestions">'), Ye = /* @__PURE__ */ v('<div><div class=mobile-keyboard-panel><div></div><div class=mobile-keyboard-scroll><div class=mobile-keyboard-rail-shell><div class=mobile-keyboard-top-strip></div></div><div class=mobile-keyboard-main></div><div class=mobile-keyboard-bottom-zone><div class=mobile-keyboard-direction-pad role=group aria-label="Arrow keys">'), Ue = /* @__PURE__ */ v("<button>"), je = /* @__PURE__ */ v("<div class=mobile-keyboard-row>");
+function Fe(I, i) {
+  if (typeof i == "string") {
+    const $ = Object.entries(I).filter(([, c]) => c).map(([c, E]) => `${c}: ${E}`).join("; ");
+    return $ ? `${i}; ${$}` : i;
+  }
+  return {
+    ...i ?? {},
+    ...I
+  };
+}
+const Qe = ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"], Ge = ["a", "s", "d", "f", "g", "h", "j", "k", "l"], Je = ["z", "x", "c", "v", "b", "n", "m"], Xe = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"], Ze = ["@", "#", "$", "%", "&", "*", "(", ")", "[", "]"], et = ["+", "=", "{", "}", ".", ",", "?", "!", "'"], tt = [{
   action: "escape",
   label: "Esc"
 }, {
   action: "tab",
   label: "Tab"
-}], Ge = [{
+}], rt = [{
   action: "arrow-up",
   label: "↑",
   position: "up"
@@ -26,254 +37,274 @@ const Ye = ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"], Ue = ["a", "s", "
   action: "arrow-right",
   label: "→",
   position: "right"
-}], Je = 320, Xe = 68;
-function it(le) {
-  const [n, se] = Ee(le, ["visible", "onKey", "onDismiss", "quickInserts", "suggestions", "onSuggestionSelect", "class"]), [g, Y] = u("letters"), [U, S] = u(!1), [z, R] = u(!1), [F, E] = u(!1), [ne, j] = u([]), [h, A] = u(null), ce = k(() => new Set(ne()));
-  let K, v;
-  const c = Le(), I = /* @__PURE__ */ new Map(), de = () => n.quickInserts ?? Oe, C = k(() => n.suggestions ?? []), Q = () => {
-    S(!1), R(!1), E(!1);
+}], it = 320, ot = 68;
+function bt(I) {
+  const [i, $] = Oe(I, ["visible", "onKey", "onDismiss", "quickInserts", "suggestions", "onSuggestionSelect", "class", "style"]), [c, E] = y("letters"), [U, R] = y(!1), [j, A] = y(!1), [F, C] = y(!1), [be, Q] = y([]), [w, L] = y(null), [pe, G] = y({}), me = u(() => new Set(be()));
+  let O, h;
+  const d = We(), S = /* @__PURE__ */ new Map(), ye = () => i.quickInserts ?? De, M = u(() => i.suggestions ?? []), ue = u(() => Fe(pe(), i.style)), J = () => {
+    R(!1), A(!1), C(!1);
   }, P = () => {
-    v && (clearTimeout(v), v = void 0);
-  }, O = () => {
-    j(c.getPressedKeyIds());
+    h && (clearTimeout(h), h = void 0);
+  }, D = () => {
+    Q(d.getPressedKeyIds());
   }, T = (e) => {
-    const t = I.get(e);
-    t && (t.delayTimer && clearTimeout(t.delayTimer), t.intervalTimer && clearInterval(t.intervalTimer), I.delete(e));
-  }, V = () => {
-    for (const e of I.keys())
+    const t = S.get(e);
+    t && (t.delayTimer && clearTimeout(t.delayTimer), t.intervalTimer && clearInterval(t.intervalTimer), S.delete(e));
+  }, X = () => {
+    for (const e of S.keys())
       T(e);
-  }, be = () => {
-    Y("letters"), Q(), c.reset(), j([]), A(null), P(), V();
-  }, G = (e) => {
-    e && n.onKey?.(e);
-  }, pe = (e) => {
-    G(De(e, {
+  }, fe = () => {
+    E("letters"), J(), d.reset(), Q([]), L(null), P(), X();
+  }, Z = (e) => {
+    e && i.onKey?.(e);
+  }, ke = (e) => {
+    Z(xe(e, {
       ctrl: U(),
-      alt: z()
-    })), Q();
-  }, me = (e) => {
-    G(Me(e)), S(!1), R(!1);
-  }, D = (e) => g() !== "letters" ? e : F() ? e.toUpperCase() : e, ye = (e) => {
+      alt: j()
+    })), J();
+  }, ve = (e) => {
+    Z(Be(e)), R(!1), A(!1);
+  }, x = (e) => c() !== "letters" ? e : F() ? e.toUpperCase() : e, we = (e) => {
     switch (e) {
       case "ctrl":
-        S((t) => !t);
+        R((t) => !t);
         return;
       case "alt":
-        R((t) => !t);
+        A((t) => !t);
         return;
       case "shift":
-        E((t) => !t);
+        C((t) => !t);
     }
-  }, ue = (e) => {
-    Y(e), E(!1);
-  }, ke = (e, t, r) => {
-    const s = K?.getBoundingClientRect(), i = r.getBoundingClientRect();
-    P(), s && A({
+  }, he = (e) => {
+    E(e), C(!1);
+  }, Te = (e, t, r) => {
+    const n = O?.getBoundingClientRect(), a = r.getBoundingClientRect();
+    P(), n && L({
       pointerId: e,
       label: t,
-      left: i.left - s.left + i.width / 2,
-      top: i.top - s.top,
+      left: a.left - n.left + a.width / 2,
+      top: a.top - n.top,
       visible: !0
     });
-  }, J = (e) => {
-    h()?.pointerId === e && (P(), v = setTimeout(() => {
-      A((t) => t?.pointerId === e ? {
+  }, ee = (e) => {
+    w()?.pointerId === e && (P(), h = setTimeout(() => {
+      L((t) => t?.pointerId === e ? {
         ...t,
         visible: !1
-      } : t), v = void 0;
+      } : t), h = void 0;
     }, 100));
-  }, fe = (e, t, r, s) => {
+  }, ge = (e, t, r, n) => {
     if (T(e), !r || typeof window > "u") return;
-    const i = {};
-    I.set(e, i), i.delayTimer = setTimeout(() => {
-      i.delayTimer = void 0, c.hasPress(e, t) && (c.markRepeated(e), s(), i.intervalTimer = setInterval(() => {
-        if (!c.hasPress(e, t)) {
+    const a = {};
+    S.set(e, a), a.delayTimer = setTimeout(() => {
+      a.delayTimer = void 0, d.hasPress(e, t) && (d.markRepeated(e), n(), a.intervalTimer = setInterval(() => {
+        if (!d.hasPress(e, t)) {
           T(e);
           return;
         }
-        s();
-      }, Xe));
-    }, Je);
-  }, he = (e, t) => {
-    t.preventDefault(), t.currentTarget.setPointerCapture?.(t.pointerId), c.startPress(t.pointerId, e.keyId), O(), ke(t.pointerId, e.label, t.currentTarget), fe(t.pointerId, e.keyId, e.repeatable, e.activate);
-  }, ve = (e, t) => {
+        n();
+      }, ot));
+    }, it);
+  }, _e = (e, t) => {
+    t.preventDefault(), t.currentTarget.setPointerCapture?.(t.pointerId), d.startPress(t.pointerId, e.keyId), D(), Te(t.pointerId, e.label, t.currentTarget), ge(t.pointerId, e.keyId, e.repeatable, e.activate);
+  }, Ie = (e, t) => {
     t.currentTarget.releasePointerCapture?.(t.pointerId), T(t.pointerId);
-    const r = c.finishPress(t.pointerId, e.keyId);
-    O(), J(t.pointerId), r.shouldActivate && e.activate();
-  }, Te = (e) => {
-    e.currentTarget.releasePointerCapture?.(e.pointerId), T(e.pointerId), c.cancelPress(e.pointerId), O(), J(e.pointerId);
-  }, we = (e, t) => {
+    const r = d.finishPress(t.pointerId, e.keyId);
+    D(), ee(t.pointerId), r.shouldActivate && e.activate();
+  }, $e = (e) => {
+    e.currentTarget.releasePointerCapture?.(e.pointerId), T(e.pointerId), d.cancelPress(e.pointerId), D(), ee(e.pointerId);
+  }, Ee = (e, t) => {
     t.detail === 0 && e.activate();
-  }, d = (e, t) => ({
+  }, b = (e, t) => ({
     keyId: t?.keyId ?? `text-${e}`,
     label: t?.label ?? e,
     repeatable: !1,
-    activate: () => pe(e),
+    activate: () => ke(e),
     width: t?.width,
     class: t?.class,
     kind: "text"
-  }), w = (e, t, r) => ({
+  }), g = (e, t, r) => ({
     keyId: r?.keyId ?? `action-${e}`,
     label: t,
-    repeatable: r?.repeatable ?? Ce(e),
-    activate: () => me(e),
+    repeatable: r?.repeatable ?? Me(e),
+    activate: () => ve(e),
     width: r?.width,
     class: r?.class,
     kind: "terminal"
-  }), L = (e, t, r) => ({
+  }), W = (e, t, r) => ({
     keyId: `modifier-${e}`,
     label: t,
     repeatable: !1,
-    activate: () => ye(e),
+    activate: () => we(e),
     width: e === "shift" ? "wide" : "normal",
-    active: e === "ctrl" ? U() : e === "alt" ? z() : F(),
+    active: e === "ctrl" ? U() : e === "alt" ? j() : F(),
     kind: "modifier",
     class: r?.class
-  }), _e = k(() => [...Ve.map((e) => w(e.action, e.label, {
+  }), Se = u(() => [...tt.map((e) => g(e.action, e.label, {
     class: "mobile-keyboard-key-compact"
-  })), L("ctrl", "Ctrl", {
+  })), W("ctrl", "Ctrl", {
     class: "mobile-keyboard-key-compact"
-  }), L("alt", "Alt", {
+  }), W("alt", "Alt", {
     class: "mobile-keyboard-key-compact"
-  }), ...de().map((e) => d(e, {
+  }), ...ye().map((e) => b(e, {
     keyId: `quick-${e}`,
     class: "mobile-keyboard-key-compact mobile-keyboard-key-utility"
-  }))]), ge = k(() => g() === "symbols" ? [Fe.map((e) => d(e)), je.map((e) => d(e)), [...Qe.map((e) => d(e)), w("backspace", "⌫", {
+  }))]), Pe = u(() => c() === "symbols" ? [Xe.map((e) => b(e)), Ze.map((e) => b(e)), [...et.map((e) => b(e)), g("backspace", "⌫", {
     width: "wide",
     class: "mobile-keyboard-key-backspace"
-  })]] : [Ye.map((e) => d(D(e), {
+  })]] : [Qe.map((e) => b(x(e), {
     keyId: `letter-${e}`
-  })), Ue.map((e) => d(D(e), {
+  })), Ge.map((e) => b(x(e), {
     keyId: `letter-${e}`
-  })), [L("shift", "Shift"), ...ze.map((e) => d(D(e), {
+  })), [W("shift", "Shift"), ...Je.map((e) => b(x(e), {
     keyId: `letter-${e}`
-  })), w("backspace", "⌫", {
+  })), g("backspace", "⌫", {
     width: "wide",
     class: "mobile-keyboard-key-backspace"
-  })]]), M = k(() => [{
+  })]]), B = u(() => [{
     keyId: "mode-switch",
-    label: g() === "letters" ? "123" : "ABC",
+    label: c() === "letters" ? "123" : "ABC",
     repeatable: !1,
-    activate: () => ue(g() === "letters" ? "symbols" : "letters"),
+    activate: () => he(c() === "letters" ? "symbols" : "letters"),
     width: "wide",
     kind: "mode",
     class: "mobile-keyboard-key-bottom-mode"
-  }, d(" ", {
+  }, b(" ", {
     keyId: "space",
     label: "Space",
     width: "space",
     class: "mobile-keyboard-key-bottom-space"
-  }), w("enter", "Enter", {
+  }), g("enter", "Enter", {
     width: "wide",
     class: "mobile-keyboard-key-bottom-enter"
-  })]), Ie = k(() => Ge.map((e) => w(e.action, e.label, {
+  })]), Ke = u(() => rt.map((e) => g(e.action, e.label, {
     class: `mobile-keyboard-direction-key mobile-keyboard-direction-key-${e.position}`
-  }))), m = (e) => (() => {
-    var t = xe();
-    return t.$$click = (r) => we(e, r), t.addEventListener("pointercancel", Te), t.$$pointerup = (r) => ve(e, r), t.$$pointerdown = (r) => he(e, r), l(t, () => e.label), re((r) => {
-      var s = H("mobile-keyboard-key", e.kind === "terminal" && "mobile-keyboard-key-terminal", e.kind === "modifier" && "mobile-keyboard-key-modifier", e.kind === "mode" && "mobile-keyboard-key-mode", e.width === "wide" && "mobile-keyboard-key-wide", e.width === "space" && "mobile-keyboard-key-space", e.active && "mobile-keyboard-key-active", ce().has(e.keyId) && "mobile-keyboard-key-pressed", e.class), i = e.active;
-      return s !== r.e && ae(t, r.e = s), i !== r.t && $e(t, "aria-pressed", r.t = i), r;
+  }))), f = (e) => (() => {
+    var t = Ne();
+    return t.$$click = (r) => Ee(e, r), t.addEventListener("pointercancel", $e), t.$$pointerup = (r) => Ie(e, r), t.$$pointerdown = (r) => _e(e, r), l(t, () => e.label), ae((r) => {
+      var n = q("mobile-keyboard-key", e.kind === "terminal" && "mobile-keyboard-key-terminal", e.kind === "modifier" && "mobile-keyboard-key-modifier", e.kind === "mode" && "mobile-keyboard-key-mode", e.width === "wide" && "mobile-keyboard-key-wide", e.width === "space" && "mobile-keyboard-key-space", e.active && "mobile-keyboard-key-active", me().has(e.keyId) && "mobile-keyboard-key-pressed", e.class), a = e.active;
+      return n !== r.e && se(t, r.e = n), a !== r.t && Ae(t, "aria-pressed", r.t = a), r;
     }, {
       e: void 0,
       t: void 0
     }), t;
-  })(), X = () => b(W, {
+  })(), te = () => p(z, {
     get when() {
-      return n.onDismiss;
+      return i.onDismiss;
     },
     get children() {
-      var e = Be();
-      return B(e, N(q, {
+      var e = ze();
+      return V(e, N(Y, {
         type: "button",
         class: "mobile-keyboard-dismiss",
         "aria-label": "Close keyboard",
         onPointerDown: (t) => {
-          oe(t), t.stopPropagation();
+          de(t), t.stopPropagation();
         },
         onClick: (t) => {
-          t.stopPropagation(), n.onDismiss?.();
+          t.stopPropagation(), i.onDismiss?.();
         }
       }), !1, !0), e;
     }
   });
-  return Ae(() => {
-    n.visible || be();
-  }), Ke(() => {
-    P(), V();
+  return ne(() => {
+    i.visible || fe();
+  }), ne(() => {
+    if (typeof window > "u" || !i.visible) {
+      G({});
+      return;
+    }
+    const e = () => {
+      G(He(Ve({
+        innerWidth: window.innerWidth,
+        innerHeight: window.innerHeight,
+        visualViewport: window.visualViewport
+      })));
+    };
+    e();
+    const t = window.visualViewport;
+    window.addEventListener("resize", e), window.addEventListener("orientationchange", e), t?.addEventListener("resize", e), t?.addEventListener("scroll", e), ce(() => {
+      window.removeEventListener("resize", e), window.removeEventListener("orientationchange", e), t?.removeEventListener("resize", e), t?.removeEventListener("scroll", e);
+    });
+  }), ce(() => {
+    P(), X();
   }), (() => {
-    var e = We(), t = e.firstChild, r = t.firstChild, s = r.nextSibling, i = s.firstChild, Pe = i.firstChild, Z = i.nextSibling, $ = Z.nextSibling, x = $.firstChild;
-    B(e, N(q, {
+    var e = Ye(), t = e.firstChild, r = t.firstChild, n = r.nextSibling, a = n.firstChild, Re = a.firstChild, re = a.nextSibling, K = re.nextSibling, H = K.firstChild;
+    V(e, N(Y, {
       get class() {
-        return H("mobile-keyboard-root", n.visible && "mobile-keyboard-visible", n.class);
+        return q("mobile-keyboard-root", i.visible && "mobile-keyboard-visible", i.class);
+      },
+      get style() {
+        return ue();
       },
       get "aria-hidden"() {
-        return !n.visible;
+        return !i.visible;
       },
       role: "group",
       "aria-label": "Mobile terminal keyboard"
-    }, se), !1, !0);
-    var ee = K;
-    return typeof ee == "function" ? Se(ee, t) : K = t, l(r, () => h()?.label ?? ""), l(s, b(W, {
+    }, $), !1, !0);
+    var ie = O;
+    return typeof ie == "function" ? Ce(ie, t) : O = t, l(r, () => w()?.label ?? ""), l(n, p(z, {
       get when() {
-        return C().length > 0;
+        return M().length > 0;
       },
       get children() {
-        var a = Ne(), p = a.firstChild;
-        return l(p, b(_, {
+        var o = qe(), m = o.firstChild;
+        return l(m, p(_, {
           get each() {
-            return C();
+            return M();
           },
-          children: (o) => (() => {
-            var y = He();
-            return B(y, N(q, {
+          children: (s) => (() => {
+            var k = Ue();
+            return V(k, N(Y, {
               type: "button",
               class: "mobile-keyboard-suggestion",
               get "data-kind"() {
-                return o.kind;
+                return s.kind;
               },
               get title() {
-                return o.detail ?? o.label;
+                return s.detail ?? s.label;
               },
               get "aria-label"() {
-                return te(() => !!o.detail)() ? `${o.label} (${o.detail})` : o.label;
+                return oe(() => !!s.detail)() ? `${s.label} (${s.detail})` : s.label;
               },
-              onPointerDown: oe,
-              onClick: () => n.onSuggestionSelect?.(o)
-            }), !1, !0), l(y, () => o.label), y;
+              onPointerDown: de,
+              onClick: () => i.onSuggestionSelect?.(s)
+            }), !1, !0), l(k, () => s.label), k;
           })()
-        })), l(a, X, null), a;
+        })), l(o, te, null), o;
       }
-    }), i), l(Pe, b(_, {
+    }), a), l(Re, p(_, {
       get each() {
-        return _e();
+        return Se();
       },
-      children: (a) => m(a)
-    })), l(i, b(W, {
+      children: (o) => f(o)
+    })), l(a, p(z, {
       get when() {
-        return te(() => !!n.onDismiss)() && C().length === 0;
+        return oe(() => !!i.onDismiss)() && M().length === 0;
       },
       get children() {
-        return X();
+        return te();
       }
-    }), null), l(Z, b(_, {
+    }), null), l(re, p(_, {
       get each() {
-        return ge();
+        return Pe();
       },
-      children: (a) => (() => {
-        var p = qe();
-        return l(p, b(_, {
-          each: a,
-          children: (o) => m(o)
-        })), p;
+      children: (o) => (() => {
+        var m = je();
+        return l(m, p(_, {
+          each: o,
+          children: (s) => f(s)
+        })), m;
       })()
-    })), l($, () => m(M()[0]), x), l($, () => m(M()[1]), x), l(x, b(_, {
+    })), l(K, () => f(B()[0]), H), l(K, () => f(B()[1]), H), l(H, p(_, {
       get each() {
-        return Ie();
+        return Ke();
       },
-      children: (a) => m(a)
-    })), l($, () => m(M()[2]), null), re((a) => {
-      var p = H("mobile-keyboard-popup", h()?.visible && "mobile-keyboard-popup-visible"), o = `${h()?.left ?? 0}px`, y = `${h()?.top ?? 0}px`;
-      return p !== a.e && ae(r, a.e = p), o !== a.t && ie(r, "left", a.t = o), y !== a.a && ie(r, "top", a.a = y), a;
+      children: (o) => f(o)
+    })), l(K, () => f(B()[2]), null), ae((o) => {
+      var m = q("mobile-keyboard-popup", w()?.visible && "mobile-keyboard-popup-visible"), s = `${w()?.left ?? 0}px`, k = `${w()?.top ?? 0}px`;
+      return m !== o.e && se(r, o.e = m), s !== o.t && le(r, "left", o.t = s), k !== o.a && le(r, "top", o.a = k), o;
     }, {
       e: void 0,
       t: void 0,
@@ -281,7 +312,7 @@ function it(le) {
     }), e;
   })();
 }
-Re(["pointerdown", "pointerup", "click"]);
+Le(["pointerdown", "pointerup", "click"]);
 export {
-  it as MobileKeyboard
+  bt as MobileKeyboard
 };

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

@@ -0,0 +1,18 @@
+export interface MobileKeyboardViewportSource {
+    innerWidth: number;
+    innerHeight: number;
+    visualViewport?: {
+        width?: number;
+        height?: number;
+        offsetLeft?: number;
+        offsetTop?: number;
+    } | null;
+}
+export interface MobileKeyboardViewportMetrics {
+    leftPx: number;
+    bottomPx: number;
+    widthPx: number;
+    heightPx: number;
+}
+export declare function resolveMobileKeyboardViewportMetrics(source: MobileKeyboardViewportSource): MobileKeyboardViewportMetrics;
+export declare function buildMobileKeyboardViewportStyle(metrics: MobileKeyboardViewportMetrics): Record<string, string>;

package/dist/components/ui/mobileKeyboardViewport.js

@@ -0,0 +1,42 @@
+function n(t) {
+  return Math.round(t * 1e3) / 1e3;
+}
+function i(t, o, e) {
+  return Math.min(e, Math.max(o, t));
+}
+function x(t, o) {
+  return Number.isFinite(t) ? Number(t) : o;
+}
+function a(t, o) {
+  const e = x(t, o);
+  return e <= 0 ? Math.max(0, n(o)) : n(e);
+}
+function l(t) {
+  const o = Math.max(0, a(t.innerWidth, 0)), e = Math.max(0, a(t.innerHeight, 0)), r = t.visualViewport ?? null, u = i(
+    a(r?.width, o),
+    0,
+    o || Number.POSITIVE_INFINITY
+  ), h = i(
+    a(r?.height, e),
+    0,
+    e || Number.POSITIVE_INFINITY
+  ), P = Math.max(0, o - u), b = Math.max(0, e - h), m = i(n(x(r?.offsetLeft, 0)), 0, P), I = i(n(x(r?.offsetTop, 0)), 0, b), p = i(n(e - (I + h)), 0, e);
+  return {
+    leftPx: m,
+    bottomPx: p,
+    widthPx: u,
+    heightPx: h
+  };
+}
+function s(t) {
+  return {
+    "--mobile-keyboard-viewport-left": `${t.leftPx}px`,
+    "--mobile-keyboard-viewport-bottom": `${t.bottomPx}px`,
+    "--mobile-keyboard-viewport-width": `${t.widthPx}px`,
+    "--mobile-keyboard-viewport-height": `${t.heightPx}px`
+  };
+}
+export {
+  s as buildMobileKeyboardViewportStyle,
+  l as resolveMobileKeyboardViewportMetrics
+};