@levo-so/studio 0.3.5 → 0.3.6

package/index.js

@@ -10249,8 +10249,13 @@ var rd = {
 	return R(() => {
 		let e = typeof window > "u" ? null : window.visualViewport;
 		if (!e) return;
-		let n = () => t(e.height);
-		return n(), e.addEventListener("resize", n), () => e.removeEventListener("resize", n);
+		let n = () => t({
+			height: e.height,
+			offsetTop: e.offsetTop
+		});
+		return n(), e.addEventListener("resize", n), e.addEventListener("scroll", n), () => {
+			e.removeEventListener("resize", n), e.removeEventListener("scroll", n);
+		};
 	}, []), e;
 }, lf = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),summary,[tabindex]:not([tabindex=\"-1\"])", uf = (e) => {
 	R(() => {
@@ -10292,17 +10297,21 @@ var rd = {
 		children: /* @__PURE__ */ W("div", {
 			className: "flex min-h-full flex-col",
 			children: [/* @__PURE__ */ U("div", {
-				className: "px-5 pt-4 pb-3",
+				className: "flex flex-1 flex-col px-5 pt-4 pb-3",
 				children: l
 			}), s && /* @__PURE__ */ U("div", {
-				className: "mt-auto border-t bg-page px-5 pt-3 pb-[max(env(safe-area-inset-bottom),16px)] [border-color:var(--color-border)] sm:sticky sm:bottom-0 sm:z-10",
+				className: "border-t bg-page px-5 pt-3 pb-[max(env(safe-area-inset-bottom),16px)] [border-color:var(--color-border)] sm:sticky sm:bottom-0 sm:z-10",
 				children: s
 			})]
 		})
 	});
 	return /* @__PURE__ */ U(zn.Root, { children: /* @__PURE__ */ U("div", {
-		className: M("fixed inset-0 z-[2147483000] flex items-end justify-center bg-black/40 fill-mode-forwards sm:items-start", "sm:backdrop-blur-[3px]", i ? "fade-out-0 pointer-events-none animate-out ease-out" : "fade-in-0 animate-in ease-out"),
-		style: { animationDuration: `${i ? 160 : sf}ms` },
+		className: M("fixed inset-x-0 z-[2147483000] flex h-[var(--viewport-height)] items-end justify-center bg-black/40 fill-mode-forwards sm:items-start", "sm:backdrop-blur-[3px]", i ? "fade-out-0 pointer-events-none animate-out ease-out" : "fade-in-0 animate-in ease-out"),
+		style: {
+			animationDuration: `${i ? 160 : sf}ms`,
+			"--viewport-height": f ? `${f.height}px` : "100dvh",
+			top: f ? `${f.offsetTop}px` : 0
+		},
 		onMouseDown: (e) => {
 			e.target === e.currentTarget && a();
 		},
@@ -10311,11 +10320,8 @@ var rd = {
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": u,
-			className: M("relative flex h-[var(--sheet-height)] max-h-[var(--sheet-height)] w-full flex-col overflow-hidden bg-page will-change-transform", "sm:mt-[6vh] sm:h-auto sm:max-h-[88dvh] sm:rounded-2xl sm:border sm:shadow-2xl sm:[border-color:var(--color-border)]", "fill-mode-forwards ease-out", i ? "slide-out-to-bottom-4 fade-out-0 sm:slide-out-to-bottom-2 animate-out" : "slide-in-from-bottom-4 fade-in-0 sm:slide-in-from-bottom-2 animate-in", c ? "sm:max-w-[540px]" : "sm:max-w-[460px]"),
-			style: {
-				animationDuration: `${i ? 160 : sf}ms`,
-				"--sheet-height": f ? `${f}px` : "100dvh"
-			},
+			className: M("relative flex h-full max-h-full w-full flex-col overflow-hidden bg-page will-change-transform", "sm:mt-[6vh] sm:h-auto sm:max-h-[88dvh] sm:rounded-2xl sm:border sm:shadow-2xl sm:[border-color:var(--color-border)]", "fill-mode-forwards ease-out", i ? "slide-out-to-bottom-4 fade-out-0 sm:slide-out-to-bottom-2 animate-out" : "slide-in-from-bottom-4 fade-in-0 sm:slide-in-from-bottom-2 animate-in", c ? "sm:max-w-[540px]" : "sm:max-w-[460px]"),
+			style: { animationDuration: `${i ? 160 : sf}ms` },
 			children: [/* @__PURE__ */ W("div", {
 				className: M("sticky top-0 z-10 shrink-0 border-b bg-page px-5 pt-[max(env(safe-area-inset-top),16px)] pb-3.5 transition-colors", p ? "[border-color:var(--color-border)]" : "border-transparent"),
 				children: [/* @__PURE__ */ W("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/studio",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo Studio components and utilities for building block-based pages",
   "type": "module",
@@ -119,8 +119,8 @@
     "react": ">=19",
     "next": ">=14",
     "react-dom": ">=19",
-    "@levo-so/core": "0.2.1",
+    "@levo-so/insights": "0.2.1",
     "@levo-so/react": "0.2.1",
-    "@levo-so/insights": "0.2.1"
+    "@levo-so/core": "0.2.1"
   }
 }