@pathscale/ui 0.0.152 → 0.0.154

package/dist/index.js

@@ -10405,10 +10405,14 @@ function createSpring(initial, opts = {}) {
                 velocity = 0;
                 return;
             }
-            const force = -stiffness * (current - target);
-            const accel = (force - damping * velocity) / mass;
-            velocity += accel * dt;
-            current += velocity * dt;
+            const substeps = Math.ceil(dt / 0.004);
+            const subDt = dt / substeps;
+            for(let i = 0; i < substeps; i++){
+                const force = -stiffness * (current - target);
+                const accel = (force - damping * velocity) / mass;
+                velocity += accel * subDt;
+                current += velocity * subDt;
+            }
             if (Math.abs(current - target) < 0.01 && Math.abs(velocity) < 0.01) {
                 current = target;
                 velocity = 0;
@@ -10512,7 +10516,7 @@ const FloatingDock_DockItem = (props)=>{
         "function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$3) : iconRef = _el$3;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>props.item.icon);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$5 = twMerge("relative flex items-center justify-center rounded-full bg-base-200 transition-[opacity,transform] duration-150 hover:opacity-100 active:scale-90 active:duration-75", "opacity-80", cfg.itemClass), _v$6 = `${cfg.baseSize}px`, _v$7 = `${cfg.baseSize}px`;
+            var _v$5 = twMerge("relative flex items-center justify-center rounded-full bg-base-200 transition-opacity duration-150 hover:opacity-100 active:opacity-60", "opacity-80", cfg.itemClass), _v$6 = `${cfg.baseSize}px`, _v$7 = `${cfg.baseSize}px`;
             _v$5 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$5);
             _v$6 !== _p$.t && (null != (_p$.t = _v$6) ? _el$.style.setProperty("width", _v$6) : _el$.style.removeProperty("width"));
             _v$7 !== _p$.a && (null != (_p$.a = _v$7) ? _el$.style.setProperty("height", _v$7) : _el$.style.removeProperty("height"));
@@ -10570,22 +10574,6 @@ const FloatingDockDesktop = (props)=>{
     let loopRunning = false;
     let anchorCenters = [];
     const captureAnchors = ()=>{
-        for(let i = 0; i < itemSprings.length; i++){
-            const s = itemSprings[i];
-            s.sW.snap();
-            s.sH.snap();
-            s.sIW.snap();
-            s.sIH.snap();
-            if (s.wrapRef) {
-                s.wrapRef.style.width = `${s.sW.get()}px`;
-                s.wrapRef.style.height = `${s.sH.get()}px`;
-            }
-            if (s.iconRef) {
-                s.iconRef.style.width = `${s.sIW.get()}px`;
-                s.iconRef.style.height = `${s.sIH.get()}px`;
-            }
-        }
-        stopLoop();
         anchorCenters = [];
         for(let i = 0; i < itemSprings.length; i++){
             const wrap = itemSprings[i].wrapRef;
@@ -10633,15 +10621,17 @@ const FloatingDockDesktop = (props)=>{
             s.sIH.step(dt);
             if (allSettled && !(s.sW.settled() && s.sH.settled() && s.sIW.settled() && s.sIH.settled())) allSettled = false;
         }
+        const maxScale = cfg.hoverSize / cfg.baseSize;
+        const maxIconScale = cfg.hoverIconSize / cfg.iconSize;
         for(let i = 0; i < itemSprings.length; i++){
             const s = itemSprings[i];
             if (s.wrapRef) {
-                s.wrapRef.style.width = `${s.sW.get()}px`;
-                s.wrapRef.style.height = `${s.sH.get()}px`;
+                const scale = Math.max(0.8, Math.min(s.sW.get() / cfg.baseSize, maxScale));
+                s.wrapRef.style.transform = `scale(${scale})`;
             }
             if (s.iconRef) {
-                s.iconRef.style.width = `${s.sIW.get()}px`;
-                s.iconRef.style.height = `${s.sIH.get()}px`;
+                const iconScale = Math.max(0.8, Math.min(s.sIW.get() / cfg.iconSize, maxIconScale));
+                s.iconRef.style.transform = `scale(${iconScale})`;
             }
         }
         if (allSettled) return void stopLoop();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.152",
+  "version": "0.0.154",
   "author": "pathscale",
   "repository": {
     "type": "git",
@@ -57,6 +57,7 @@
   },
   "dependencies": {
     "@iconify/tailwind4": "^1.2.1",
+    "@pathscale/ui": "0.0.153",
     "rsbuild-plugin-iconify": "^1.0.3"
   },
   "peerDependencies": {