@lettuceai/crisp 1.6.1 → 1.6.3

package/dist/components/AppBar.d.ts

@@ -17,7 +17,7 @@ export interface AppBarProps {
      * defaults to the window.
      */
     scrollRef?: React.RefObject<HTMLElement | null>;
-    /** Desktop window chrome sits above; leave room for it. */
+    /** Leave room for the status bar above (the top safe area, zero on the desktop). Default on. */
     inset?: boolean;
     className?: string;
 }

package/dist/index.js

@@ -627,7 +627,7 @@ var wt = a(function({ className: e, id: t, rows: n = 4, autoGrow: r, maxRows: i
 wt.displayName = "Textarea";
 //#endregion
 //#region src/components/AppBar.tsx
-function Tt({ title: e, meta: t, onBack: n, backLabel: r, searchValue: i, onSearchChange: a, searchPlaceholder: o, actions: s, filters: c, scrollRef: u, inset: d, className: f }) {
+function Tt({ title: e, meta: t, onBack: n, backLabel: r, searchValue: i, onSearchChange: a, searchPlaceholder: o, actions: s, filters: c, scrollRef: u, inset: d = !0, className: f }) {
 	let { strings: h } = G(), [g, _] = m(!1), [v, y] = m(!1), b = p(null);
 	l(() => {
 		let e = u?.current ?? window, t = () => u?.current ? u.current.scrollTop : window.scrollY, n = () => _(t() > 12);
@@ -3410,12 +3410,16 @@ function Cr({ elapsedMs: e, analyser: t, level: n, frozen: r = !1 }) {
 //#endregion
 //#region src/lib/useModal.ts
 function wr(e, t, n, { lockScroll: r = !0 } = {}) {
-	ln(e, t), l(() => {
+	ln(e, t);
+	let i = p(t);
+	d(() => {
+		i.current = t;
+	}), l(() => {
 		if (!e) return;
-		let i = document.activeElement, a = document.body.style.overflow;
+		let t = document.activeElement, a = document.body.style.overflow;
 		r && (document.body.style.overflow = "hidden");
 		let o = (e) => {
-			if (e.key === "Escape" && t(), e.key === "Tab" && n.current) {
+			if (e.key === "Escape" && i.current(), e.key === "Tab" && n.current) {
 				let t = Array.from(n.current.querySelectorAll("input, textarea, select, [data-autofocus], a[href], button:not([data-modal-chrome]), [data-modal-chrome]")).filter((e) => !e.hasAttribute("disabled"));
 				if (t.length === 0) return;
 				let r = t[0], i = t[t.length - 1];
@@ -3428,11 +3432,10 @@ function wr(e, t, n, { lockScroll: r = !0 } = {}) {
 			(e?.querySelector("[data-autofocus]") ?? e)?.focus({ preventScroll: !0 });
 		});
 		return () => {
-			cancelAnimationFrame(s), document.removeEventListener("keydown", o), r && (document.body.style.overflow = a), i?.focus?.({ preventScroll: !0 });
+			cancelAnimationFrame(s), document.removeEventListener("keydown", o), r && (document.body.style.overflow = a), t?.focus?.({ preventScroll: !0 });
 		};
 	}, [
 		e,
-		t,
 		n,
 		r
 	]);
@@ -3467,7 +3470,7 @@ function jr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
 	wr(e, ae, ee, { lockScroll: !re }), l(() => {
 		e && F(S);
 	}, [e, S]);
-	let oe = h === "auto" ? te ? "bottom" : "side" : h, I = oe === "bottom", L = b?.length ? b : null, se = L ? `${Math.round(L[Math.min(P, L.length - 1)] * 100)}${ie}` : void 0, ce = x(0), le = p(0), ue = p(null), de = p(!1), R = p(null), [fe, pe] = m(!1), me = w(ce, (e) => Math.max(0, e)), he = w(ce, (e) => {
+	let oe = h === "auto" ? te ? "bottom" : "side" : h, I = oe === "bottom", L = b?.length ? b : null, se = L ? `calc(${Math.round(L[Math.min(P, L.length - 1)] * 100)}${ie} - var(--safe-top, 0px))` : void 0, ce = x(0), le = p(0), ue = p(null), de = p(!1), R = p(null), [fe, pe] = m(!1), me = w(ce, (e) => Math.max(0, e)), he = w(ce, (e) => {
 		let t = le.current;
 		return t ? 1 - Math.min(1, Math.max(0, e / t)) : 0;
 	}), ge = (e, t, n = 0) => (ue.current?.stop(), ue.current = v(ce, e, N ? { duration: 0 } : {
@@ -3649,7 +3652,7 @@ function jr({ open: e, onClose: t, title: n, description: r, leftAction: i, righ
 				transition: W.instant
 			},
 			transition: e ? W.sheetIn : W.settle,
-			className: U(we, e ? U("fixed inset-y-0 right-0 z-50 w-full border-l shadow-sheet pb-[var(--safe-bottom)]", Tr[_]) : U("relative z-50 w-full rounded-2xl border shadow-raised", re ? "max-h-[85%]" : "max-h-[85dvh]", Er[_]), T),
+			className: U(we, e ? U("fixed inset-y-0 right-0 z-50 w-full border-l shadow-sheet pt-[var(--safe-top)] pb-[var(--safe-bottom)]", Tr[_]) : U("relative z-50 w-full rounded-2xl border shadow-raised", re ? "max-h-[85%]" : "max-h-[85dvh]", Er[_]), T),
 			children: [
 				Te,
 				Ee,
@@ -7423,7 +7426,7 @@ function uo({ position: e = "bottom-center", bottomInset: t = 0 } = {}) {
 		expand: !0,
 		offset: {
 			bottom: `calc(env(safe-area-inset-bottom) + ${16 + t}px)`,
-			top: 16,
+			top: "calc(env(safe-area-inset-top) + 16px)",
 			left: 16,
 			right: 16
 		},