@surdeddd/bottom-sheet 0.20.0 → 0.20.2

package/dist/vue.js

@@ -838,23 +838,25 @@ var ScrimController = class {
     if (!progressChanged && this.backdropOpacitySentinel.value !== -1 && this.screenOpacitySentinel.value !== -1) {
       return;
     }
-    if (this.backdrop && this.isTopSheet()) {
+    if (this.backdrop) {
       const [s, e] = this.backdropRange;
       const range = Math.max(e - s, RANGE_DIVISION_EPSILON);
       const backdropOpacity = Math.min(
         Math.max((progress - s) / range, 0),
         1
       );
-      if (this.backdropOpacitySentinel.shouldWrite(
-        backdropOpacity,
-        OPACITY_WRITE_EPSILON
-      )) {
-        this.backdrop.style.opacity = String(backdropOpacity);
-      }
-      const nextPointer = backdropOpacity > POINTER_EVENTS_OPACITY_THRESHOLD ? "auto" : "none";
-      if (nextPointer !== this.lastBackdropPointer) {
-        this.backdrop.style.pointerEvents = nextPointer;
-        this.lastBackdropPointer = nextPointer;
+      if (this.isTopSheet() || backdropOpacity === 0) {
+        if (this.backdropOpacitySentinel.shouldWrite(
+          backdropOpacity,
+          OPACITY_WRITE_EPSILON
+        )) {
+          this.backdrop.style.opacity = String(backdropOpacity);
+        }
+        const nextPointer = backdropOpacity > POINTER_EVENTS_OPACITY_THRESHOLD ? "auto" : "none";
+        if (nextPointer !== this.lastBackdropPointer) {
+          this.backdrop.style.pointerEvents = nextPointer;
+          this.lastBackdropPointer = nextPointer;
+        }
       }
     }
     if (this.screenComponent && this.scrimMode !== "off") {

package/dist/webgl.cjs

@@ -1,12 +1,22 @@
 'use strict';
 
 // src/webgl/gl-context.ts
+var supportsHighpFragment = (gl) => {
+  try {
+    const fmt = gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT);
+    return !!fmt && fmt.precision > 0;
+  } catch {
+    return false;
+  }
+};
 var hasWebGL = () => {
   if (typeof document === "undefined") return false;
-  if (typeof WebGLRenderingContext === "undefined") return false;
+  if (typeof WebGLRenderingContext === "undefined" && typeof WebGL2RenderingContext === "undefined") {
+    return false;
+  }
   try {
     const probe = document.createElement("canvas");
-    const gl = probe.getContext("webgl", { alpha: true }) ?? probe.getContext("experimental-webgl");
+    const gl = probe.getContext("webgl2", { alpha: true }) ?? probe.getContext("webgl", { alpha: true }) ?? probe.getContext("experimental-webgl");
     if (!gl) return false;
     const lose = gl.getExtension(
       "WEBGL_lose_context"
@@ -25,18 +35,26 @@ var createGLHandle = (onLost) => {
   canvas.style.left = "0";
   canvas.style.top = "0";
   canvas.style.pointerEvents = "none";
+  const attrs = {
+    alpha: true,
+    premultipliedAlpha: true,
+    antialias: true,
+    depth: false,
+    stencil: false,
+    preserveDrawingBuffer: false
+  };
   let gl = null;
-  try {
-    gl = canvas.getContext("webgl", {
-      alpha: true,
-      premultipliedAlpha: true,
-      antialias: true,
-      depth: false,
-      stencil: false,
-      preserveDrawingBuffer: false
-    });
-  } catch {
-    gl = null;
+  let isWebGL2 = false;
+  for (const id of ["webgl2", "webgl", "experimental-webgl"]) {
+    try {
+      const ctx = canvas.getContext(id, attrs);
+      if (ctx) {
+        gl = ctx;
+        isWebGL2 = id === "webgl2";
+        break;
+      }
+    } catch {
+    }
   }
   if (!gl) return null;
   const handleLost = (e) => {
@@ -47,6 +65,8 @@ var createGLHandle = (onLost) => {
   return {
     canvas,
     gl,
+    isWebGL2,
+    highp: isWebGL2 || supportsHighpFragment(gl),
     destroy: () => {
       canvas.removeEventListener("webglcontextlost", handleLost);
       const lose = gl?.getExtension("WEBGL_lose_context");
@@ -77,8 +97,8 @@ void main() {
   gl_Position = vec4(a_pos, 0.0, 1.0);
 }
 `;
-var FRAGMENT_SRC = `
-precision mediump float;
+var FRAGMENT_SRC = (precision) => `
+precision ${precision} float;
 
 uniform vec2 u_resolution;
 uniform vec4 u_rect;
@@ -155,9 +175,16 @@ var compile = (gl, type, src) => {
   }
   return shader;
 };
-var createSurfaceProgram = (gl) => {
+var createSurfaceProgram = (gl, highp = true) => {
   const vs = compile(gl, gl.VERTEX_SHADER, VERTEX_SRC);
-  const fs = compile(gl, gl.FRAGMENT_SHADER, FRAGMENT_SRC);
+  let fs = compile(
+    gl,
+    gl.FRAGMENT_SHADER,
+    FRAGMENT_SRC(highp ? "highp" : "mediump")
+  );
+  if (!fs && highp) {
+    fs = compile(gl, gl.FRAGMENT_SHADER, FRAGMENT_SRC("mediump"));
+  }
   if (!vs || !fs) return null;
   const program = gl.createProgram();
   if (!program) return null;
@@ -538,7 +565,7 @@ var webglRenderer = (options = {}) => ({
       bail("no-webgl");
       return;
     }
-    program = createSurfaceProgram(handle.gl);
+    program = createSurfaceProgram(handle.gl, handle.highp);
     if (!program) {
       handle.destroy();
       handle = null;
@@ -598,10 +625,13 @@ var webglRenderer = (options = {}) => ({
       paint();
       const held = ctx.isDragging();
       bend *= held ? BEND_DECAY_HELD : BEND_DECAY_FREE;
-      const settled = !held && !ctx.isAnimating() && Math.abs(bend) < BEND_REST;
-      if (settled) {
+      const flat = Math.abs(bend) < BEND_REST;
+      if (!held && flat && capture) {
         bend = 0;
         releaseCapture();
+      }
+      if (!held && flat && !ctx.isAnimating()) {
+        bend = 0;
         paint();
         running = false;
         frameId = null;

package/dist/webgl.js

@@ -1,10 +1,20 @@
 // src/webgl/gl-context.ts
+var supportsHighpFragment = (gl) => {
+  try {
+    const fmt = gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT);
+    return !!fmt && fmt.precision > 0;
+  } catch {
+    return false;
+  }
+};
 var hasWebGL = () => {
   if (typeof document === "undefined") return false;
-  if (typeof WebGLRenderingContext === "undefined") return false;
+  if (typeof WebGLRenderingContext === "undefined" && typeof WebGL2RenderingContext === "undefined") {
+    return false;
+  }
   try {
     const probe = document.createElement("canvas");
-    const gl = probe.getContext("webgl", { alpha: true }) ?? probe.getContext("experimental-webgl");
+    const gl = probe.getContext("webgl2", { alpha: true }) ?? probe.getContext("webgl", { alpha: true }) ?? probe.getContext("experimental-webgl");
     if (!gl) return false;
     const lose = gl.getExtension(
       "WEBGL_lose_context"
@@ -23,18 +33,26 @@ var createGLHandle = (onLost) => {
   canvas.style.left = "0";
   canvas.style.top = "0";
   canvas.style.pointerEvents = "none";
+  const attrs = {
+    alpha: true,
+    premultipliedAlpha: true,
+    antialias: true,
+    depth: false,
+    stencil: false,
+    preserveDrawingBuffer: false
+  };
   let gl = null;
-  try {
-    gl = canvas.getContext("webgl", {
-      alpha: true,
-      premultipliedAlpha: true,
-      antialias: true,
-      depth: false,
-      stencil: false,
-      preserveDrawingBuffer: false
-    });
-  } catch {
-    gl = null;
+  let isWebGL2 = false;
+  for (const id of ["webgl2", "webgl", "experimental-webgl"]) {
+    try {
+      const ctx = canvas.getContext(id, attrs);
+      if (ctx) {
+        gl = ctx;
+        isWebGL2 = id === "webgl2";
+        break;
+      }
+    } catch {
+    }
   }
   if (!gl) return null;
   const handleLost = (e) => {
@@ -45,6 +63,8 @@ var createGLHandle = (onLost) => {
   return {
     canvas,
     gl,
+    isWebGL2,
+    highp: isWebGL2 || supportsHighpFragment(gl),
     destroy: () => {
       canvas.removeEventListener("webglcontextlost", handleLost);
       const lose = gl?.getExtension("WEBGL_lose_context");
@@ -75,8 +95,8 @@ void main() {
   gl_Position = vec4(a_pos, 0.0, 1.0);
 }
 `;
-var FRAGMENT_SRC = `
-precision mediump float;
+var FRAGMENT_SRC = (precision) => `
+precision ${precision} float;
 
 uniform vec2 u_resolution;
 uniform vec4 u_rect;
@@ -153,9 +173,16 @@ var compile = (gl, type, src) => {
   }
   return shader;
 };
-var createSurfaceProgram = (gl) => {
+var createSurfaceProgram = (gl, highp = true) => {
   const vs = compile(gl, gl.VERTEX_SHADER, VERTEX_SRC);
-  const fs = compile(gl, gl.FRAGMENT_SHADER, FRAGMENT_SRC);
+  let fs = compile(
+    gl,
+    gl.FRAGMENT_SHADER,
+    FRAGMENT_SRC(highp ? "highp" : "mediump")
+  );
+  if (!fs && highp) {
+    fs = compile(gl, gl.FRAGMENT_SHADER, FRAGMENT_SRC("mediump"));
+  }
   if (!vs || !fs) return null;
   const program = gl.createProgram();
   if (!program) return null;
@@ -536,7 +563,7 @@ var webglRenderer = (options = {}) => ({
       bail("no-webgl");
       return;
     }
-    program = createSurfaceProgram(handle.gl);
+    program = createSurfaceProgram(handle.gl, handle.highp);
     if (!program) {
       handle.destroy();
       handle = null;
@@ -596,10 +623,13 @@ var webglRenderer = (options = {}) => ({
       paint();
       const held = ctx.isDragging();
       bend *= held ? BEND_DECAY_HELD : BEND_DECAY_FREE;
-      const settled = !held && !ctx.isAnimating() && Math.abs(bend) < BEND_REST;
-      if (settled) {
+      const flat = Math.abs(bend) < BEND_REST;
+      if (!held && flat && capture) {
         bend = 0;
         releaseCapture();
+      }
+      if (!held && flat && !ctx.isAnimating()) {
+        bend = 0;
         paint();
         running = false;
         frameId = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@surdeddd/bottom-sheet",
-  "version": "0.20.0",
+  "version": "0.20.2",
   "description": "Universal, headless bottom sheet — framework-agnostic core with React, Vue 3, Svelte, Solid, Qwik, Preact, Lit and Custom Element adapters. Pointer Events, snap points, momentum, a11y, SSR-safe.",
   "type": "module",
   "license": "MIT",
@@ -200,14 +200,38 @@
       }
     },
     "./package.json": "./package.json",
-    "./styles": "./dist/styles.css",
-    "./styles.css": "./dist/styles.css",
-    "./themes/ios": "./dist/themes/ios.css",
-    "./themes/ios.css": "./dist/themes/ios.css",
-    "./themes/material": "./dist/themes/material.css",
-    "./themes/material.css": "./dist/themes/material.css",
-    "./themes/vercel": "./dist/themes/vercel.css",
-    "./themes/vercel.css": "./dist/themes/vercel.css"
+    "./styles": {
+      "types": "./dist/styles.d.ts",
+      "default": "./dist/styles.css"
+    },
+    "./styles.css": {
+      "types": "./dist/styles.d.ts",
+      "default": "./dist/styles.css"
+    },
+    "./themes/ios": {
+      "types": "./dist/themes/ios.d.ts",
+      "default": "./dist/themes/ios.css"
+    },
+    "./themes/ios.css": {
+      "types": "./dist/themes/ios.d.ts",
+      "default": "./dist/themes/ios.css"
+    },
+    "./themes/material": {
+      "types": "./dist/themes/material.d.ts",
+      "default": "./dist/themes/material.css"
+    },
+    "./themes/material.css": {
+      "types": "./dist/themes/material.d.ts",
+      "default": "./dist/themes/material.css"
+    },
+    "./themes/vercel": {
+      "types": "./dist/themes/vercel.d.ts",
+      "default": "./dist/themes/vercel.css"
+    },
+    "./themes/vercel.css": {
+      "types": "./dist/themes/vercel.d.ts",
+      "default": "./dist/themes/vercel.css"
+    }
   },
   "workspaces": [
     "examples/*"
@@ -385,7 +409,7 @@
     "@builder.io/qwik": "^1.20.0",
     "@lhci/cli": "^0.15.1",
     "@playwright/test": "^1.62.1",
-    "@size-limit/preset-small-lib": "^12.1.0",
+    "@size-limit/preset-small-lib": "^13.0.3",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@types/node": "^20.19.43",
     "@types/react": "^18.3.31",
@@ -400,13 +424,13 @@
     "happy-dom": "^20.11.1",
     "husky": "^9.1.7",
     "lit": "^3.3.3",
-    "motion": "^12.43.0",
+    "motion": "^13.1.0",
     "patch-package": "^8.0.1",
     "publint": "^0.3.22",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rolldown": "^1.2.1",
-    "size-limit": "^12.1.0",
+    "size-limit": "^13.0.3",
     "solid-js": "^1.9.14",
     "svelte": "^5.56.8",
     "three": "^0.185.1",